Le WCAG sono uno standard internazionale per l'accessibilità basato su quattro principi

2024/10/29

WCAG（Web Content Accessibility G(uidelines) è stato progettato per garantire che i siti e i contenuti web siano resi disponibili al maggior numero possibile di persone in modo equo.Linee guida internazionaliIn particolare,Standard per rendere i siti web più facili da usare per gli utenti disabili, anziani e altri.Molti paesi e aziende lo utilizzano come base per l'accessibilità del web come

Le WCAG sono,Stabilisce "quanto dovrebbero essere accessibili" i siti e i contenuti web, tra cuiQuattro principi.Basato su.。

Anche nelle WCAG,Tre livelli di conformità, "A", "AA" e "AAA", che indicano il grado di supporto all'accessibilità.Ci sono.La comprensione di questi quattro principi e dei tre livelli di conformità garantirà la corretta conformità del vostro sito web alle WCAG.。

La conformità alle WCAG è un'iniziativa importante che migliora la comodità per molti utenti e il valore del marchio delle aziende, riducendo al contempo i rischi legali.

Questo articolo spiega le WCAG, illustrando in dettaglio i quattro principi e i tre livelli di conformità sopra menzionati, nonché i vantaggi della conformità alle WCAG e i rischi della non conformità.

I "quattro principi" e i "tre livelli di conformità" delle WCAG

In primo luogo, è necessario comprendere le WCAG e conoscere i quattro principi e i tre livelli di conformità per costruire contenuti web conformi.

Le WCAG si basano su quattro principi,Linee guida multiple legate a ciascun principio.Esistono linee guida specifiche per la produzione di contenuti web. e,Per ogni linea guida sono previsti tre livelli di conformità ai criteri di realizzazione.che costituisce la struttura di base delle WCAG.

Struttura ◆WCAG

I quattro principi verranno ora illustrati.

Quattro principi: percepibile, operabile, comprensibile e robusto.

I quattro principi su cui si basano le WCAG sonoInfrastruttura predisposta per rendere il sito web disponibile a un gran numero di utenti.Ciascuno di questi principi è spiegato in dettaglio.

(i) Percepibile.

Principi per garantire che gli utenti possano percepire i contenuti del web; in modo che le persone ipovedenti e ipoudenti possano riconoscere i contenuti,Fornire mezzi di informazione alternativi come testo, immagini e audio.È necessario.

Esempi specifici di "percepibile".

Pertanto, tuttiIl contenuto può essere percepito indipendentemente dalle limitazioni visive o uditive.La testualizzazione e i mezzi di comunicazione alternativi sono necessari per garantire che la

②Operazione possibile (Operabile)

I principi sono concepiti per consentire agli utenti di navigare nel sito.Consentire agli utenti disabili di operare solo con la tastiera o concedere loro del tempo supplementare se non sono in grado di farlo in tempo.Deve essere possibile gestire contenuti che possono essere completati bene, come ad esempio

Esempi specifici di "operabile".

In questo principio,Gli utenti che utilizzano qualsiasi dispositivo o strumento di assistenza possono manipolare i contenuti.È importante progettare il sistema in modo tale che

③ Comprensibile (Understandable)

È un principio che garantisce che i contenuti e le interfacce siano comprensibili a tutti gli utenti.Evitare operazioni troppo complesse e l'uso di un linguaggio difficile.Design intuitivo e di facile comprensione per gli utentida realizzare.

Esempi specifici di "comprensibile".

Semplificare la comprensione e l'utilizzo del sistema da parte degli utenti,Evitate il gergo e le formulazioni complesse e progettate i flussi e le funzioni dei contenuti in modo chiaro e comprensibile.。

(iv) Robusto.

I contenuti funzionano in modo robusto su un'ampia gamma di tecnologie e dispositivi, ad es.Progettato per la compatibilità.essere in procinto diPrincipio. l'utente sta utilizzando oI contenuti possono essere utilizzati senza problemi con gli strumenti e i browser assistivi che potrebbero apparire in futuro.Yo,Codici conformi agli standardutilizzo.

