Skip to content

Review Accessibility compliance #3380

@maxpatiiuk

Description

@maxpatiiuk

On top of the things in https://github.com/specify/specify7/projects/12

  • Make sure all dialogs with fields have <form> and submit button - this way users can use Enter key to submit the form (which can also be made to close the dialog)
  • Try out using screen reader. Apple's VoiceOver might be a good example
  • Evaluate usages of role and aria-label. Remove extra usages
  • Consider HTML tags: noscript, address, article, aside, section
  • Use <output> HTML tax for search dialog results, query results, and other things (it adds aria-live, so test screen reader when queryResultsTable fetched more records)
  • Evaluate usages of aria-live and aria-atomic (and add missing)
  • Review all aria roles: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques
  • Learn lessons from https://react-spectrum.adobe.com/blog/building-a-combobox.html

Metadata

Metadata

Assignees

No one assigned

    Labels

    1 - RequestA request made by a member of the communitytype:housekeepingCode cleanup and refactoring

    Type

    No type

    Projects

    Status

    ✅ Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions