User Story
As a user using a screen reader, I want to be able to navigate the mobile version of Special:Preferences and change my preferences.
Technical information
The following aria attributes could be useful:
Testing and QA steps
- Use a screen reader (e.g. Orca, NVDA, etc ) to verify acceptance criteria are met
- Navigate to Special:Preferences on the latest patchdemo and sign in
- Ensure the MinervaNeue skin selected in the appearance section (closing the section afterwards)
- Navigate the the sections with tab and shift +tab
- Open sections with the enter key
- Close sections with the escape key
- Change and save a preference
Acceptance Criteria
Special:Preferences in MinervaNeue / mobile web should offer equivalent functionality to Vector / Desktop preferences in terms of:
- keyboard navigation
- screen reader narration
It should be possible to browse and save preferences via keyboard with the assistance of a screen reader.
Original ticket
Steps to replicate the issue (include links if applicable):
Everything here is done with a screen reader running (I used orca with structural navigation enabled)
To experience the current state of desktop preferences:
- load https://en.wikipedia.org/w/index.php?title=Special:Preferences&mobileaction=toggle_view_desktop and keep the cursor on the page title
- the reader will announce the loading progress of various page elements, beginning with top level nav
- after the reader says preferences in done loading, listen to the help and skin nav options, followed by keyboard navigation hints for the form
- use the keyboard to navigate the form
To experience the current state of mobile preferences:
- load https://en.m.wikipedia.org/w/index.php?title=Special:Preferences&mobileaction=toggle_view_mobile and keep the cursor on the page title
- after preferences loads, there are no additional nav choices (this could be okay since there are reduced tools on mobile), nor are there nav hints
- the section descriptions are announced as heading level 5 which is a surprising jump in structure
- use the keyboard to navigate the form
What happens?:
- you can change focus between the sections, but can't open them, the form is totally inoperable
What should have happened instead?:
- the form should be keyboard navigable and offer hints on how to navigate it via keyboard
- the form should present section descriptions as such, eg. using aria-describedby or markup with similar functionality
Software version (skip for WMF-hosted wikis like Wikipedia):
Other information (browser name/version, screenshots, etc.):
Edge 108 with Orca 42.0