Esempi specifici di "robustezza".

Il progetto deve essere tecnicamente robusto e flessibile per garantire che il sito possa continuare a soddisfare un gran numero di utenti per molti anni a venire.

Questi quattro principi dovrebbero essere utilizzati per convalidare e costruire un sito web.

Le WCAG 2.0 sono ormai uno standard internazionale, mentre le tecnologie e i dispositivi cambiano e si evolvono rapidamente,Si caratterizza per il suo contenuto astratto, indipendente dalle specifiche tecniche, al fine di garantire che molti siti web possano essere verificati in modo semplice ed efficiente (testabilità).

Tre livelli di conformità: "A", "AA" e "AAA".

Oltre ai quattro principi menzionati nella sezione precedente, esistono diverse linee guida legate a ciascun principio, che forniscono criteri dettagliati per garantire che i contenuti web siano accessibili al maggior numero possibile di utenti.

Ogni linea guida ha diversi standard di realizzazione, che sono classificati in tre livelli di conformità, da A a AAA Questi livelli di conformità sono,Indicatori della misura in cui un sito web tiene conto dell'accessibilità.e sono descritti in modo tale da poter determinare la conformità o la non conformità quando il sito web viene verificato in base ai criteri di realizzazione.

(i) Livello di conformità A (standard minimo di accessibilità)

Il livello di conformità A significa che i requisiti di accessibilità di base sono soddisfatti; a questo livello,Supporto minimo per l'accesso degli utenti ai contenuti.sono stati fatti, ad esempio,Dare un testo alternativo alle immagini, interrompere la riproduzione automatica dei video, ecc.includere: un sito web non conforme al livello di conformità A, in quanto ciò può rendere impossibile il funzionamento di base per molti utenti,Criteri che dovrebbero avere la massima priorità.Is.

(ii) Livello di conformità AA (criteri standard di accessibilità)

Il livello di conformità AA è lo standard per l'accessibilità e soddisfa i requisiti per soddisfare un'ampia gamma di utenti.In molti Paesi e aziende si raccomanda che i contenuti web siano conformi a questo livello.Ad esempio,Mantenere un contrasto cromatico appropriato, nomi chiari delle voci nei moduli di input, ecc.includono: la conformità al livello AA rende il sito web più accessibile alla maggior parte degli utenti.

(iii) Livello di conformità AAA (standard di accessibilità più elevato)

Il livello di conformità AAA soddisfa il livello più alto dei requisiti di accessibilità; la conformità a questo livello garantisce che quasi tutti gli utenti con disabilità possano utilizzare comodamente il contenuto; a questo livello di conformità,Fornire video in lingua dei segni e mantenere testi concisi e di facile lettura, ecc.Include, tuttavia,Il raggiungimento di questo livello non è sempre pratico e non è quindi raccomandato come requisito.

Sono suddivisi in tre livelli, da A a AAA,Per incontrare AA, è necessario incontrare A, e per incontrare AAA, è necessario incontrare AA e AL'AAA è molto difficile da soddisfare e attualmente,L'auspicio per la conformità all'accessibilità del web è "rispettare il livello di conformità AA".È considerato un

Inoltre, in particolare, i contenuti delle misure adottate per il raggiungimento degli standard per i livelli di conformità AA e A,Il Web Accessibility Infrastructure Committee (WAIC) ha pubblicato una tabella di riferimento rapido.Vedi anche.

JIS X 8341-3:2016 Criteri di conseguimento Riferimento rapido (Livelli A e AA)

Passiamo ora ai vantaggi della conformità alle WCAG.

Cinque vantaggi della conformità alle WCAG

I vantaggi di avere un sito web conforme alle WCAG sono molti, qui ne discutiamo cinque specifici.

