-
Notifications
You must be signed in to change notification settings - Fork 4.8k
Accordion Block: Remove additional keypress handlers for navigation #75873
Copy link
Copy link
Closed
Labels
[Block] AccordionAffects the Accordion BlockAffects the Accordion Block[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).Changes that impact accessibility and need corresponding review (e.g. markup changes).[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Metadata
Metadata
Assignees
Labels
[Block] AccordionAffects the Accordion BlockAffects the Accordion Block[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).Changes that impact accessibility and need corresponding review (e.g. markup changes).[Status] In ProgressTracking issues with work in progressTracking issues with work in progress[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Type
Fields
Give feedbackNo fields configured for issues without a type.
What problem does this address?
Accordion Block supports
Up arrowandDown arrowto navigate to between headers (added by #71778). This creates a blocking accessibility issue : users can open a accordion header, but they can't scroll inside the accordion content after that. This is partly why this behavior is marked as optional in the WAI Accordion Pattern.In the video, you can see that the first accordion has 8 paragraphs, but the 5th and 6th can't be accessed. After entering the accordion,
Down arrowjumps to the next accordion header, and some of the accordion content is off screen.accordion-accessibility3.webm
This problem is inherited from the WAI Accordion Pattern. It has been reported to the WAI by @juliemoynatPro. Meanwhile WordPress could improve user experience and accessibility by disabling this behavior.
What is your proposed solution?
Remove
Up arrowandDown arrowkeyboard interactions for the Accordion block, as they're optional in the WAI pattern.Alternatively, add an option to enable / disable these interactions, and have them disabled by default.