CodeForPhilly / CodeForPhilly/clean-and-green-philly

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

Aperta
#653 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub
A11y blocked
Lingua principale
Python
Stelle
50
Fork
92
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

## 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.

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia riproducendo il comportamento delle filter-pill con NVDA su Firefox/Edge e VoiceOver su Safari, usando issue 631 come contesto per il refactor correlato. Il lavoro è completato quando gli utenti degli screen reader possono raggiungere, comprendere e cancellare le pill Neighborhoods, Community Org e Zone senza attivare inaspettatamente la listbox.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Ambito
accessibility, frontend
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.