Drupal 8 Web Accessibility – Perché ci piace e perché dovrebbe interessare anche a te

L'accessibilità al Web è radicata nei valori e nei principi di Drupal. A partire da Drupal 7, l'iniziativa sull'accessibilità del web è progredita notevolmente attraverso Drupal 8. Perché l'accessibilità del sito web è così importante? In che modo Drupal 8 garantisce l'accessibilità del sito web? Entriamo per rispondere a tutte le tue domande.

La forza del Web sta nella sua universalità. L'accesso da parte di tutti indipendentemente dalla disabilità è un aspetto essenziale. - Tim Berners Lee, inventore del World Wide Web.

Internet come lo conosciamo oggi ha 11315 giorni! Originariamente concepito per soddisfare la domanda di condivisione automatica delle informazioni tra scienziati nelle università e negli istituti di tutto il mondo, Internet oggi è parte integrante di oltre 3 miliardi di persone nel mondo. Per vari motivi che vanno dai social network alla raccolta di informazioni per progetti, Internet oggi è probabilmente la risorsa più potente conosciuta dall'umanità.

Nel corso degli anni, il boom delle applicazioni di chat-bot e di apprendimento automatico ha portato le aziende a creare la propria presenza online sotto forma di siti Web e a utilizzare l'intelligenza artificiale per una migliore esperienza del cliente. Ciò non sorprende, dato che negli ultimi anni la chat o la messaggistica hanno preso il sopravvento sui social media per essere l'opzione "go-to" per gli utenti che desiderano contattare un'azienda.

Ma ti sei mai fermato a pensare, tutti possono accedere al web?

È il 2018 e mi chiedo, perché l'accessibilità al web è ancora meno, beh, accessibile? Come azienda, il mercato competitivo ti spinge a raggiungere quante più persone possibile per promuovere il tuo marchio. Più le barriere diminuiscono le possibilità di raggiungere potenziali clienti. Questo è fondamentalmente il concetto alla base dell'accessibilità del web: eliminare le barriere che il pubblico deve affrontare.

Che cos'è l'accessibilità web?

In genere, le persone fanno riferimento all'accessibilità del Web con lettori di schermo o disabilità visive. Tuttavia, la gamma di argomenti che copre è vasta e include più di questo. Ad esempio, avere un contrasto dello schermo appropriato per una persona per vedere lo schermo in una giornata di sole è un caso d'uso per qualcuno con una visione normale piuttosto che per qualcuno con disabilità.

Il World Wide Web Consortium ha introdotto alcune linee guida per raggiungere determinati livelli di accessibilità per garantire che un sito web sia il più utile possibile. Pubblicato nel 1999 come versione 1.0 e successivamente nel 2008 come versione 2.0, il WCAG 2.0 è generalmente accettato come lo standard da misurare quando si parla di accessibilità web e delle informazioni che si presentano a un utente.

L'importanza dell'accessibilità web

Con la crescente importanza di Internet nella vita delle persone, se ciò che vuoi trasmettere (in pratica i tuoi contenuti) non è facilmente accessibile a tutti, stai allontanando il tuo pubblico prima ancora che arrivi alla porta. Ad esempio, qualcosa di semplice come una mano rotta o una cecità temporanea può rendere difficile la navigazione nel web.

Sebbene il fatto che l'accessibilità al Web non sia solo per le persone con disabilità è piuttosto evidente, le aziende devono sapere che il design flessibile e reattivo di un sito Web completamente accessibile è un vantaggio per tutti. Gli standard di accessibilità del Web sono costruiti per promuovere l'inclusione e Drupal sta definendo un punto di riferimento quando si tratta di supportare e promuovere l'inclusione.

Come aiuta Drupal ?

Drupal CMS, un SaaS basato sul web, offre la possibilità di organizzare e gestire i contenuti web di un'organizzazione in modo sistematico. Le linee guida del World Wide Web Consortium sono divise in due: ATAG 2.0 che si rivolge agli strumenti di authoring e WCAG 2.0 che affronta il contenuto web ed è ampiamente utilizzato dagli sviluppatori e dagli strumenti di valutazione dell'accessibilità. Drupal CMS, come piattaforma, è stato costruito per aderire a entrambe le linee guida. Mentre l'iniziativa sull'accessibilità è iniziata con Drupal 7, Drupal 8 affronta alcune delle migliori funzionalità di accessibilità.

Funzioni e moduli di accessibilità di Drupal 8

La versione più avanzata di Drupal consente al tuo sito Web di essere molto più facilmente accessibile, alle tecnologie assistive e agli utenti che dipendono da esse, che mai. Drupal 8 estende l'accessibilità con vari moduli principali e contributivi.

Contrasto migliore

Lo scarso livello di contrasto è spesso citato come la caratteristica più comunemente trascurata dagli sviluppatori. Tuttavia, in Drupal 8, i temi principali hanno contrasti più elevati, grazie ai manutentori dell'accessibilità di Drupal. Con contrasti migliorati, gli utenti che soffrono di daltonismo possono facilmente creare siti web. Inoltre, questa funzione è un ulteriore vantaggio quando si visita un sito Web sotto la luce diretta del sole in un dispositivo portatile come un telefono cellulare o una scheda.

Forme

Gli errori durante la compilazione dei moduli sono uno dei fattori più comuni che influiscono sull'interfaccia utente. Con i nuovi standard, l'identificazione di questi errori diventa molto più semplice. Utilizzando una migliore verbosità degli errori di convalida dei moduli, Drupal 8 fornisce un'opzione per attivare questa funzione che migliora l'accessibilità relativa alla visualizzazione degli errori dei moduli. Ad esempio, una persona ipovedente può ora identificare facilmente quali errori potrebbe aver commesso durante la compilazione di un modulo web.

