# I problemi di accessibilità che testiamo Ogni pagina spiega un problema che i nostri test automatici rilevano: cosa significa, a quale criterio WCAG si riferisce, come correggerlo su qualsiasi sito, su Shopify e su WooCommerce, e come verificare la correzione. ## Problemi di accessibilità - [L'elemento nascosto con aria-hidden non deve ricevere focus, nè può contenere elementi che ricevono focus](https://www.fixreports.com/it/issues/aria-hidden-focus): WCAG 4.1.2 · Livello A. Alcuni elementi che possono ricevere il focus sono nascosti agli screen reader, ma si possono comunque raggiungere con la tastiera. (Attributi e ruoli ARIA) - [L'attributo autocomplete deve essere utilizzato correttamente](https://www.fixreports.com/it/issues/autocomplete-valid): WCAG 1.3.5 · Livello AA. Un campo di un modulo usa un valore autocomplete che i browser non riconoscono. (Campi dei moduli senza etichetta) - [I pulsanti devono avere un testo distinguibile](https://www.fixreports.com/it/issues/button-name): WCAG 4.1.2 · Livello A. Alcuni pulsanti non hanno un nome accessibile, quindi chi usa uno screen reader sente solo «pulsante». (Link e pulsanti senza nome) - [Gli elementi devono soddisfare le soglie minime del rapporto di contrasto di colore](https://www.fixreports.com/it/issues/color-contrast): WCAG 1.4.3 · Livello AA. Alcuni testi non si distinguono abbastanza dallo sfondo per essere letti dalle persone ipovedenti. (Contrasto dei colori insufficiente) - [I documenti devono avere un elemento per aiutare nella navigazione](https://www.fixreports.com/it/issues/document-title): WCAG 2.4.2 · Livello A. Una pagina non ha un titolo, quindi gli utenti non possono capire in quale pagina si trovano. (Titoli delle pagine) - [Gli ID utilizzati in ARIA e nelle etichette devono essere univoci](https://www.fixreports.com/it/issues/duplicate-id-aria): WCAG 4.1.2 · Livello A. Più elementi condividono un id che etichetta o descrive qualcosa, quindi le tecnologie assistive potrebbero leggere l’etichetta sbagliata. (Attributi e ruoli ARIA) - [I frames devono avere un nome accessibile](https://www.fixreports.com/it/issues/frame-title): WCAG 4.1.2 · Livello A. Un frame incorporato (spesso una mappa, un video o il widget di un’app) non ha un titolo, quindi chi usa uno screen reader non sa cosa contiene. (Struttura della pagina, intestazioni e landmark) - [I livelli delle intestazioni possono aumentare solo di uno](https://www.fixreports.com/it/issues/heading-order): Buona pratica di accessibilità. I livelli delle intestazioni saltano (ad esempio da H2 a H4), il che rende confusa la struttura della pagina per chi usa uno screen reader. (Struttura della pagina, intestazioni e landmark) - [L'elemento <html> deve avere un attributo lang](https://www.fixreports.com/it/issues/html-has-lang): WCAG 3.1.1 · Livello A. La pagina non dichiara la sua lingua, quindi gli screen reader potrebbero leggerla con la pronuncia sbagliata. (Lingua della pagina) - [L'attributo lang dell'elemento <html> deve avere un valore valido](https://www.fixreports.com/it/issues/html-lang-valid): WCAG 3.1.1 · Livello A. Il codice di lingua della pagina non è valido, quindi gli screen reader non possono scegliere la voce giusta. (Lingua della pagina) - [Le immagini devono avere un testo alternativo](https://www.fixreports.com/it/issues/image-alt): WCAG 1.1.1 · Livello A. Alle immagini manca un’alternativa testuale, quindi chi usa uno screen reader non sa cosa mostrano. (Immagini senza alternativa testuale) - [I pulsanti di input devono avere un testo distinguibile](https://www.fixreports.com/it/issues/input-button-name): WCAG 4.1.2 · Livello A. Un pulsante input non ha testo, quindi gli screen reader non possono dire cosa fa. (Campi dei moduli senza etichetta) - [I pulsanti immagine devono avere un testo alternativo](https://www.fixreports.com/it/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · Livello A. Un pulsante immagine non ha testo alternativo, quindi gli screen reader non possono dire cosa fa. (Immagini senza alternativa testuale) - [Gli elementi del modulo devono avere etichette](https://www.fixreports.com/it/issues/label): WCAG 4.1.2 · Livello A. Alcuni campi dei moduli non hanno un’etichetta, quindi chi usa uno screen reader non sa cosa inserire. (Campi dei moduli senza etichetta) - [Il documento deve avere un landmark main](https://www.fixreports.com/it/issues/landmark-one-main): Buona pratica di accessibilità. La pagina non ha un landmark main, quindi chi usa uno screen reader non può saltare direttamente al contenuto. (Struttura della pagina, intestazioni e landmark) - [I collegamenti devono essere distinguibili senza fare affidamento sul colore](https://www.fixreports.com/it/issues/link-in-text-block): WCAG 1.4.1 · Livello A. I link all’interno dei paragrafi si distinguono solo per il colore, quindi chi non riesce a vedere la differenza di colore non li nota. (Contrasto dei colori insufficiente) - [I collegamenti devono avere un testo distinguibile](https://www.fixreports.com/it/issues/link-name): WCAG 2.4.4, 4.1.2 · Livello A. Alcuni link non hanno un testo che uno screen reader possa annunciare: spesso sono link con la sola icona, come le icone dei social o l’icona del carrello. (Link e pulsanti senza nome) - [Lo zoom e il ridimensionamento non devono essere disabilitati](https://www.fixreports.com/it/issues/meta-viewport): WCAG 1.4.4 · Livello AA. La pagina blocca lo zoom con due dita su mobile. (Zoom e reflow) - [La pagina dovrebbe contenere un'intestazione di livello uno](https://www.fixreports.com/it/issues/page-has-heading-one): Buona pratica di accessibilità. La pagina non ha un’intestazione di primo livello. (Struttura della pagina, intestazioni e landmark) - [Tutti i contenuti della pagina dovrebbero essere contenuti nei landmark](https://www.fixreports.com/it/issues/region): Buona pratica di accessibilità. Alcuni contenuti non si trovano all’interno di un landmark della pagina (header, nav, main o footer). (Struttura della pagina, intestazioni e landmark) - [Gli elementi [role="img"] devono avere un testo alternativo](https://www.fixreports.com/it/issues/role-img-alt): WCAG 1.1.1 · Livello A. Un elemento presentato come immagine non ha un’alternativa testuale. (Immagini senza alternativa testuale) - [La regione scrollabile deve avere accesso da tastiera](https://www.fixreports.com/it/issues/scrollable-region-focusable): WCAG 2.1.1 · Livello A. Un’area scorrevole non si può raggiungere con la tastiera, quindi chi usa la tastiera non può scorrerla. (Accesso da tastiera e focus) - [L'elemento select deve avere un nome accessibile](https://www.fixreports.com/it/issues/select-name): WCAG 4.1.2 · Livello A. Un menu a discesa (spesso un selettore di ordinamento o di variante) non ha un’etichetta. (Campi dei moduli senza etichetta) - [Gli elementi <svg> con un ruolo img devono avere un testo alternativo](https://www.fixreports.com/it/issues/svg-img-alt): WCAG 1.1.1 · Livello A. Un’immagine SVG che trasmette informazioni non ha un’alternativa testuale. (Immagini senza alternativa testuale) - [Tutti gli elementi che possono essere attivati tramite puntatore devono avere una largezza di 24px, o lasciare spazio sufficiente](https://www.fixreports.com/it/issues/target-size): WCAG 2.5.8 · Livello AA. Alcune aree di tocco sono più piccole di 24 per 24 pixel e troppo vicine tra loro, il che le rende difficili da toccare su uno smartphone. (Accesso da tastiera e focus)