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
310 stars 163 forks source link

Aggiungere link alla dichiarazione di accessibilità negli skiplink #1217

Open rscano opened 1 month ago

rscano commented 1 month ago

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

Versione della libreria

2.9.0

Cosa

Il salto di blocchi - criterio di successo 2.4.1 delle WCAG 2, prevede che sia disponibile un meccanismo per saltare i blocchi di contenuto che si ripetono su più pagine Web. Lo scopo di questo criterio di successo è consentire alle persone che navigano in sequenza nei contenuti di accedere più direttamente al contenuto principale della pagina Web. Sarebbe interessante inserire tra i link anche un link diretto alla dichiarazione di accessibilità.

Perché

Il link alla "Dichiarazione di accessibilità" viene posizionato, come da indicazioni europee (e conseguentemente di AgID) nel footer. Ciò comporta che l'utente per conoscere il problemi di accessibilità e per comprendere come attivare il meccanismo di feedback, deve scorrere tutti i contenuti. Sarebbe importante quindi garantire che l'utente che arriva al sito con navigazione tramite tastiera (non solo quindi utenti con lettore di schermo), possa raggiungere tale informazione già dall'accesso al sito come primo link di salto di blocchi (es: link: salta alla dichiarazione di accessibilità, link: salta al contenuto, link salta alla ricerca).

Contesto

No response

Altro

Similmente tale possibilità dovrebbe essere data per l'attivazione della scelta del cambio di lingua della pagina (ma se è altra issue, ignoratela :) )

Fupete commented 1 month ago

@rscano mi sembra una buona idea!

Ne metto in priorità alta la verifica, e la aggiungo alla board di status come nota relativa al componente Skiplinks.

Fupete commented 1 week ago

@rscano @astagi ho aggiunto una PR di fix, per ora draft. Date un'occhiata se vi torna tutto. Consigli per migliorarla sono benvenuti.

Fupete commented 1 week ago

Qui l'anteprima corrente della nuova documentazione: https://bootstrap-italia-j6xctgkdc-dip-trasformazione-digitale.vercel.app/docs/menu-di-navigazione/skiplinks/ [ è una bozza, sto continuando a lavorarci, link aggiornato ]

  1. Ho diviso in due varianti, una base più semplice e una avanzata come elenco più complessa.
  2. In questa ultima più complessa a elenco ho anche a. evoluto il markup per includere il tutto in un elemento <nav> e in un elenco <ul>, con la corretta aria-label sul primo; b. inserito e documentato i due link in più al modulo di feedback sulla pagina e alla dichiarazione di accessibilità nel footer.

Cosa ne pensate?

Domanda per voi in più: noi indichiamo che deve essere il primo elemento di pagina. Sarebbe utile specificare se metterlo dentro, o prima, l'elemento <header> laddove presente? Per adesso noi, vedi Designers Italia, lo mettiamo sempre prima.

Fupete commented 1 week ago

@astagi l'ho rivisto stamane con @rscano e @cfabry e fatto gli ultimi aggiustamenti.

Per tutti: ho approfittato per sistemare anche il markup del componente footer nella stessa PR, eliminando gli inutili title sui link <a> e aggiungendo il link alla Dichiarazione di accessibilità.

Fupete commented 1 week ago

Intanto ho preparato anche la modifica di integrazione per lo stesso sito Designers Italia qui: https://github.com/italia/designers.italia.it/pull/1440 così possiamo testare il nuovo approccio in uso.