[#48425] - Joomla Content Editor: Resizing the WYSIWYG text area in the Joomla editor can only be done by dragging
- New
- Medium
- Build: 5.4-dev
- # 48425
Steps to reproduce the issue
NOTE: Accessibility backlog issue and work-in-progress. This issue has been opened to account for all the issues flagged in the initial Milestone 1a Audit Report. If this is a duplicate issue, it will be closed by the end of September 2026.
| Milestone 1a finding ID | M1a-019 |
|---|---|
| Backlog priority | Low |
| Severity — carried from Milestone 1a | Minor |
| Implementation effort | Low |
| Target milestone(s) | MS2a, MS3a, MS3b, MS7b, MS8a, MS10 |
| WCAG 2.2 success criterion | 2.5.7 Dragging Movements |
| Responsibility tag(s) from report | Design, Development |
| Affected Joomla area/component | https://accessibility-project.joomla.org/results/Milestone-1a/milestone1/deliverable1/wcag-report#fe22f934-2320-4b64-91f1-46fbd9e9a236 |
| Affected user journey(s) | 09 – Backend Edit Form Pattern; 10 – Frontend User Forms |
| Source report/reference | Milestone 1a WCAG audit report |
| STF reporting reference | To be assigned |
| Issue owner | To be assigned |
| Status | Triage |
Audit finding
Resizing the WYSIWYG text area can only be done by dragging movements.
User impact
Keyboard-only users and many assistive-technology users may be inconvenienced by not being able to resize the editor
Remediation plan
Refactor the interaction so it is fully keyboard operable, uses correct semantics and states, and preserves predictable focus movement. Allow the editor to be resized using keyboard.
Steps to reproduce
1. Open the form editor containing the WYSIWYG area (For example, Articles > _article-name_ link > Editor area).
2. Locate its resize handle.
3. Attempt to resize it with a pointer.
4. Attempt the same operation with the keyboard.
5. Observe that the operation is not keyboard accessible.
Version
6.1
Expected result
Keyboard users can resize editor area.
Actual result
The resize handle is not keyboard accessible.
What device were you using? (eg, phone, laptop)
Desktop web
What web browser were you using? (eg, Chrome, Safari)
Chrome, Firefox, Edge, Safari
Assistive Technology?
N/A
Additional Comments
No response
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
a11y
a11y-audit-backlog
a11y-priority-minor (Low)
|
||
Correction i worked it out
alt+f10 puts the focus on the toolbar. Then you can tab to the resize and use the arrow keys to resize
chrome_2026-08-26_21-42-45.mp4
Correction i worked it out
alt+f10 puts the focus on the toolbar. Then you can tab to the resize and use the arrow keys to resize
chrome_2026-09-08_20-17-42.mp4
| Title |
|
||||||
The tinymce docs imply this is possible but I cant work out how to actually focus the resize handle and do it even on their own demo