Vantaggi 1) Miglioramento dell'accessibilità e della UX.

La conformità alle WCAG migliora l'accessibilità complessiva dei siti, rendendoli più fruibili per tutti gli utenti, non solo per le persone con disabilità.Inoltre, migliora l'esperienza dell'utente (UX) consentendo a un maggior numero di utenti di utilizzare comodamente il sistema.

Ad esempio, fornire testi alternativi, progettare per il daltonismo e supportare l'uso della tastiera,I miglioramenti per l'accessibilità migliorano l'esperienza web per tutti gli utenti, indipendentemente dalla disabilitàIn questo modo è più facile per gli utenti navigare nel sito senza perdersi,Ciò si traduce in una riduzione dei tassi di abbandono, che a sua volta porta a un aumento del tempo di permanenza e dei tassi di conversione.

Migliorare l'accessibilità è direttamente collegato al miglioramento della UX, fornendo un'esperienza confortevole e fluida per tutti gli utenti eUn mezzo importante per aumentare la soddisfazione dei clienti.Lo è.

Vantaggio 2: miglioramento dell'immagine del marchio.

Tenere conto dell'accessibilità dimostra un impegno di responsabilità sociale e migliora, tra l'altro, l'immagine del marchio di un'azienda o di un'organizzazione,Nell'epoca odierna, in cui si pone l'accento sull'inclusione e sulle iniziative di diversità nelle aziende, questo è un fattore importante per aumentare la fiducia del pubblico.

Questo migliora la reputazione dell'azienda e aumenta la fiducia dei clienti.In questo modo sarà più facile per le persone scegliere i vostri servizi e contribuire ad ampliare la vostra base di clienti.。

Beneficio 3) Riduzione dei rischi legali.

In molti Paesi e regioni, ad esempio, le leggi e le normative sull'accessibilità del web sono state inasprite,Americans with Disabilities Act (ADA) negli Stati Uniti e la Direttiva europea sull'accessibilità del Web nell'UE.Ci sono.In Giappone, la legge sull'eliminazione della discriminazione contro le persone con disabilità obbliga a fornire una sistemazione ragionevole.

La conformità alle WCAG aiuta a soddisfare questi requisiti legali e a evitare il rischio di controversie e problemi legali.

Vantaggio 4: può essere adattato a nuovi strumenti e dispositivi di supporto.

Le WCAG si basano sui principi del design universale e sulle tecnologie web tradizionali.Pertanto, non solo è compatibile con gli attuali strumenti e dispositivi di accessibilità, ma anche con gli strumenti e i dispositivi che si evolveranno in futuro.

Ad esempio, gli strumenti di supporto come gli screen reader sono,Analizza i contenuti in base ai tag HTML e agli attributi ARIA.Pertanto, se il testo è correttamente etichettato con etichette appropriate e attributi ARIA* in conformità alle WCAG, il sito web sarà interpretato correttamente e funzionerà correttamente per gli utenti, anche con l'evoluzione della tecnologia degli screen reader.

I dispositivi indossabili e IoT accedono ai siti web anche attraverso i browser web e alcune applicazioni; in questo caso il contenuto viene prima analizzato dal browser o dall'applicazione e i risultati vengono visualizzati in un formato adatto al dispositivo,Se la struttura HTML è basata sulle WCAG, il contenuto sarà visualizzato correttamente, indipendentemente dal dispositivo che lo visualizza.

Pertanto, essendo conformi alle WCAG, i siti web non sono costretti a rispondere rapidamente a ogni nuova tecnologia che emerge,Stabilità e flessibilità a lungo termine.

Attributo *ARIA... Attributo HTML utilizzato dagli screen reader e da altri strumenti di assistenza per comprendere correttamente gli elementi di una pagina web.

Vantaggio 5: impatto positivo sulla SEO.

