patternfly / patternfly/patternfly-react

A11y Docs Audit: Resolve Critical Axe Violations

Aperta
#9,968 11 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

A11y Stale
Lingua principale
TypeScript
Stelle
862
Fork
392
Merge medio
4g 8h
PR unite (30g)
9

Descrizione

Describe the problem

The Patternfly React docs workspace could use a sweeping accessibility audit to find and resolve axe violations across all PF components.

There are several PF components for which AXE is throwing critical a11y errors.

In RHOAI, critical AXE violations have been noted specifically in Menu/Application Launcher, and Tabs

How do you reproduce the problem?

Run axe tests for the components below:
https://www.patternfly.org/components/menus/custom-menus/react-demos/application-launcher-menu/
https://www.patternfly.org/components/tabs/#with-help-action-popover

Expected behavior
A clear and concise description of the expected behavior.
No violations


Jira Issue: PF-102

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia eseguendo axe sugli URL delle demo di Application Launcher Menu e Tabs indicati nell’issue, quindi esamina l’issue correlata Menu/Application Launcher #8939. Identifica le violazioni critiche e i relativi punti di ingresso dei componenti, risolvi i problemi di accessibilità interessati e riesegui i controlli axe finché entrambe le demo non riportano alcuna violazione.

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

Valutazione

Stack tecnologico
react, typescript
Ambito
accessibility, frontend, testing
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Tranquilla
Chiarezza
Da chiarire
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.