bootstrap-italia icon indicating copy to clipboard operation
bootstrap-italia copied to clipboard

Componente `Back to top`: da verificare impostazione a11y

Open Fupete opened this issue 6 months ago • 0 comments

Cosa

Da verificare il perché sull'uso di aria-hidden="true" tabindex="-1" negli esempi di codice, che lo rendono trasparente (invisibile) sia a navigazione da tastiera che lettori di schermo. Non se ne ravvede il motivo se non in casi specifici.

Valutare di aggiungere un disclaimer di accessibilità nella documentazione che spieghi come e perché e, laddove possibile, spiegare come implementare una soluzione accessibile per esempio come quella del sito Designers Italia, dove si è scelto di non renderlo invisibile: (1) è l'ultimo elemento del DOM di pagina, e (2) navigabile da tastiera e percepibile da lettore di schermo, dove in entrambi i casi permette di tornare all'inizio.

Perché

Review che sia Amichevole con i lettori di schermo e Navigabile.

Contesto

Verifiche di accessibilità sui componenti.

⚠️ Sarà da aggiornare lo status delle verifiche nella board census alla risoluzione.

Altro

Il tema è presente anche in React kit e Angular kit.

Fupete avatar Aug 01 '24 07:08 Fupete