cms icon indicating copy to clipboard operation
cms copied to clipboard

Register new user- accessibility

Open ajanec01 opened this issue 4 years ago • 0 comments

Below is an overview of accessibility issues on the Register New User page

Account

  • The Account and Permissions tabs need appropriate role, state and properties- see aria example with automatic activation and aria example with manual activation (Fixed with #10606) tabs
  • Status update for not being able to save a user not picked up by screen reader software, although it wouldn’t need to be picked up if the following point was implemented status
  • It would be good if the error messages were associated with input fields using aria-describedby and the keyboard focus was moved to the first incorrect field
  • It would be good to either move the save button below the form or to make sure it is part of the <form> element so that the user can just hit enter to save changes

Permissions

  • Checkboxes should be grouped to provide context
  • The select All elements are not keyboard accessible
  • There is 1.47:1 contrast ratio between the dark body text and the Select All elements. Technically, bumping contrast ratio to at least 3:1 would work for WCAG compliance but I’d recommend using another visual clue, e.g. underline, or border with 3:1 contrast ratio against the background
  • Information buttons need aria-expanded and aria-controls; I also think it would be better if they didn’t receive keyboard focus when the checkbox is disabled and their name was more descriptive (e.g. More about moderate users) pop-ups

Additional info

  • Craft version: 3.6.5

ajanec01 avatar Feb 10 '21 22:02 ajanec01