Pulsanti invece di link

Una pratica comune tra molti proprietari di siti Web è utilizzare i testi di ancoraggio come "invito all'azione" invece dei pulsanti. Da un punto di vista semantico, è più logico utilizzare un pulsante anziché i testi di ancoraggio poiché questi elementi dell'interfaccia utente sono orientati all'azione. Pertanto, Drupal 8 ha chiesto che questa misura utilizzi pulsanti anziché collegamenti. Questo nuovo standard stabilito da Drupal 8 può essere gestito senza diventare fortemente dipendente da WAI-ARIA che può essere utile per identificare lo scopo di alcuni elementi.

Altre funzioni di accessibilità di Drupal 8

Il testo alternativo (testo alternativo) di solito si riferisce alle parole utilizzate per descrivere una particolare immagine. Sebbene non siano visibili o visualizzati sulla pagina, questi testi alternativi vengono utilizzati da strumenti come gli screen reader e rappresentano una grande risorsa per l'accessibilità al web. Questa funzione che è impostata su "richiesto" per impostazione predefinita in Drupal 8 aiuta il pubblico ipovedente a sapere di cosa tratta l'immagine con l'aiuto del testo.

TabbingManager è una funzionalità che vincola la tabulazione e guida gli utenti non visivi a importanti elementi della pagina "tabbable". Questo è utile per gli utenti che preferiscono utilizzare il tasto Tab sulla tastiera anziché il mouse.

La funzione Avvisi acustici è una funzione Javascript che trasmette un messaggio/istruzione assertivo o educato agli utenti dell'udito se vengono apportate modifiche alla pagina (che altrimenti passerebbero inosservate sugli screen reader).

Modulo per la creazione di layout

Il generatore di layout è uno dei moduli Drupal 8 più potenti e popolari ampiamente utilizzato dai costruttori di contenuti. Offre funzionalità di creazione di pagine semplici e potenti che consentono ai costruttori di siti di creare pagine personalizzate, creare e sovrascrivere modelli riutilizzabili, personalizzazioni granulari e molto altro. È stabile dal rilascio di Drupal 8.7 ed è nel core.

Come parte dell'impegno di Drupal per l'inclusione e l'accessibilità, Layout Builder soddisfa tutte le linee guida stabilite nelle WCAG 2.0 AA (necessarie per soddisfare il livello AA delle Linee guida per l'accessibilità dei contenuti Web). Solo una volta superato il “cancello di accessibilità”, il modulo è stato rilasciato come versione stabile. E questo è stato un impegno che è stato preso e debitamente rispettato dalla comunità di Drupal.

Modulo Verifica accessibilità CKEditor

Il modulo CKEditor Accessibility Checker è un modulo Drupal 8 che ti consente di testare il livello di accessibilità del contenuto all'interno di CKEditor. Non solo rileva le aree problematiche nell'accessibilità del sito web; ti aiuta anche a risolverli per una migliore conformazione all'accessibilità. Sfrutta il plugin Accessibility Checker di CKEditor.com per eseguire queste funzionalità.

Modulo SiteImprove

Siteimprove è un modulo contribuito a Drupal 8 che fornisce un plug-in per connettere il tuo sito Web Drupal alla piattaforma di intelligence di Siteimprove. Siteimprove è un software di ottimizzazione della presenza digitale che fornisce informazioni sorprendenti che non solo possono aiutare a migliorare la conformità all'accessibilità del web, ma aiutano anche a migliorare il traffico del sito web, la qualità dei contenuti, le prestazioni e altro ancora.

Modulo di ridimensionamento del testo

Questo è un modulo Drupal per l'accessibilità web ed è ampiamente utilizzato nei progetti Drupal 7 e Drupal 8. Consente agli utenti di aumentare o diminuire la dimensione del carattere di una pagina Web con un clic di un pulsante. Aiuta in larga misura gli utenti ipovedenti in quanto sono in grado di regolare la dimensione del testo in base alla loro vista.

Il futuro dell'accessibilità web in Drupal

Nel corso degli anni, Drupal ha compiuto grandi passi avanti per raggiungere l'accessibilità al web attraverso molte delle sue principali versioni ed è una delle principali implementazioni degli standard di accessibilità del web. Poiché l'accessibilità al web è uno dei principali fattori che contribuiscono all'interfaccia utente e alla capacità di un'azienda di raggiungere il massimo pubblico, diverse iniziative strategiche per il core di Drupal daranno sicuramente forma al futuro del modo in cui le persone interagiscono con un sito web. Alcuni di quelli degni di nota includono:

• Interfacce simili ad applicazioni e varie interazioni dell'interfaccia utente presentate senza aggiornamenti a pagina intera: pannelli scorrevoli, messa a fuoco automatica, filtri dei risultati in tempo reale, trascinamento della selezione, messaggi di successo pop-up, anteprime in tempo reale, passaggi di avanzamento simili a procedure guidate e rappresentazione del ruolo .
• Test automatizzati utilizzando i driver del browser headless.
• Supporto di più modalità di interazione, come la modalità ad alto contrasto di MS Windows e il controllo vocale.
• Test per l'accessibilità da parte dell'utente finale
• L'iniziativa della libreria di componenti a tema che prevede un grande refactoring del modo in cui Drupal produce output.