Siti web accessibili a vantaggio di tutti noi - panoramica con consigli pratici

Johannes Mairhofer Aggiornato il 08.05.2020
6 Min.
Sito web senza barriere

I siti web senza barriere non sono più un argomento di nicchia per le persone con disabilità. Riguarda tutti noi e aiuta anche i fan del SEO tra di voi - una panoramica con consigli pratici di Johannes Mairhofer.

L'accessibilità nello spazio digitale è in realtà parte integrante di Internet ed è già stabilita nelle sue linee guida standardizzate. E naturalmente svolge anche un ruolo importante nel WordPress Codice. Tutti gli utenti dovrebbero essere in grado di WordPress utilizzarlo, indipendentemente dalla lingua che parlano, dal loro status economico o dai loro limiti fisici. Tuttavia, l'argomento non ha ancora ricevuto l'attenzione che merita. Soprattutto per quanto riguarda lo sviluppo demografico e la volontà di inclusione, l'accessibilità digitale deve essere presa in considerazione nei WordPress WordPress progetti, dice Johannes Mairhofer. Perché: l'accessibilità sta diventando importante anche dal punto di vista del business e del SEO.

L'idea di un sito web senza barriere non è nuova

Per standardizzare le tecniche nel World Wide Web, il World Wide Web Consortium, in breve W3C...negli ultimi anni. Qui ci sono standard particolarmente importanti:

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

Il sito Linee guida WCAG sono sviluppati dalla Web Accessibility Initiative (WAI), che a sua volta è un gruppo del W3C Sono ora disponibili due versioni.

WCAG 1.0

  • Utilizzare 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)
  • Comandibile (ad esempio, controllabile da tastiera)
  • Comprensibile (ad esempio attraverso un linguaggio semplice)
  • Robusto (compatibile)

essere.

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

Soprattutto per i nuovi WordPress progetti: un sito web senza barriere può essere realizzato con pochissimo 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 grande sforzo.

Il modo più semplice per farlo è, 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 rispettare.

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

Il titolo della pagina è in realtà nel titolo e le intestazioni sono strutturate in modo logico e anche formattate come titoli, non solo in grassetto. Le enumerazioni sono realizzate con proiettili o punti di proiettile, non con un semplice segno meno. Questo WordPress può essere specificato direttamente nell'editor. A seconda del modello e dell'editor utilizzato, qui sono disponibili diverse classi di titoli. Utilizzando i tag (ad es. H1 e H2 per le intestazioni) la pagina può essere resa più sperimentabile e navigabile per i non vedenti con un lettore di schermo o con la tastiera.

Sito web senza barriere: Giorno della lista
Responsabile del sito web accessibile
Estratti dall'editor di testo di questo articolo: Sopra si vede che le enumerazioni sono state definite come tali. Le sottovoci sono definite anche come H3.

2) Non utilizzare JavaScript e Flash nel progetto

Per il design è meglio usare HTML e CSS. Javascript e Flash non devono essere utilizzati. Javascript è, come suggerisce il nome, un linguaggio di script. Indipendentemente dal fatto che sia insicuro, non tutti i dispositivi o browser sono in grado di elaborare il codice. Poiché il sito web dovrebbe essere disponibile sul maggior numero possibile di dispositivi, Javascript non è raccomandato.

3) Contenuto e design separati

Il contenuto (testo) e il design (layout) devono essere considerati completamente separati l'uno dall'altro. Utilizzando diverse varianti CSS, il contrasto della pagina può essere regolato o i colori possono essere modificati, ad esempio, con un semplice clic dell'utente. In questo modo, le persone con problemi di vista o daltonicità possono essere aiutate. Questo viene fatto anche da grandi aziende come Pfizer.

In linea di principio questo è WordPress già automatico. Ad esempio, un modello può essere modificato senza modificare il contenuto. Se il sito web viene chiamato con uno smartphone o un tablet, anche il layout viene regolato automaticamente.

4) Osservare il principio dei due sensi