Rendendo i siti web conformi alle WCAG,Più facile da indicizzare correttamente (registrare nei database) da parte dei motori di ricercaAd esempio, impostare un testo alternativo per le immagini e strutturare correttamente l'HTML può aiutare i motori di ricerca a comprendere i contenuti in modo accurato, migliorando così l'accessibilità del web,Contribuisce inoltre a migliorare il posizionamento nei risultati di ricerca naturali, con conseguente aumento del traffico.

La conformità con le WCAG offre quindi una serie di vantaggi, mentre la mancata conformità, ovvero la mancata osservanza delle WCAG, offre una serie di vantaggi.Rischi legati al mancato supporto dell'accessibilità.La sezione seguente spiega come

La mancata conformità alle WCAG in Giappone può comportare una guida amministrativa o una multa.

In Giappone, la legge sull'eliminazione della discriminazione contro le persone con disabilità è stata emendata, con effetto dall'aprile 2024.La fornitura di soluzioni ragionevoli nel settore privato è ora obbligatoria per legge.Questo permette alTutti i siti web devono essere conformi alle WCAG e accessibili al web.

Attualmente,Non sono previste sanzioni dirette per la mancata conformità all'accessibilità del web.Tuttavia, se non si interviene e si lascia il sito web incustodito, si può incorrere in sanzioni amministrative,Se le linee guida non vengono seguite e non vengono apportati miglioramenti, o se viene fatta una falsa segnalazione, può essere comminata una multa fino a 200.000 euro.Per ulteriori informazioni, consultare le FAQ del Cabinet Office riportate di seguito.

Riferimento:Domande e risposte frequenti sulla Legge per la promozione dell'eliminazione della discriminazione sulla base della disabilità <Per il pubblico> (Ufficio di Gabinetto)

E anche se non ci sono sanzioni legali,In questi giorni di diversità, l'esame da parte della società delle aziende e dei servizi che non offrono soluzioni ragionevoli sta diventando sempre più severo.Queste tendenze sociali sono particolarmente evidenti in altri Paesi, dove i problemi di contenzioso stanno aumentando enormemente.

Esempi di controversie negli Stati Uniti

Nella sezione precedente, abbiamo menzionato l'ADA negli Stati Uniti, una legge sui diritti umani che protegge i diritti delle persone con disabilità negli Stati Uniti e che include contenuti sull'accessibilità negli Stati Uniti negli ultimi anni,Casi in cui le aziende vengono citate in giudizio se i loro siti web non soddisfano i requisiti di accessibilità.è in aumento.

Ad esempio, la catena di supermercati Winn-Dixie è stata citata in giudizio perché gli utenti ipovedenti non potevano utilizzare gli screen reader per ordinare i prodotti sul suo sito di e-commerce.

Il tribunale ha ritenuto che il sito web di Winn-Dixie fosse un "luogo pubblico" e che quindi richiedesse sistemazioni per l'accessibilità conformi all'ADA, e ha ordinato a Winn-Dixie di modificare il suo sito web e di garantire che sia adeguatamente accessibile alle persone ipovedenti con screen reader.

Come altro esempio, il sito ufficiale della popolare artista Beyonce (beyonce.com) è stato citato in giudizio per non aver supportato gli screen reader per gli ipovedenti e per aver "limitato l'accesso agli ipovedenti"; di conseguenza, il sito è stato riprogettato per migliorare l'accessibilità ed essere conforme alle WCAG in seguito alla causa.

Così,In altri paesi la legislazione è così avanzata che la non conformità alle WCAG comporta rischi reali di controversie legali.。(3) Anche in Giappone, dove l'obbligo di fornire una sistemazione ragionevole è ora obbligatorio per legge, è possibile che si verifichino casi simili in futuro.e le aziende devono tenere conto di questi rischi quando li affrontano.

Passiamo ora alle aziende e alle organizzazioni che sono conformi alle WCAG.

Tre casi di studio di aziende e organizzazioni che hanno adottato le WCAG

