I siti web accessibili beneficiano tutti - panoramica con consigli pratici

Johannes Mairhofer Ultimo aggiornamento 08.05.2020
6 Min.
Sito web accessibile

I siti web accessibili non sono più un presunto argomento di nicchia per le persone con disabilità. Riguarda tutti noi e aiuta anche gli appassionati di SEO tra di voi - una panoramica con consigli pratici da Johannes Mairhofer.

L'accessibilità nello spazio digitale è in realtà una parte integrante di Internet e già dichiarata nelle sue linee guida standardizzate. E naturalmente gioca anche un ruolo importante nel WordPress Codex. Tutti gli utenti dovrebbero essere in grado di usare WordPress , indipendentemente dalla lingua che parlano, dallo stato economico che hanno o dalle limitazioni fisiche a cui sono soggetti. Tuttavia, l'argomento non riceve ancora l'attenzione che merita. Soprattutto in vista dello sviluppo demografico e la volontà di inclusione digitale barriera libertà deve essere considerato con WordPress -WordPress - progetti tuttavia, significa Johannes Mairhofer. Perché: L'accessibilità è importante anche da un punto di vista imprenditoriale e SEO.

L'idea di un sito web accessibile non è nuova

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 la struttura di base di quasi tutti i siti web)
  • CSS (Cascading Style Sheets, per esempio usato in WordPress templates)
  • 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. Ora ci sono due versioni qui.

WCAG 1.0

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

WCAG 2.0

I siti web dovrebbero

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

essere.

L'idea di un sito web senza barriere non è quindi nuova ed è stata addirittura ancorata nell'Ordinanza sulla tecnologia dell'informazione senza barriere (BITV) dal 2002. Ciò significa che almeno i siti web delle autorità pubbliche sono obbligati a offrire contenuti senza barriere.

Soprattutto per i nuovi progetti WordPress : un sito web senza barriere può essere implementato con poco sforzo.

Come dovrebbe essere implementato un sito web senza barriere? Molti punti non sono così complicati come si potrebbe pensare e possono essere implementati senza molto sforzo.

Il modo più semplice è naturalmente con una pagina appena creata e progettata. Ma anche i siti web già esistenti possono essere ottimizzati in seguito. Ci sono alcune semplici regole di base da seguire.

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

Il titolo della pagina è effettivamente nel titolo e i titoli sono logicamente strutturati e anche formattati come titoli, non solo in grassetto. Gli elenchi puntati sono implementati con punti o puntini, non con un semplice tratto meno. Su WordPress questo può essere specificato direttamente nell'editor. A seconda del modello e dell'editor utilizzato, qui sono disponibili diverse classi di intestazioni. Usando i tag (ad esempio H1 e H2 per le intestazioni), la pagina può essere resa più facile da sperimentare e navigare per le persone non vedenti che usano uno screen reader o la tastiera.

Sito web accessibile: Listentag
Capo del sito web accessibile
Estratti dall'editor di testo per questo post: Sopra potete vedere che gli elenchi puntati sono stati definiti come tali. Anche i sottotitoli sono definiti come H3.

2) Fare a meno di JavaScript e Flash nel design

Per il design è meglio usare HTML e CSS. Javascript e Flash non dovrebbero essere usati. Javascript, come suggerisce il nome, è un linguaggio di scripting. Indipendentemente dal fatto che sia insicuro, non tutti i dispositivi e i browser possono gestire il codice. Dato che il sito web dovrebbe essere disponibile sul maggior numero possibile di dispositivi, Javascript non è raccomandato.

3) Separare contenuto e design

Il contenuto (testo) e il design (layout) devono essere considerati completamente separati l'uno dall'altro. Attraverso diverse varianti CSS, per esempio, il contrasto della pagina può essere regolato o i colori possono essere cambiati con un semplice clic dell'utente. Questo può aiutare le persone con problemi di vista o daltonismo. Questo viene fatto anche da grandi aziende come la Pfizer.

In linea di principio, questo viene già fatto automaticamente su WordPress . Per esempio, un modello può anche essere cambiato senza dover cambiare il contenuto. Se si accede al sito con uno smartphone o un tablet, anche il layout viene adattato automaticamente.

4) Osservare il principio dei due sensi

Il contenuto dovrebbe essere preparato in modo tale che possa essere percepito da due sensi diversi. In questo modo, il sito web può essere sperimentato da quante più persone possibile senza molto sforzo. Questo può essere raggiunto, per esempio, attraverso le seguenti misure:

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