In linea di principio, i contenuti dovrebbero essere preparati in modo che possano essere percepiti attraverso due sensi diversi. In questo modo il sito web può essere visitato da quante più persone possibile senza troppa fatica. Questo può essere ottenuto, ad esempio, con le seguenti misure:

  • Aggiungere le descrizioni delle immagini alle immagini (passa direttamente attraverso l'WordPress editor)
  • video con sottotitoli (ad es. Youtube lo fa in parte automaticamente)
  • Organizzare il testo con struttura e titoli (funziona nell'editor)

Il mio consiglio per una migliore comprensione di un sito web senza barriere: fate voi stessi l'esperienza

In teoria, il soggetto non è sempre così facile da capire. Ho parlato con Heiko Kunert, amministratore delegato dell'associazione per non vedenti e ipovedenti, a proposito di siti web senza barriere. Heiko è cieco e naviga in rete con un lettore di schermo. Heiko racconta le sue esperienze con i siti web e i social network e racconta come usa il suo smartphone e un display Braille per navigare in rete.

Molte cose che sono teoricamente trattate qui possono essere provate senza troppa fatica. Così si può avere una sensazione di come il vostro sito viene effettivamente percepito.

display braille del sito web senza barriere
Una sorgente di linea Braille: Wikimedia Commons. Licenza: https://creativecommons.org/licenses/by-sa/3.0/

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

Un lettore di schermo è un software che riconosce il testo e lo legge. Per navigare attraverso siti web e documenti è quindi importante utilizzare i tag nei titoli e nelle immagini. In questo modo, gli utenti possono navigare attraverso il sito web con un lettore di schermo e una tastiera o un display Braille.

Una variante di uno screen reader è ad esempio NVDA. Questa variante è un software gratuito e gratuito. Vi consiglio di provare questo e di visitare il vostro sito web con il monitor spento e di provare a navigare tra i menu.

A Display Braille traduce la rispettiva linea corrente sullo schermo in Braille. Questa linea è un vero e proprio hardware collegato al computer. Il display Braille funziona in combinazione con un lettore di schermo.

La risposta è la chiave per un sito web senza barriere

Computer, laptop, smartphone, tablet, tablet, smart watch e browser di testo. Il numero di dispositivi con cui è possibile accedere a una pagina 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 WordPress modelli sono ora più o meno reattivi e consentono di accedere al sito web almeno su computer e smartphone. A seconda del modello, ad esempio, i menu vengono adattati, le barre laterali vengono mostrate o nascoste, ma anche i design vengono completamente adattati. Questo si chiama responsive web design. Richiamare il proprio sito web su un altro dispositivo è facile e informativo.

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

Anche se la rete e la sua disponibilità permanente non è più un territorio inesplorato, è ancora nuova dal punto di vista di una generazione. La generazione dei trentenni di oggi, o al più tardi 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é, anche in età avanzata.

La domanda di siti web accessibili è quindi in aumento e cresce di anno in anno. Con l'aiuto delle possibilità disponibili e in strumenti WordPress integrati (ad es. descrizione delle immagini, titoli, CSS) è possibile realizzare siti web almeno privi di barriere, senza grandi sforzi.

Il fatto che questo stia diventando sempre più importante lo si può vedere dal fatto che sempre più grandi aziende danno sempre più valore alla partecipazione digitale. Oltre al suddetto esempio di Pfizer, Twitter, ad esempio, offre già da tempo la possibilità di aggiungere una descrizione delle immagini alle immagini, Microsoft si occupa ampiamente dell'argomento e molti altri si stanno gradualmente muovendo con loro. Qui è possibile visualizzare, ad esempio, una panoramica dettagliata dei siti web positivi senza barriere.

Infine, un sito web senza barriere è anche meglio per Google

Purtroppo, troppe volte ho l'impressione che si dia più valore al SEO che a un buon contenuto, quindi non sono un grande fan delle argomentazioni sul SEO. Ma se le pagine web possono essere lette e interpretate meglio dai lettori dello schermo, è più facile per il bot di Google classificare correttamente la pagina visitata.

Vi permette già WordPress di creare un sito web privo di barriere all'80% molto rapidamente e facilmente

C'è ancora molta strada da fare prima di raggiungere il 100% di accessibilità. E questo probabilmente non è fattibile per molte piccole aziende e blog privati. Ma con le possibilità offerte da von 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 possono ottenere molti risultati con un uso limitato. Navigando sul proprio sito web con un browser di testo si ha la sensazione che le viti debbano e possano essere girate.

Chiunque gestisca il sito per un'azienda fa sempre bene a farlo testare da persone non vedenti in ordine feedback e consigli professionali da ottenere.

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

Commenti su questo articolo

Scrivi un commento

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