Un numero crescente di aziende e organizzazioni ha recentemente adottato le WCAG per raggiungere una gamma più ampia di utenti e migliorare la propria UX.

Esempio ①Apple

Apple è stata tra i primi pionieri dell'accessibilità, fornendo contenuti web conformi alle WCAG.Il sito web e i prodotti dell'azienda sono dotati di funzioni di accessibilità per soddisfare le esigenze di ipovedenti, ipoudenti e persone con mobilità limitata.Ad esempio, offre il supporto per gli screen reader e funzioni di supporto visivo come la regolazione del contrasto.

Riferimento:Accessibilità - Apple

Esempio ②Microsoft

Microsoft è un'altra azienda che rispetta le WCAG per l'accessibilità del web.Attraverso la sua metodologia di "Inclusive Design", l'azienda si impegna a garantire che i suoi prodotti e servizi siano accessibili a tutti gli utenti, comprese le persone con disabilità.In particolare, il sito web ufficiale dell'azienda e i servizi cloud (ad esempio Azure) supportano l'uso della tastiera e forniscono funzioni di guida vocale per gli ipovedenti.

Riferimento:Microsoft Inclusive Design、Microsoft Azure

Studio di caso (iii) Ufficio di Gabinetto.

Il sito web dell'Ufficio di Gabinetto è,Conforme a JIS X 8341-3:2016 (standard di accessibilità web giapponese: vedere sotto) "livello di conformità AA", lo stesso standard delle WCAG 2.0.(Sono previste eccezioni per i contenuti più vecchi e per i file PDF forniti dall'esterno, che sono difficili da modificare).

Il sito web dell'Ufficio di Gabinetto è,L'azienda verifica e migliora continuamente la propria risposta agli elevati standard che è tenuta a rispettare, soprattutto in quanto istituzione pubblica, ed èL'azienda si impegna a rispettare il livello AA per quanto riguarda le pagine nuove o aggiornate.

Riferimento:Politica di accessibilità web dell'Ufficio di Gabinetto

Viene poi spiegata la relazione tra WCAG come standard internazionale e JIS come standard nazionale.

Relazione tra WCAG e JIS

Le WCAG sono state pubblicate nel 1999 con le WCAG 1.0,Le WCAG 2.0 sono l'attuale standard internazionale (ISO).È considerato un

Le WCAG sono però uno standard internazionale di accessibilità al web,In Giappone, lo standard JIS X 8341-3:2016 è lo stesso delle WCAG 2.0.La norma JIS X 8341-3:2016 riprende quasi alla lettera il contenuto delle WCAG 2.0 e anche la sua struttura di base (quattro principi, tre livelli di conformità) si basa sulle WCAG.

Serve come linea guida per garantire l'accessibilità del web alle istituzioni pubbliche e alle aziende giapponesi,Svolge un ruolo importante nel promuovere la diffusione dell'accessibilità del web sotto forma di standard internazionali incorporati nelle normative locali.。

Come accennato in precedenza, le WCAG 2.0 sono ora lo standard internazionale, anche se questo e la JIS X 8341-3:2016 sono lo stesso standard,In effetti, le stesse WCAG sono state aggiornate nei contenuti dalla versione 2.0 e sono state pubblicate fino alle WCAG 2.2, con le WCAG 3.0 in bozza.

Il rapporto tra WCAG, ISO e JIS.

Come già menzionato, sono in corso i preparativi per la revisione degli standard ISO e JIS al fine di renderli conformi alle WCAG 2.2.

Le WCAG 2.1 e 2.2 migliorano l'accessibilità per i dispositivi mobili

La versione superiore delle WCAG 2.0, le WCAG 2.1, e l'ultima versione, le WCAG 2.2, sono descritte qui.

