Accessibilità: risoluzione dei problemi con il Wizard accessibilità

Il Wizard accessibilità è uno strumento utile che può aiutarti a rendere il tuo sito più accessibile ai tuoi visitatori. 

A seconda del tipo di contenuto visivo o di back-end che hai sul tuo sito, potresti riscontrare alcuni problemi durante l'utilizzo del Wizard. Leggi l'articolo per scoprire di più su questi problemi e sulle loro potenziali soluzioni.

Per rendere il testo del tuo sito chiaramente visibile, il Wizard segnala tutte le aree che non hanno un livello di contrasto del colore pari o superiore a 3,0 per testi di grandi dimensioni e 4,5 per i testi normali. Potresti vedere una di queste notifiche quando il contrasto del colore è sufficiente, ma hai inserito del testo su un'immagine.

Il Wizard calcola il contrasto in base alla luminosità del testo e allo sfondo della sezione o della striscia su cui si trova l'immagine. Pertanto, per risolvere questo problema, è necessario modificare la luminosità del testo o dello sfondo.

Se metti del testo sopra un riquadro contenitore senza collegarlo al contenitore, il calcolo del contrasto del colore risulterà errato. Potresti quindi vedere una scheda che segnala un problema con il contrasto. 

Questo perché il Wizard non riconosce il contenitore come sfondo, ma calcola il contrasto in base allo sfondo su cui si trova il contenitore (ad esempio una striscia o una sezione).

Per risolvere questo problema, devi collegare il testo al riquadro contenitore. 

I tag dell'intestazione definiscono la gerarchia del contenuto delle pagine e permettono ai visitatori di navigare al loro interno. Se non definisci il testo sulla pagina, il Wizard potrebbe mostrare delle schede che ti chiedono di impostare l'intestazione principale della pagina e i tag dell'intestazione di altro testo.

Il Wizard potrebbe mostrare una scheda che segnala il testo collegato sul tuo sito o ti incoraggia a controllarlo manualmente. Questo perché il testo generico collegato (come "Leggi di più") non descrive chiaramente cosa succede quando i visitatori cliccano su di esso.

Ti consigliamo di verificare che ogni testo collegato al tuo sito sia descrittivo e spieghi ai visitatori la sua funzione (ad esempio "Leggi le recensioni del nostro programma").

Se colleghi un'immagine a un dataset e aggiungi alt text tramite il collegamento, ti potrebbe essere richiesto di aggiungere di nuovo l'alt text nel Wizard accessibilità. Questo perché il Wizard non legge i dataset del tuo sito e prende le informazioni dalle impostazioni dell'immagine.

Per risolvere o impedire i problemi di alt text, ti consigliamo di aggiungere un alt text efficace all'immagine nell'Editor. Dopo aver collegato l'immagine al dataset, puoi verificare che il campo alt text sia effettivamente collegato all'alt text che hai aggiunto nell'Editor.

Gli attributi ARIA forniscono informazioni aggiuntive sulla semantica degli elementi nelle tecnologie assistive. Ti consigliamo di aggiungere attributi ARIA solo alle applicazioni web personalizzate sul tuo sito, poiché la maggior parte degli altri elementi presenta attributi precodificati. 

Poiché l'alt text dà informazioni sui contenuti multimediali del sito alle tecnologie assistive, non è necessario aggiungere anche gli attributi ARIA. 

Il Wizard potrebbe evidenziare i problemi che hai già risolto nel passaggio 3. Ad esempio, se hai aggiunto una dichiarazione sull'accessibilità (e l'hai contrassegnata come completa nel Wizard), la scheda potrebbe ripresentarsi nuovamente quando esegui di nuovo la scansione del sito.

Le modifiche e impostazioni salvate dovrebbero comunque essere applicate al sito: basta cliccare sul tasto per contrassegnarle come completate.