search

italia / bootstrap-italia

Bootstrap Italia è un tema basato su Bootstrap 5 conforme alle "Linee guida di design per i siti internet e i servizi digitali della Pubblica Amministrazione"
https://italia.github.io/bootstrap-italia
BSD 3-Clause "New" or "Revised" License
309 stars 162 forks source link

Componente `Pagination`: variante con funzionalità più #1171

Open Fupete opened 3 months ago

Fupete commented 3 months ago

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

Versione della libreria

Corrente

Cosa

Nella variante che salta alcuni numeri di pagina usando ... sarebbe da rendere evidente anche ai lettori di schermo la funzione dei tre puntini.

Considerare di passare cioè da: <span class="page-link">...</span> a qualcosa come: <span class="visually-hidden">Saltando le pagine da 2 a 23</span><span aria-hidden="true">&hellip;</span> usando inoltre anche la corretta entità HTML &hellip; al posto dei tre puntini.

O, per l'etichetta nascosta, forse, anche una più generica come "Ellipsis" o "Puntini di sospensione" per semplificare.

Perché

Amichevole con i lettori di schermo.

Contesto

Verifiche di accessibilità sui componenti.

Il problema è presente anche in React kit e Angular kit

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

Altro

Chiederei un parere sulle possibili indicazioni anche a @cfabry se ha tempo di darci un'occhiata.

cfabry commented 2 months ago

@Fupete opterei la versione con la stringa visually-hidden semplificata, senza conteggio delle pagina, che si deduce ugualmente dal pulsante precedente e successivo. La questione dei puntini o entità HTML è secondaria, sia perché tanto è aria-hidden, sia perché in ogni caso le AT le interpretano un po' in maniera diversa e comunque controllata dalle varie impostazioni.