Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Improve top bar menu navigation for keyboard and screen reader users

Offen
#430 6 Kommentare 0 Reaktionen 1 zugewiesene Person Auf GitHub ansehen

@OsirisMedici arbeitet bereits daran.

Seit 03.3.2023.

Bewertung

Dieses Issue wurde noch nicht bewertet.

Beschreibung

Accessibility Enhancement Help Wanted

The top bar of the Processing website's dropdowns are not properly accessible for keyboard and screen reader users.

Current behavior
  • Tabbing through the top bar menu gives limited information about the nature and state of dropdown buttons.
Desired behavior
  • When tabbing through the menu, screen reader should announce "[button name] menu button collapsed submenu."
  • When pressing enter, screen reader should announce "expanded" and actually expand the submenu.

This can be achieved using aria-expanded and aria-controls.

Example

A good example of an accessible menu with dropdowns can be found here: https://www.audioeye.com/consultants/

References

Further information about dropdown accessibility can be found here: https://accessuse.eu/en/drop-down-menus.html

Vorherrschende Sprache
MDX
Sterne
90
Forks
122
Ø Merge
1 Std. 43 Min.
Gemergte PRs (30 T.)
3

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus processing/processing-website

Alle Issues in processing/processing-website

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.