Skip to content

Gnav Accessibility Audit #72

@auniverseaway

Description

@auniverseaway

Some loose notes:

  1. Add ID to tie menu to link / button "aria-controls"
  2. Add JS for arrow nav in global nav
  3. Esc to close current menu - restore focus to current menu link
  4. Search icon turn to close
  5. Loop focus back to search field
  6. Make search cards a list - Add aria label to list
  7. Use mark tag instead of span for search highlight
  8. Make search bar a modal - role=dialog / aria-modal="true"
  9. When opening in new tab, use hidden span for disclosing opening in new tab.

https://w3c.github.io/aria-practices/examples/disclosure/disclosure-navigation.html <-- Sample nav

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions