Accessibiltà

Le linee guida per prodotto web accessibile

Web Content Accessibility Guidelines (WCAG) sono gli standard tecnici, sia di sviluppo sia di design, che permettono di rendere un prodotto web accessibile.

Si articolano in alcuni principi e delle linee guida che danno un quadro di riferimento e gli obiettivi generali per comprendere i criteri di successo e applicare al meglio le tecniche. I criteri di successo, specifici per le linee guida, esprimono i possibili livelli di conformità (A, AA, AAA).

Infine, vengono offerte tecniche sufficienti e consigliate e la documentazione per ciascuna linea guida e per ciascun criterio di successo.

I vantaggi

Realizzare un prodotto digitale accessibile ha numerosi vantaggi:

Rispetto degli obblighi

Un prodotto accessibile è a norma secondo gli obblighi della Pubblica Amministrazione e delle Fondazioni

Risponde ai bisogni di un mercato ampio

Le persone con una condizione di daltonismo (alterazione della percezione dei colori) sono circa l’8% della popolazione maschile mondiale. Solo le persone non-vedenti o ipovedenti in Europa sono 26 milioni.

Un prodotto accessibile è, quindi, un prodotto utilizzabile facilmente anche da tutte quelle persone che normalmente non potrebbero usarlo o avrebbero difficoltà.

Una UX ottimale

Grazie a dei test di usabilità ad hoc, un prodotto accessibile garantisce un'esperienza ottimale per chiunque

Vuoi saperne di più sul tema accessibilità?

Leggi gli articoli sul nostro blog!

Casa costruita sulla cima di una roccia, un luogo bellissimo ma praticamente inaccessibile.

Accessibilità: introduzione sul tema e un nuovo punto di vista

Il primo di una serie di post sul tema accessibilità che introduce alcuni concetti importanti e inizia a porre le basi per adottare il punto di vista necessario per affrontare questa sfida.

Scopri di più

Realizzare un prodotto accessibile - parte 1

Dalla teoria alla pratica, questo post affronta il tema del contrasto dei testi con alcuni trucchi per mantenerlo anche con le immagini di sfondo, per poi entrare nel dettaglio di come interagire con l'Accessibility tree e ottimizzare la navigazione da tastiera. Il prossimo sarà focalizzato su gli aria-attributes e gli elementi interattivi di una pagina web.

Scopri di più

Foto in bianco e nero di un ragazzo che legge seduto in una struttura a scalinate

Realizzare un prodotto accessibile - parte 2

In questo post entriamo nel dettaglio di come rendere accessibili gli elementi interattivi più comuni di un prodotto web, partendo dai controlli di navigazione come il toggler di un menù. Verranno consigliate alcune librerie JS che sono decisive per rendere accessibile una pagina, e poi un nostro caso di utilizzo della media query prefers-reduced-motion.

Scopri di più