I siti web accessibili sono vantaggiosi per tutti: Suggerimenti per l'accessibilità

I siti web accessibili non sono più un argomento di nicchia per le persone con disabilità. Riguarda tutti noi e aiuta anche gli appassionati di SEO tra di voi.

L'accessibilità nello spazio digitale è in realtà parte integrante di Internet ed è già indicata nelle sue linee guida standardizzate. E naturalmente svolge un ruolo importante anche nel Codice di WordPress. Tutti dovrebbero essere in grado di utilizzare WordPress, indipendentemente dalla lingua parlata, dallo status economico o dalle limitazioni fisiche a cui sono soggetti. Tuttavia, l'argomento non riceve ancora l'attenzione che merita. Soprattutto alla luce degli sviluppi demografici e del desiderio di inclusione, l'accessibilità digitale deve essere presa in considerazione nei progetti WordPress, afferma Johannes Mairhofer. Perché l'accessibilità sta diventando importante anche dal punto di vista commerciale e SEO.

I siti web accessibili non sono una novità

Per standardizzare le tecniche del World Wide Web, il World Wide Web Consortium, o W3C, è stato fondato nel 1994. Norme particolarmente importanti qui sono:

• HTML (ancora oggi la struttura di base di quasi tutti i siti web)
• CSS (Fogli di stile a cascata, ad esempio utilizzati nei template di WordPress)
• WCAG (Linee guida per l'accessibilità dei contenuti web)

Le linee guida WCAG sono sviluppate dalla Web Accessibility Initiative (WAI), che a sua volta è un gruppo del W3C. Attualmente esistono due versioni.

WCAG 1.0

• Usare markup e fogli di stile
• Design indipendente dal dispositivo

WCAG 2.0

Un sito web accessibile deve soddisfare i seguenti criteri:

• Percepibile (ad esempio, alternative di testo per le immagini)
• Operabile (ad esempio, controllabile tramite tastiera)
• Comprensibile (ad esempio con un linguaggio semplice)
• Robusto (compatibile)

L'idea di un sito web privo di barriere non è quindi nuova ed è stata addirittura inserita nell'ordinanza sulle tecnologie informatiche prive di barriere (BITV) dal 2002. Ciò significa che almeno i siti web delle autorità pubbliche sono obbligati a offrire contenuti accessibili.

Crea un sito web accessibile

Come deve essere reso accessibile un sito web? Molti punti non sono così complicati come potresti pensare e possono essere implementati senza grandi sforzi. Soprattutto per i nuovi progetti WordPress, vale quanto segue: un sito web accessibile può essere implementato con pochissimo sforzo.

Naturalmente, il modo più semplice per farlo è con un sito web appena creato e progettato. Ma anche i siti web esistenti possono essere ottimizzati a posteriori. È necessario osservare alcune semplici regole di base.

1) Usa correttamente il titolo, la navigazione e i tag della pagina

Il titolo della pagina è effettivamente presente nel titolo e le intestazioni sono strutturate in modo logico e formattate come intestazioni, non solo in grassetto. Gli elenchi puntati sono realizzati con punti o punti elenco, non con un semplice segno meno. Con WordPress, questo può essere specificato direttamente nell'editor. A seconda del modello e dell'editor utilizzato, sono disponibili diverse classi di titoli. Utilizzando i tag (ad esempio H1 e H2 per le intestazioni), è possibile rendere il sito web più facile da consultare e navigare per le persone non vedenti che utilizzano uno screen reader o una tastiera.

2) Fare a meno di JavaScript e Flash nel design

Per il design, è meglio utilizzare HTML e CSS. Javascript e Flash non devono essere utilizzati. Javascript è, come suggerisce il nome, un linguaggio di scripting. A prescindere dal fatto che non è sicuro, non tutti i dispositivi e tutti i browser possono elaborare il codice. Poiché il sito web deve essere disponibile sul maggior numero possibile di dispositivi, Javascript non è consigliato.

3) Separare contenuti e design

Il contenuto (testo) e il design (layout) devono essere considerati completamente separati l'uno dall'altro. Attraverso diverse varianti CSS, ad esempio, è possibile regolare il contrasto del sito web o cambiare i colori con un semplice clic. Questo può aiutare le persone con problemi di vista o daltonismo. Lo fanno anche grandi aziende come Pfizer.

In linea di principio, WordPress lo fa già automaticamente. Ad esempio, un modello può essere cambiato senza dover modificare il contenuto. Se si accede al sito con uno smartphone o un tablet, anche il layout viene adattato automaticamente.

4) Osserva il principio dei due sensi

Il contenuto deve essere preparato in modo tale che possa essere percepito da due sensi diversi. In questo modo, il sito web può essere visitato dal maggior numero di persone possibile senza grandi sforzi. Questo obiettivo può essere raggiunto, ad esempio, attraverso le seguenti misure:

• Aggiungere la descrizione dell'immagine alle immagini (può essere fatto direttamente tramite l'editor WordPress )
• Aggiungi i sottotitoli ai video (ad esempio Youtube lo fa automaticamente).
• Struttura il testo con titoli (può essere fatto nell'editor)

Sito web accessibile: Raccolta di esperienze

In teoria, l'argomento non è sempre così facile da comprendere. Ho parlato con Heiko Kunert, direttore generale dell'Associazione dei Ciechi e degli Ipovedenti, dei siti web senza barriere. Anche Heiko è cieco e naviga sul web con uno screen reader. Heiko ci parla delle sue esperienze con i siti web e i social network e ci racconta come si muove sul web con il suo smartphone e un display Braille.

Molte delle cose che vengono trattate qui a livello teorico possono anche essere sperimentate da soli senza troppi sforzi. In questo modo potrai farti un'idea di come viene percepito il tuo sito web.

Come aiutano gli screen reader e i display Braille

Uno screen reader è un software che riconosce il testo e lo legge ad alta voce. Per navigare all'interno di siti web e documenti, è quindi importante utilizzare i tag con le intestazioni e le immagini. Questo permette agli utenti di navigare nel sito con uno screen reader e una tastiera o un display Braille.

Una variante di lettore di schermo è, ad esempio, NVDA. Questa variante è un software libero e gratuito. Ti consiglio di provarlo e di richiamare il tuo sito web con il monitor spento e di provare a navigare tra i menù.

Un display Braille traduce in Braille la riga corrente sullo schermo. Questa linea è un vero e proprio hardware collegato al computer. Il display braille funziona in combinazione con uno screen reader.

Reattività per i siti web accessibili

Computer, laptop, smartphone, tablet, smart watch e browser testuali. Il numero di dispositivi con cui è possibile accedere a un sito web è enorme. Uno dei punti importanti delle WCAG 2.0 è la disponibilità del sito web sul maggior numero possibile di dispositivi.

La maggior parte dei template di WordPress sono ora più o meno responsive e permettono di accedere al sito web almeno su computer e smartphone. A seconda del modello, ad esempio, i menù vengono adattati, le barre laterali vengono mostrate e nascoste, ma anche i design vengono completamente adattati. Questo si chiama Responsive Web Design. Accedere al proprio sito web su un altro dispositivo è semplice e rivelatore.

Conclusione: il web è per tutti!

La rete e la sua disponibilità permanente non sono più un territorio nuovo, ma dal punto di vista di una generazione lo sono ancora. La generazione dei trentenni di oggi, ma anche le generazioni successive, sono abituate a sapere che la rete è sempre e ovunque disponibile. Non vogliamo fare a meno delle possibilità di informazione e comunicazione che la rete porta con sé, nemmeno in età avanzata.

La necessità di siti web accessibili è quindi in aumento e cresce di anno in anno. Con l'aiuto delle opzioni disponibili e degli strumenti integrati in WordPress (ad esempio descrizione delle immagini, titoli, CSS), è possibile rendere i siti web almeno privi di barriere architettoniche senza grandi sforzi.

Il fatto che questo aspetto stia diventando sempre più importante si evince anche dal fatto che un numero sempre maggiore di grandi aziende attribuisce sempre più importanza alla partecipazione digitale. Oltre al già citato esempio di Pfizer, Twitter, ad esempio, offre da tempo la possibilità di aggiungere una descrizione alle immagini, Microsoft si sta occupando ampiamente dell'argomento e molte altre stanno gradualmente seguendo l'esempio.

Un sito web accessibile è migliore anche per Google

Purtroppo, vedo troppo spesso che si dà più valore alla SEO che a un buon contenuto, quindi non sono un grande fan delle argomentazioni SEO. Ma se i siti web possono essere letti e interpretati meglio dagli screen reader, è anche più facile per il Google Bot classificare correttamente il sito web visitato.

Crea un sito web accessibile con WordPress

La strada verso l'accessibilità al 100% è ancora lunga. E questo probabilmente non è fattibile per molte piccole aziende e blog privati. Ma con le possibilità offerte da WordPress è facile raggiungere circa l'80% di accessibilità.

Utilizzando i tag per i titoli e le immagini, e soprattutto per la descrizione delle immagini, si può ottenere molto con pochi vantaggi. Una volta che avrai visitato il tuo sito web con un browser testuale, ti renderai conto di quali viti devono e possono essere serrate.

Chi gestisce il sito web di un'azienda è sempre bene che lo faccia testare una volta da persone non vedenti, in modo da ottenere feedback e consigli professionali.