In primo luogo, le WCAG 2.1 sono,A causa dell'uso diffuso di smartphone e tablet,Aumento della domanda di accessibilità sui dispositivi mobili.In particolare, in risposta al fatto cheSono stati rafforzati gli standard per il funzionamento touch e l'accessibilità dei piccoli schermi.。

Le WCAG 2.1 aggiungono 17 ulteriori standard di risultato, principalmente quelli specifici per la reattività dei dispositivi mobili, la disabilità visiva e la disabilità cognitiva (oltre ai 61 standard di risultato delle WCAG 2.0; si vedano anche le WCAG 2.2, WCAG 2.3, WCAG 2.4 e WCAG 2.5),In 2.1, 78 criteri di realizzazione）

L'ultima WCAG 2.2 amplia la 2.1, aggiungendo nove ulteriori criteri di realizzazione, con particolare attenzione all'uso dei dispositivi mobili, con l'obiettivo principale di migliorare l'accessibilità, soprattutto per gli utenti con disabilità cognitive e per gli anziani (oltre ai 78 criteri di realizzazione delle WCAG 2.1; si veda anche WCAG 2.3),In 2.2, 87 criteri di realizzazione）

In particolare, sono stati aggiunti i seguenti criteri

Criteri aggiuntivi rappresentativi.

Limiti alla complessità del gesto.(WCAG 2.1): consentire l'uso di gesti semplici.
... Fornendo più metodi di input.(WCAG 2.1): progettazione consigliata per evitare errori di funzionamento dovuti a sfioramenti e clic.
Supporto dello zoom per i contenuti.(WCAG 2.1): garantire che il contenuto non collassi quando lo schermo viene ingrandito.

Visibilità della messa a fuoco.(WCAG 2.2): rendere chiaramente visibile la posizione del focus della tastiera.
Dimensione target(WCAG 2.2): garantire la dimensione minima degli obiettivi di clic e tocco per ridurre gli errori di funzionamento.
Autenticazione che non si basa sulla memoria.(WCAG 2.2): fornire metodi (ad esempio, la biometria) che non richiedano la memoria per l'autenticazione con password.

Così,Nel processo di aggiornamento dalle WCAG 2.0 alle WCAG 2.2, l'accessibilità dei dispositivi mobili è stata un punto focale.Il punto chiave è che.

UniWeb può fornire un supporto immediato per le WCAG.

Questo articolo ha spiegato in dettaglio le WCAG: la revisione del Disability Discrimination Act rende obbligatorio che tutti i siti web siano accessibili al web, garantendo così che tutti i siti web siano accessibili a tutti gli utenti, compresi quelli con disabilità, e che tutti i siti web siano accessibili a tutti gli utenti, compresi quelli con disabilità,I progettisti, gli ingegneri e il personale addetto alla manutenzione devono avere una corretta comprensione delle WCAG e rispondere prontamente ai loro siti.

Se state pensando di costruire un sito web conforme alle WCAG, il nostroUniWeb".UniWeb è uno strumento plug-in che può essere facilmente implementato per migliorare l'accessibilità del vostro sito web e fornire un'ampia gamma di funzioni per rendere il vostro sito facile da usare per tutti gli utenti.Supporta le WCAG 2.1 e la JIS X 8341-3:2016, contribuendo a ridurre i rischi legali e a migliorare l'usabilità.

Supporto per le WCAG, anch'esse soggette a costi elevati e a mesi di costruzione,Con UniWeb, dovrete aggiungere solo una riga di codice al vostro sito web, risparmiando così molto denaro e tempo.。Icona circolare rosa nell'angolo in basso a destra di questo articolo.per sperimentare in prima persona le funzionalità di UniWeb.

L'articolo seguente fornisce anche un riepilogo dettagliato dei metodi e degli strumenti specifici che possono essere utilizzati quando si lavora sulla conformità all'accessibilità del web, che dovrebbe essere letto insieme a questo articolo.

Articoli correlati:Quali misure di accessibilità web devono essere implementate dai gestori dei siti?