Accessibilità
Una caratteristica importante per qualsiasi sito è quella di risultare accessibile alle persone con disabilità: ad esempio non vedenti, ipovedenti o daltonici.
Ad esempio i non vedenti utilizzano del Screen reader per "leggere" i contenuti e per agevolare questa funzione si ricorre al "semantic HTML" cioè l’uso corretto di tag html e stili css per rendere chiavo il significato e le informazioni di una pagina.
Ad esempio dichiarando il linguaggio utilizzato nel tag <html lang="it"> si facilità l’interpretazione delle frasi allo screen reader, mentre l’uso del tag <b> invece di font-weight: bold fa capire al reader la maggiore importanza del testo.
Altre attenzioni da fare sono:
- usare il tag <button> invece di <div> o <input> per eseguire un’azione.
- usare <a href=….> invece di altri tag per implementare un link.
- usare la proprietà alt=… nelle immagini per descriverne il contenuto.
- usare tag <ul><li> per elenchi e indentazioni.
- usare le intestazione HTML <h1> .. <h6> per titoli e sottotitoli.
- usare il tag <b> invece di font-weight: bold; quando si vuole evidenziare una parte del testo.
Sul Web esistono diversi siti che consentono di validare sia gli aspetti di accessibilità che l'HTML e il CSS
Per validare il codice HTML di una pagina usare il servizio:
Per validare il CSS usare il servizio:
Per validare gli aspetti di accessibilità usare il servizio:
Sempre riguardo gli aspetti di accessibilità per analizzare il contrasto usare il servizio: