CodeForPhilly / CodeForPhilly/clean-and-green-philly

Filter: Neighborhoods/Community Org/Zone Pills: Unable to clear the pills using screen readers

Offen
#653 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
A11y blocked
Vorherrschende Sprache
Python
Sterne
50
Forks
92
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

## Description
Tracy Note: This ticket is related to https://github.com/CodeForPhilly/clean-and-green-philly/issues/631 & probably would be fixed with that refactor to pull out the selected pills from the dropdown.

Clearing the pills is impossible using NVDA & Voice Over. JAWS is more forgiving.

- NVDA + FF/Edge: Using tab key to navigate to the X button, selecting it activates the listbox pop up instead

Demo; see **from point 2:18** of the video onwards.

https://github.com/CodeForPhilly/clean-and-green-philly/assets/102739972/ade5b3b2-ca41-4165-ac9f-6bbbb8ca462c

- VO + Safari: Screen reader focus could not navigate to the pills at all; no feedback given when tabbing to it.

## Recommendation
- Would be better to not put the pill on top of the listbox popup so that there's a clear separation between the 2. It will also make the UI less confusing even for sighted users.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, das Verhalten der Filter-Pills mit NVDA in Firefox/Edge und VoiceOver in Safari zu reproduzieren, wobei issue 631 als Kontext für den zugehörigen Refactor dient. Als erledigt gilt, wenn Screenreader-Nutzer die Pills Neighborhoods, Community Org und Zone erreichen, verstehen und löschen können, ohne die Listbox unerwartet zu aktivieren.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Bereich
accessibility, frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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