Componente Toolbar: Criticità di accessibilità relative al layout

[Mattia541993]

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

• Ho verificato e non esiste

Versione della libreria

5.2.0

Cosa

• Nell'esempio con icone grandi e nell'esempio con divisori, lo screen reader legge senza spazio "Preferitielemento disabilitato". L'assenza dello spazio tra "Preferiti" e "elemento" può creare confusione in particolare in chi usa il display Braille o nei casi in cui il nome del collegamento sia costituito da una sola lettera. In questo secondo caso il lettore di schermo leggerebbe, ad esempio "Eelemento disabilitato", "Helemento disabilitato" "Nelemento disabilitato".
  Possibile soluzione: usare al posto di spazio " ".
• I divisori definiti con  ToolbarItemDivider non vengono letti dal lettore di schermo (sono aria-hidden="true"). Nella versione Bootstrap i divisori vengono letti correttamente.

Perché

Per omogeneità tra i vari framework considerati da Designers Italia e per chiarezza nel rendere esplicita la semantica dei divisori in React

Contesto

No response

Altro

Riporto l'issue originale pubblicata nel repository di Bootstrap Italia in quanto riguarda entrambi i framework

[Fupete]

Vedi italia/bootstrap-italia#1192 (comment)