Accessibilità web

In poche parole, l'accessibilità dei contenuti web significa assicurarsi che le nostre applicazioni siano comprensibili per gli utenti;

• con disabilità/menomazioni
• con connessioni a bassa larghezza di banda
• che utilizzano tecnologie meno recenti
• che temporaneamente non possono sentire o in un ambiente rumoroso
• che sono nuovi utenti e
• che hanno barriere linguistiche

Ci sono molti vantaggi competitivi nell'adattare contenuti accessibili per le aziende. Ad esempio, un'azienda può aumentare la propria diversità e inclusione con contenuti accessibili e mantenere clienti fedeli per il proprio marchio. Inoltre, le aziende possono migliorare i loro risultati SEO ed estendere la loro portata di mercato. Inoltre, in alcuni paesi l'adozione dell'accessibilità nelle applicazioni web è un must, quindi le aziende possono ridurre al minimo i loro rischi legali adottando alcuni standard di accessibilità.

Gli standard di accessibilità Web sono determinati dalla Web Accessibility Initiative del W3C e denominati " The Web Content Accessibility Guidelines (WCAG) ". Secondo WCAG, il contenuto dovrebbe seguire il principio POUR.

P - Percettibile: le informazioni dovrebbero essere visibili (alternative testuali, alternative multimediali basate sul tempo)

O — Operabile: i moduli dell'interfaccia, i controlli e le navigazioni sono utilizzabili ("le azioni" dovrebbero funzionare)

U — Comprensibile: l'interfaccia utente dovrebbe essere comprensibile e il contenuto dovrebbe essere leggibile

R — Robusto: gli utenti devono essere in grado di accedere al contenuto man mano che le tecnologie avanzano. Tutti i contenuti dovrebbero rimanere accessibili.

Quindi potresti chiederti "Da dove cominciare?" La vera risposta a questa domanda è “Design”. Il design dovrebbe soddisfare le esigenze di tutti gli utenti seguendo il principio POUR.

Ci sono alcune cose che possiamo fare per verificare o garantire la nostra accessibilità.

1. Apri Chrome > Altri strumenti > Strumenti per sviluppatori > Reattività > Esplora diverse dimensioni dello schermo e leggibilità dei contenuti
2. Vai ahttps://webaim.org/resources/contrastchecker/e controlla il contrasto di colore. Usa colori semplici con un buon contrasto. Il rapporto di contrasto minimo dovrebbe essere 4,5:1 in generale. Assicurati di garantire i criteri su [4] e [5]
3. Scarica lo "strumento dell'oracolo dei colori" e guarda come i diversi utenti con daltonismo e disabilità vedono la tua applicazione.
4. Assicurati di cambiare il colore dei link quando li visiti o ci passi sopra.
5. Controlla la tipografia e la leggibilità dei tuoi contenuti. Controlla la forma, il peso, la scala, lo stile, la spaziatura e l'allineamento del contenuto.
6. Prova a rimanere con 1-2 caratteri nella tua applicazione. Controllohttps://fonts.google.com/per la scelta dei caratteri. Qui, Google ha "consigli sull'abbinamento della famiglia di caratteri" per te. Prova a utilizzare font già disponibili che non richiedono il download su dispositivi diversi. Questo aiuterà con il tempo di caricamento dell'applicazione.
7. La spaziatura ha 4 categorie principali tra cui spaziatura tra lettere, spaziatura dopo paragrafi, spaziatura tra lettere e spaziatura tra parole. Segui questa documentazionehttps://www.w3.org/TR/WCAG21/#text-spacingper il distanziamento.

Riferimenti:

[1]https://www.w3.org/WAI/standards-guidelines/#wcag

[2]https://www.w3.org/TR/WCAG21/

[3]https://webaim.org/standards/wcag/checklist

[4]https://www.w3.org/TR/WCAG21/#contrast-minimum

[5]https://www.w3.org/TR/WCAG21/#contrast-enhanced