Skip to content

a11y: verificare implementazione NavBar collapsable  #1188

@Fupete

Description

@Fupete

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

  • 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    a11yAccessibility

    Type

    Projects

    Status

    📋 Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions