CodeForPhilly / CodeForPhilly/clean-and-green-philly

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

Ouverte
#653 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
A11y blocked
Langage dominant
Python
Étoiles
50
Forks
92
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par reproduire le comportement des filter-pills avec NVDA sur Firefox/Edge et VoiceOver sur Safari, en utilisant issue 631 comme contexte pour le refactor associé. Le travail est considéré comme terminé lorsque les utilisateurs de lecteurs d’écran peuvent atteindre, comprendre et effacer les pills Neighborhoods, Community Org et Zone sans activer la listbox de manière inattendue.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Domaine
accessibility, frontend
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.