italia / italia/design-react-kit

a11y: verificare implementazione NavBar collapsable

Open
#1,188 1 comment 0 reactions 0 assignees View on GitHub
a11y
Dominant language
TypeScript
Stars
179
Forks
89
PR merge metrics
No merged PRs in 30d

Description

### Esiste già una discussione sul tema che ti interessa, o su un tema simile?

- [x] Ho verificato e non esiste

### Versione della libreria

5.8.1

### Cosa

Due problemi di accessibilità sull'header:
1. il toggler (burger menu) presente nelle navbar (header completo etc.) è implementato estendendo il componente Collapse di React Strap.. dovrebbe invece implementare il componente Offscreen più correttamente? Anche per risolvere la mancanza di animazione di apertura segnalata in altra issue.
2. i fix fatti in Bootstrap Italia 2.15.0, proprio per risolvere problemi di corretto isolamento sui lettori di schermo del menu offscreen dal resto della pagina quando aperto, come li possiamo poi implementare anche qui? I problemi ricordo che derivavano da Bootstrap stesso e, a prima occhiata, sembrano presenti anche nel componente Offscreen di React Strap. In BI è sono cambiati profondamente i JS implementando in NavBar Collapsable la soluzione usata per la Dialog/Modale, completa di overlay aggiunto dinamicamente al livello giusto del DOM oltre che di gestione di attributi come `inert` etc.

### Perché

Accessibilità con lettori di schermo e coerenza con Bootstrap Italia.

### Contesto

Aggiornamenti a Bootstrap Italia 2.15

### Altro

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.