A questo proposito abbiamo fornito in precedenti numeri della rivista un paio di articoli con risorse accessibili che puoi utilizzare nel tuo sito web Joomla 3 in questo momento:
Tuttavia, anche utilizzando queste risorse nel tuo sito web, il sito web finale dipende completamente da come gli aggregatori mettono insieme tutti i pezzi per sviluppare un sito web e, testare l'accessibilità, è fondamentale per consentire a tutti di raggiungere e utilizzare tutte le funzionalità che hai da offrire.
Quindi in questo numero vogliamo offrirti un modo semplice e veloce per testare l'accessibilità del tuo sito web.
L'accessibilità è per tutti, ma non allo stesso modo.
L'accessibilità dipende davvero da come intendi che le persone interagiscano con i tuoi contenuti e dal modo in cui gestisci questa interazione. Ciò significa che alcune tecniche che funzionano bene per un sito web, potrebbero avere l'effetto opposto su un contenuto diverso o anche su un pubblico diverso.
Un rapido esempio di questo è l'attributo alt nella descrizione delle immagini. A prima vista potresti pensare di dover usare un tag alt per tutte le tue immagini in cui descrivi l'immagine, ma quando leggi più a fondo impari che la descrizione alt è richiesta solo quando l'immagine ha un certo significato in modo da poter risparmiare la tua immagine decorativa di aggiungere testo all'attributo alt (in ogni caso l'attributo alt deve essere presente con valore vuoto). Va bene così.
Ora la domanda è: Cos'è un'immagine decorativa? Di sicuro tutte le immagini che aggiungiamo usando CSS o che vengono fornite con il modello possono far parte di questo gruppo, ma che dire delle immagini che di solito illustrano un post sul blog. Queste immagini di solito hanno l'unica intenzione di richiamare l'attenzione del lettore sull'articolo. Queste immagini sono utili per capire un sito web o semplicemente decorative? Questa è probabilmente la domanda che dovete porvi quando pianificate e testate l'accessibilità sul vostro sito web?
Primo approccio all'accessibilità: Utilizzo degli attuali strumenti di test a11y
Una volta capito che ogni contenuto è diverso, siamo pronti per iniziare il nostro processo di test e per questo useremo un paio di strumenti di test a11y che ci aiuteranno nel nostro primo approccio.
Lighthouse di Google Chrome
Se utilizzi i browser Google Chrome o Chromium, potresti aver notato che quando apri lo strumento di ispezione web integrato, c'è una scheda chiamata Lighthouse. Questo strumento ti consente di creare un report su diversi aspetti del tuo sito web.
Uno di questi aspetti è l'accessibilità. Quando crei il tuo report con questo strumento puoi vedere come punteggi su a11y secondo gli standard di Google e cosa è più interessante, gli aspetti in cui devi migliorare:
Ovviamente questo è solo il nostro primo controllo sul sito web, ma migliorare questi aspetti renderà sicuramente il tuo sito migliore per le persone con abilità diverse.
WAVE Checker
WAVE checker è uno strumento popolare per controllare a11y nel tuo sito. Questo strumento è sviluppato dal Center for Persons with Disabilities della Utah State University e puoi trovare componenti aggiuntivi per Firefox e Chrome per controllare facilmente a11y nel tuo sito web.
Questo strumento offre una serie più dettagliata di problemi e li classifica in base alla loro gravità. È molto più visivo di Lighthouse in quanto carica il tuo sito web e inserisce un'immagine su ogni parte della tua pagina con uno di questi problemi in modo da poter vedere facilmente dove si trova:
Oltre a questo, ti offre anche un elenco dettagliato con tutti i problemi e mostra anche tutte le funzionalità a11y che sono già implementate sul tuo sito web. Un aspetto di questo strumento che personalmente mi piace molto è l'area della struttura in cui ti mostra come è strutturato il tuo contenuto in base al tuo markup e che trovo particolarmente utile quando controllo il significato del sito web.
AXE Checker
Per utilizzare lo strumento di test AXE è necessario installare la loro estensione sul browser:
Una volta installato, questo strumento aggiungerà una nuova scheda ai tuoi strumenti di ispezione in entrambi i browser e vedrai un grande pulsante con il testo: Analizzare.
Dopo aver analizzato il tuo sito web, sorgerà un elenco di problemi e potrai navigarli facilmente dallo strumento e persino evidenziare gli elementi specifici con i problemi:
Strumenti diversi, risultati diversi
Come si può notare quando si utilizzano questi strumenti, diversi strumenti forniscono risultati diversi. Lighthouse è probabilmente il meno esaustivo, ma in ogni caso fornisce un approccio semplice fuori dagli schemi (se usi il browser Chrome) per vedere lo stato del tuo sito web.
AXE e WAVE forniscono molte più informazioni con link specifici ai problemi sul tuo sito web e suggerimenti su come risolverli, ma in ogni caso, entrambi vedono la pagina in modo diverso, quindi qual è la migliore?
Ecco dove devi leggere un po 'di più sui problemi che il tuo sito presenta e pensare a come vuoi che le persone con diverse capacità sperimentino il tuo sito web.
In ogni caso, tieni sempre presente che questi strumenti sono di grande aiuto quando ti mostrano i problemi, ma non fidarti ciecamente di loro per l'accessibilità. Alla fine sono gli esseri umani che leggono il tuo sito web e i tuoi utenti che devono essere in grado di comprendere appieno i tuoi contenuti e utilizzare il tuo sito web.
Alcuni articoli pubblicati sulla rivista Joomla Community Magazine rappresentano l'opinione personale o l'esperienza dell'autore su un argomento specifico e potrebbero non essere in linea con la posizione ufficiale del progetto Joomla.
