
Problem/Motivation
This is a child issue of Accordion and Tabs paragraph need to be more accessible, where the Accordion and Tabs paragraphs had reported accessibility issues.
The accepted patch didn't include the JS that addressed these issues for the Tabs paragraphs, which attempted to solve the following:
1. ARIA attributes must conform to valid values. The aria-controls attribute of tabs is using the tab panel title instead of the ID.
2. Keyboard navigation is not working as expected. According to the Tabs Pattern , tabs should not be accessible by pressing the Tab key, but using left and key arrows instead.
Proposed resolution
1. Add the expected behavior and keyboard interaction with JS.
Remaining tasks
Review patch.
Comment | File | Size | Author |
---|---|---|---|
#3 | tabs_paragraph_accessibility_1.1.patch | 3.73 KB | oscar.puente |
Issue fork bootstrap_paragraphs-3462200
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
- 3462200-tab-paragraph-fails
compare
Comments
Comment #3
oscar.puente CreditAttribution: oscar.puente as a volunteer commentedComment #4
oscar.puente CreditAttribution: oscar.puente as a volunteer commentedComment #6
thejimbirch CreditAttribution: thejimbirch at Kanopi Studios commentedMerged to dev, thanks!
Comment #7
thejimbirch CreditAttribution: thejimbirch at Kanopi Studios commented