italia / italia/design-react-kit
a11y: verificare implementazione NavBar collapsable
- 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
Assessment
This issue has not been assessed yet.