8000 Accessibility: Missing `alt` text on dropdowns · Issue #800 · just-the-docs/just-the-docs · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
Accessibility: Missing alt text on dropdowns #800
Closed
@personalizedrefrigerator

Description

Description

At present, the search icon and drop-down menu buttons lack alt text! As such, they are read aloud as “Link” by the screen reader. This makes navigation very difficult!

Steps to reproduce the behavior:

Method 1

  1. Open https://just-the-docs.github.io/just-the-docs/docs/ui-components with Firefox
  2. Open the accessibility inspector
  3. Select "All Issues" under "check for issues": All issues selected in the "check for issues" dropdown.

Method 2

  1. Enable the screen reader on your device
  2. Visit https://just-the-docs.github.io/just-the-docs/
  3. Tab to UI Components in the sidebar
  4. Tab-focus the v icon to the right UI components

Expected behavior
The screen reader should read “Link: Expand UI Components” or something similar.

Screenshots
Screenshot of Firefox showing various accessibility issues with the "Just the Docs" theme, including missing alt text on dropdown and search icons

Desktop (please complete the following information):

  • OS: Linux/PoP OS (like Ubuntu) 21.10
  • Browser: Firefox

Additional context
In the example above, proper alt text could be alt="Expand UI Components"

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0