Come fai a sapere se il tuo sito web è conforme al 100% WCAG 2.1? Quali sono i migliori strumenti di test di accessibilità web là fuori che si potrebbe usare?, Qui ci sono 5 automatizzato accessibilità strumenti di test che vi consigliamo di provare prima:
Foto di John Schnobrich su Unsplash
Hai passato attraverso le linee guida, gli standard, gli avvertimenti e le migliori pratiche inclusi nelle raccomandazioni del W3C e… sei bloccato. Come fai a sapere se il tuo sito web è conforme al 100% WCAG 2.1? Quali sono i migliori strumenti di test di accessibilità web là fuori che si potrebbe usare?,
Strumenti di valutazione dell’accessibilità gratuiti e facili da usare che è possibile eseguire sul proprio sito Web per individuare i problemi in agguato.
E che potrebbe persino darti alcuni preziosi consigli sui modi migliori per affrontarli.
Tutto questo prima di avere qualcuno (o anche un intero team di tester QA) rivedere il tuo sito web. Prima di eseguire un audit di accessibilità approfondito ed eseguire sessioni di test incentrate sull’utente con… persone reali coinvolte.,
Devi pensare alle estensioni del browser <
Sono così accessibili: basta aprire la pagina che si desidera controllare e fare clic su un pulsante nella barra degli strumenti. Sono gratuiti e fanno grandi “partenze” per identificare i problemi di accessibilità sul tuo sito web. E per mettere le mani su alcuni preziosi consigli su come risolverli.
Quindi, ecco 5 strumenti di test di accessibilità automatizzati che ti consigliamo di provare prima:
“Sono disponibili strumenti consigliati che possono aiutarmi a testare i problemi di accessibilità?,r contrasto su alcune pagine (o senza contrasto a tutti)
una o più immagini non sono ALT descrizioni aggiunto
un editor eliminato il contenuto di uno dei tag H2, ma di sinistra, che il tag persistente e di confondere i lettori di schermo
qualcuno del team di progettazione ha mettere un segnaposto di testo invece di un campo di testo, che rischia di visualizzazione senza etichetta campo, che i lettori di schermo non… leggi
c’è un’etichetta mancanti dalla vostra newsletter sign-up forma
Questi sono tutti i frequenti problemi di accessibilità del web strumenti di valutazione può aiutare a rilevare e indirizzo.,
Rientrano in più categorie:
estensioni del browser, su cui ci concentreremo in questo post
strumenti da riga di comando strumenti di test di accessibilità che puoi integrare con il tuo sistema di integrazione continua
Suggerimento: Tieni presente che i seguenti 5 migliori strumenti di test di accessibilità Web rilevano circa il 30% dei problemi. Costituiscono un ottimo punto di partenza per un audit più complesso e una strategia di monitoraggio completa che dovresti mettere in atto.,
Wave, Il Venerato strumento di valutazione di accessibilità Web per Chrome
Un completo, facile da usare sito web accessibility checker che è stato nella maggior parte degli sviluppatori toolkit per un bel paio di anni.,
Ecco come funziona:
aggiunge una sovrapposizione delle icone di errore e indicazioni per la pagina web che si sta di controllo
icone che, una volta cliccata, di fornire informazioni e raccomandazioni sull’accessibilità problemi rilevati: ridondante titoli, elementi strutturali, link HTML, poveri contrasto di colore, come quei problemi di impatto di diversi tipi di utenti, quali linee guida WCAG violino, etc.,
ti indica il codice “fastidioso” tramite HTML annotato che appare nel pannello nella parte inferiore dello schermo
In breve, Wave è uno dei robusti controllori di accessibilità del sito Web che va oltre la semplificazione del processo di audit.
È anche orientato a educare gli utenti (proprietari di siti Web, tester QA) sui problemi di accessibilità a cui prestare attenzione.
“Come utilizzare lo strumento di accessibilità Wave?,”
In entrambi i casi:
puoi semplicemente inserire il tuo URL nel campo dedicato sul loro sito web
puoi scaricare l’estensione del browser
Scegli l’estensione in particolare se si tratta di pagine Web dinamiche, protette da password e memorizzate localmente che devi controllare.
Tenone, Accessibilità come servizio
” Come faccio a testare l’accessibilità?”
Tenon è un altro strumento che viene fornito sia in versione gratuita che a pagamento.,
What makes it “worthy” of this top 5 selection?,y test dopo aver trascurato le linee guida sono già trasformate in questioni critiche che riguardano l’esperienza dell’utente
e ‘ uno strumento flessibile per i creatori di contenuti, designer, sviluppatori e tester
genera… generoso rapporti con gli snippet di codice per ogni errore, corrispondenti linee guida WCAG, e consigli su come risolvere questo problema
In breve: Tenone consente di eseguire un preventivo tipo di controllo di accessibilità nel proprio sito web., È possibile rilevare i problemi chiave prima ancora di arrivare a trasformarsi in importanti problemi di usabilità
Inoltre, è possibile incorporare facilmente Tenon nel set di strumenti tramite la sua API. Si integra perfettamente con qualsiasi CMS, IDE, strumento di distribuzione o build automatizzata che si potrebbe utilizzare.
Google Lighthouse, uno dei migliori strumenti di test di accessibilità automatizzati
“Come faccio a sapere se il mio sito web è effettivamente conforme a WCAG 2.0?,per l’uso
Inoltre, la verifica dell’accessibilità strumento fa parte di tutta una serie di controlli che è possibile eseguire utilizzando Chrome Developer Tools:
SEO
Progressivo Web App
Prestazioni
Best Practice
Quello che fa è fornire una relazione completa della sua i risultati del test:
se tutti i pulsanti di questa pagina sono accessibili nomi o non
se tutte le immagini sono attributi ALT aggiunto
se la pagina ha un titolo o non …
poi, è semplicemente prendere da lì e migliorare le aree segnalato nel report.,
Ed ecco come lo usi:
apri devtools nel tuo browser Chrome
cerca la scheda “Audit”
fai clic su “Esegui un audit”
Suggerimento: salva il report in un formato JSON per dopo (o per inviarlo a qualcuno nel tuo team).
Un’altra cosa grandiosa di Google Lighthouse è che è uno di quegli strumenti di valutazione dell’accessibilità web che non richiedono l’iscrizione. Basta trascinare un report sul visualizzatore di report online che ti fornisce.
Axe Browser Extension
“Come fai a sapere se il tuo sito è effettivamente WCAG 2.,0 conforme?”
“afferrare” uno strumento come l’Ascia di qui e dare al vostro sito un controllo automatizzato.
Si collegherà semplicemente come una nuova scheda agli strumenti di sviluppo di Chrome. Una volta fatto clic sul pulsante blu “analizza”, ti verrà fornito un intero elenco di “violazioni” rilevate sulla tua pagina.
Perché lo abbiamo incluso nella nostra lista altamente esclusiva di 5 migliori strumenti di test di accessibilità web?,
perchè è gratis (self-contained open-source library)
perché si arriva a personalizzare il tuo specifico la verifica dell’accessibilità esigenze: aggiungere regole specifiche, integrare con il framework di test e browser di vostra scelta…
perché ogni problema segnalato “espone” il corrispondente di markup, come ben
Basta premere “Ispezionare” codice per la scheda DevTools, dove il “colpevole” elemento è delineato.,
Suggerimento: un altro motivo per cui questo è uno dei primi verificatori di accessibilità del sito Web che dovresti considerare è che il rapporto Axe accessibility va oltre la segnalazione di chiare violazioni delle linee guida sull’accessibilità.
Evidenzia anche aspetti che potresti migliorare sull’interfaccia utente del tuo sito web.
Siteimprove, Uno dei Migliori l’Accessibilità del Web Strumenti di Test
Noi confessiamo: Siteimprove è il nostro sito web preferito accessibilità., Ecco perché:
ci fornisce informazioni utili in merito a tutte le questioni che rileva
genera chiare spiegazioni sull’impatto di questi problemi su alcuni utenti
inoltre, il “bottino” con esperienza utente intuitiva: problemi evidenziata sul lato destro della pagina
Dove si può aggiungere che l’intera pagina web del processo di verifica viene eseguita nel nostro browser google Chrome.
Facile da usare e altamente efficiente. Cosa si può desiderare di più da uno strumento di test di accessibilità gratuito?,
Final Word
Trasforma questo tipo di test di accessibilità — utilizzando le estensioni di Chrome — in una parte di una strategia di test più completa.
Non dovresti limitare la tua valutazione ai risultati che ottieni utilizzando uno di questi 5 migliori strumenti di test di accessibilità web.
C’è ancora un certo livello di “intervento umano” necessario per interpretare quei risultati. A venire con la giusta serie di passi da fare, giusto?,
Utilizzare se si desidera solo per verificare se:
non ci sono immagini senza ALT descrizioni sul tuo sito web
il codice HTML è valido
i campi modulo sono etichette e descrizioni
Mentre per la valutazione:
se che l’HTML è semantico o non
se quelli del campo modulo descrizioni sono user-friendly abbastanza
se c’è un titolo corretto gerarchia di una determinata pagina sul tuo sito web
… avrete bisogno di analisi umana.,
I test di accessibilità automatizzati indicheranno (solo) aspetti chiave su cui concentrarsi per i tester QA.
La FINE!
Hai utilizzato uno di questi strumenti di test di accessibilità sul tuo sito web?
Di solito interrompi il tuo audit lì o usi un& tipo di test manuale automatico di “combo”? Dipende dal contesto in realtà?