Il mio consiglio per una migliore comprensione di un sito web accessibile: fate esperienza voi stessi

In teoria, l'argomento non è sempre così facile da capire. Ho parlato con Heiko Kunert, direttore generale dell'Associazione per i ciechi e gli ipovedenti, sui siti web senza barriere. Heiko è cieco e naviga in rete con un lettore di schermo. Heiko parla delle sue esperienze con i siti web e i social network e condivide come naviga il web con il suo smartphone e un display Braille.

Molte cose che sono trattate qui teoricamente possono anche essere provate da soli senza molto sforzo. Così puoi avere una sensazione di come la tua pagina è effettivamente percepita.

accessible-website-braille-reading
Una linea braille - Fonte: Wikimedia Commons. Licenza: https://creativecommons.org/licenses/by-sa/3.0/

Il lettore di schermo e il display Braille sono i due ausili di navigazione più comuni

Un lettore di schermo è un software che riconosce il testo e lo legge ad alta voce. Per navigare attraverso le pagine web e i documenti, è quindi importante che i tag siano utilizzati per i titoli e le immagini. Questo permette agli utenti di navigare attraverso la pagina web con uno screen reader e una tastiera o un display Braille.

Una variante di un lettore di schermo è per esempio NVDA. Questa variante è un software libero e gratuito. Vi consiglio di provarlo e di richiamare il vostro sito web con il monitor spento e di provare a navigare attraverso i menu.

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 un lettore di schermo.

La reattività è l'alfa e l'omega per un sito web accessibile

Computer, computer portatili, smartphone, tablet, smartwatch e browser di testo. Il numero di dispositivi che possono essere utilizzati per accedere a un sito web è enorme. Uno dei punti importanti del 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 l'accesso al sito web almeno su computer e smartphone. A seconda del modello, per esempio, i menu sono adattati, le barre laterali sono mostrate e nascoste, ma anche i design sono completamente adattati. Questo si chiama responsive web design. Accedere al proprio sito web su un dispositivo diverso è facile e rivelatore.

La rete è fantastica. E la rete è per tutti!

La rete e la disponibilità permanente non è più un territorio nuovo, ma dal punto di vista di una generazione è ancora nuovo. La generazione dei trentenni di oggi, ma al più tardi le generazioni successive, sono abituati 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é, anche in età avanzata.

La necessità di siti web accessibili è quindi in aumento e cresce di anno in anno. Con l'aiuto delle possibilità disponibili e degli strumenti integrati in WordPress (per esempio descrizione delle immagini, intestazioni, CSS) è possibile fare siti web almeno senza barriere senza molto sforzo.

Il fatto che questo stia diventando sempre più importante può essere visto anche nel fatto che sempre più grandi aziende stanno dando sempre più valore alla partecipazione digitale. Oltre al già citato esempio di Pfizer, Twitter, per esempio, offre da qualche tempo la possibilità di aggiungere una descrizione dell'immagine alle immagini, Microsoft sta trattando ampiamente l'argomento e molti altri stanno gradualmente seguendo l'esempio. Una panoramica dettagliata dei siti web accessibili positivi può essere trovata qui, per esempio.

In definitiva, un sito web accessibile è anche meglio per Google

Purtroppo, mi capita troppo spesso che il SEO sia più importante di un buon contenuto, quindi non sono un grande fan degli argomenti SEO. Ma se le pagine web possono essere lette e interpretate meglio dagli screen reader, è anche più facile per il bot di Google classificare correttamente la pagina visitata.

Solo WordPress permette già molto velocemente e facilmente di creare un sito web senza barriere di circa l'80%.

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à.

Attraverso l'uso di tag per i titoli e le immagini e soprattutto la descrizione delle immagini, si ottiene già molto con poco beneficio. Una volta che il proprio sito web con un browser di testo per navigare dà un senso di ciò che viti dovrebbe e può ancora essere girato.

Se state gestendo il sito per un'azienda è sempre una buona idea farlo testare da persone non vedenti per avere un feedback professionale e consigli.

Johannes è molto curioso e ha già raggiunto varie tappe nella sua carriera. Da specialista informatico formato a fotografo freelance, è versatile sulla strada e può quindi indossare i diversi "occhiali" dei suoi clienti. Oggi lavora come fotografo freelance e consulente per WordPress e la fotografia. [Foto: Dennis Weißmantel]

Commenti su questo articolo

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato. I campi obbligatori sono contrassegnati con *.