hyrax
hyrax copied to clipboard
Create a new work form accessibility aduit
Descriptive summary
In testing for the Hyrax 3.0 release, the following points are actions that need to be taken on the Hyrax create a new work form page in order to be more accessible:
ARIA attributes must conform to valid values:
ARIA role must be appropriate for the element:
Heading levels should only increase by one:
Aside must not be contained in another landmark:
Main landmark must not be contained in another landmark:
Document must have one main landmark:
Ensures landmarks are unique:
Radio inputs with the same name attribute value must be part of a group:
Steps to reproduce the behavior
- Install the Axe plugin or addon from Deque (https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/ is the firefox version).
- Open https://nurax-dev.curationexperts.com/concern/generic_works/new?locale=en
- Open the inspector (right-click, and select "Inspect element")
- Click on the 'Axe' tab
- Click 'Analyze'
Tab Test
In Firefox and Safari, not able to tab through all of the visibility select boxes, Save button, Additional fields button, etc.
In Hyrax 5.0.0.rc2, the WAVE accessibility tool reports 2 missing form labels, 2 empty form labels and 21 broken ARIA references.
##Steps to reproduce the behavior
- Install the WAVE plugin
- Open https://pg.nurax.samvera.org/concern/generic_works/new?locale=en
- Click the WAVE plugin