Sito web accessibile

I siti web accessibili vanno a beneficio di tutti: Suggerimenti per l'accessibilità

I siti web accessibili non sono più un presunto argomento di nicchia per le persone con disabilità. Ci riguarda tutti e aiuta anche gli appassionati di SEO tra di voi - una panoramica con consigli pratici di 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 Codex di WordPress. Tutti gli utenti dovrebbero essere in grado di utilizzare WordPress, non importa quale lingua parlino, quale condizione economica abbiano o quali limitazioni fisiche abbiano. Tuttavia, l'argomento di solito non riceve l'attenzione che merita. Soprattutto in vista degli sviluppi demografici e del desiderio di inclusione, l'accessibilità digitale deve essere considerata nei progetti WordPress, dice Johannes Mairhofer. Dopo tutto, l'accessibilità sta diventando importante anche dal punto di vista del business e del 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 la struttura di base di quasi tutti i siti web)
  • CSS (Cascading Style Sheets, per esempio usato 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. Ora ci sono due versioni qui.

WCAG 1.0

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

WCAG 2.0

Un sito web accessibile dovrebbe soddisfare i seguenti criteri:

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

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

Creare un sito web accessibile

I siti web accessibili vanno a beneficio di tutti: Suggerimenti per l'accessibilità
Quando si progetta un sito web accessibile, si ottimizza l'esperienza dell'utente per tutti.

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

Il modo più semplice per farlo è, naturalmente, con un sito che è appena stato creato e progettato. Ma i siti web esistenti possono essere ottimizzati anche a posteriori. Bisogna osservare alcune semplici regole di base.

1) Utilizzare correttamente il titolo della pagina, la natigazione 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 realizzati con punti elenco o punti, non con un semplice tratto meno. Con 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 (per esempio H1 e H2 per le intestazioni), la pagina può essere resa più facile da sperimentare e navigare per le persone non vedenti con uno screen reader o una tastiera.

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 tutti i browser possono elaborare 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 cambiati con un semplice clic dell'utente. Questo può aiutare le persone con problemi di vista o daltonismo. Lo fanno anche grandi aziende come la Pfizer.

In linea di principio, WordPress lo fa già automaticamente. Per esempio, un modello può 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)

Accessibilità di WordPress: come creare un sito web accessibile (+ plugin per esso)

L'accessibilità in WordPress è una componente importante quando si creano siti web. Perché l'accessibilità è così importante? E come può il tuo sito web essere accessibile a tutti? Vi diciamo tutto questo e altro nel nostro articolo sull'accessibilità di WordPress.

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 per i ciechi e gli ipovedenti, sui siti web senza barriere. Heiko è cieco e naviga sul web con un lettore di schermo. Heiko parla delle sue esperienze con i siti web e i social network e ci racconta come si muove sul web con il tuo 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.

Come aiutano i lettori di schermo e i display Braille

Un lettore di schermo è un software che riconosce il testo e lo legge ad alta voce. Per navigare attraverso siti web e documenti, è quindi importante che i tag siano utilizzati con titoli e immagini. Questo permette agli utenti di navigare attraverso il sito 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.

Responsività per siti web accessibili

Computer, computer portatili, smartphone, tablet, smartwatch e browser di testo. Il numero di dispositivi con cui si può 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 di accedere 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 i design sono anche completamente adattati. Questo si chiama Responsive Web Design. Accedere al proprio sito web su un dispositivo diverso è semplice e rivelatore.

Consenso*
Questo campo è per la convalida e non deve essere modificato.

Conclusione: il web è 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 opzioni disponibili e degli strumenti integrati in WordPress (ad esempio descrizione delle immagini, intestazioni, CSS), è possibile rendere i 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 danno sempre più importanza alla partecipazione digitale. Oltre al già citato esempio di Pfizer, Twitter, per esempio, da qualche tempo offre la possibilità di aggiungere una descrizione dell'immagine alle immagini, Microsoft sta trattando l'argomento in dettaglio e molti altri stanno gradualmente seguendo l'esempio. Una panoramica dettagliata dei siti web accessibili positivi può essere trovata qui, per esempio.

Un sito web accessibile è anche meglio per Google

Purtroppo, vedo troppo spesso che si dà più valore al SEO che a un buon contenuto, quindi non sono un grande fan degli argomenti SEO. Ma se i siti web possono essere letti e interpretati meglio dagli screen reader, è anche più facile per il bot di Google classificare correttamente la pagina visitata.

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

Usando i tag per i titoli e le immagini, e soprattutto per la descrizione delle immagini, si può ottenere molto con poco beneficio. Una volta che hai visitato il vostro sito web con un browser di testo, avrete un'idea di quali viti devono e possono essere strette.

Chiunque gestisca il sito per un'azienda è sempre bene che lo faccia testare una volta da persone non vedenti per avere un feedback e consigli professionali.

Le tue domande sui siti web accessibili

Quali domande hai per Johannes sull'accessibilità? Sentitevi liberi di usare la funzione di commento. Vuoi essere informato sui nuovi articoli sul tema del marketing online? Allora seguiteci su Twitter, Facebook, LinkedIn o tramite la nostra newsletter.

Ti è piaciuto l'articolo?

Con la tua valutazione ci aiuti a migliorare ancora di più il nostro contenuto.

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato.