hyrax icon indicating copy to clipboard operation
hyrax copied to clipboard

Create a new work form accessibility aduit

Open kellyChex opened this issue 5 years ago • 1 comments

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: Screen Shot 2019-09-11 at 4 59 38 PM

ARIA role must be appropriate for the element: Screen Shot 2019-09-11 at 5 00 27 PM

Heading levels should only increase by one: Screen Shot 2019-09-11 at 5 01 31 PM

Aside must not be contained in another landmark: Screen Shot 2019-09-11 at 5 02 18 PM

Screen Shot 2019-09-11 at 5 03 09 PM

Main landmark must not be contained in another landmark: Screen Shot 2019-09-11 at 5 03 55 PM

Document must have one main landmark: Screen Shot 2019-09-11 at 5 04 38 PM

Ensures landmarks are unique: Screen Shot 2019-09-11 at 5 05 22 PM

Radio inputs with the same name attribute value must be part of a group: Screen Shot 2019-09-11 at 5 07 03 PM

Steps to reproduce the behavior

  1. Install the Axe plugin or addon from Deque (https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/ is the firefox version).
  2. Open https://nurax-dev.curationexperts.com/concern/generic_works/new?locale=en
  3. Open the inspector (right-click, and select "Inspect element")
  4. Click on the 'Axe' tab
  5. 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.

Screen Recording 2019-09-16 at 01 52 PM

kellyChex avatar Sep 12 '19 00:09 kellyChex

In Hyrax 5.0.0.rc2, the WAVE accessibility tool reports 2 missing form labels, 2 empty form labels and 21 broken ARIA references. aria-create-new-work

##Steps to reproduce the behavior

  1. Install the WAVE plugin
  2. Open https://pg.nurax.samvera.org/concern/generic_works/new?locale=en
  3. Click the WAVE plugin

rjkati avatar Dec 05 '23 14:12 rjkati