Offriamo percorsi dedicati e strumenti all’avanguardia per rendere accessibili i tuoi siti web, web app e app mobile.
Come usare gli HTML per programmare un sito accessibile
Al mondo, una persona su cinque ha una disabilità. Questo significa che per costruire una società inclusiva bisogna andare incontro alle esigenze di tutte e tutti. Ecco perché costruire un sito web accessibile è un dovere etico e sociale, oltre a portare notevoli vantaggi economici. In questo articolo vedremo come usare gli HTML per programmare un sito accessibile.
Gli screen reader: come gli utenti con disabilità visiva usano i siti
Nello sviluppo di un sito web è fondamentale tenere in considerazione anche le esigenze degli utenti con disabilità visiva. Infatti, per garantire anche loro la piena fruizione dei nostri contenuti, è importante pensare a quale strumento usano per la navigazione: gli screen reader.
Questi software leggono ad alta voce il contenuto di una pagina web. Per farlo, usano una funzione Text-To-Speech (TTS), che traduce in suoni ciò che è scritto sulla pagina web. Alcuni possono addirittura tradurlo in Braille, qualora il dispositivo di navigazione fosse abilitato. Se vuoi sapere di più sul funzionamento degli screen reader, ti invitiamo a leggere questo articolo.
Perché il codice HTML è così importante per gli screen reader
Un utente con disabilità visiva, durante la navigazione sul web, deve affidarsi completamente allo screen reader: non ha altra scelta. Il funzionamento dello screen reader dipende interamente dalla sua strutturazione in HTML. Di conseguenza, risulta evidente come la possibilità che un utente con disabilità visiva usi pienamente il nostro sito dipende interamente dalla struttura che gli abbiamo dato in fase di sviluppo, usando il codice HTML.
Per capire meglio come funziona uno screen reader, può essere utile guardare questo video:
Come rendere il sito accessibile in HTML
Per darvi una mano a rendere il sito più accessibile, vi forniamo una serie di indicazioni pratiche che possano guidarvi in questa direzione.
Indica il linguaggio di lettura del testo
Gli screen reader usano il linguaggio del sistema operativo per tradurre il testo e leggerlo poi all’utente con disabilità visiva. Pertanto, se il contenuto è in un determinato linguaggio è utile indicarlo nel tag html di apertura.
<html lang="en">
...
</html>
Allo stesso modo, se quanto pubblicato sul sito è in un linguaggio diverso per brevi tratti, è opportuno segnalarlo allo screen reader relativamente al pezzo in questione. Per esempio:
<html lang="en">
<body>
<h1>Welcome</h1>
<p lang="it">Questo paragrafo è in lingua italiana.</p>
</body>
</html>
Importante usare HTML semantico
L’uso di un HTML semantico è fondamentale per rendere un sito accessibile. Si tratta di tag HTML che indicano espressamente la loro funzione. In questo modo lo screen reader capirà, senza la necessità di grandi quantità di codice lato user, lo scopo specifico della parte di testo o di pagina che sta per leggere.
Per fare degli esempi concreti, elementi come <div> o <span> non hanno alcun valore semantico. Al contrario, dei tag come <header>, <nav>, <main> o <table> sono idonei a fornire allo screen reader delle informazioni esplicite sul contenuto e su come questo interagisce col resto della pagina.
Introducendo questi tag, poi, aiuterai anche i motori di ricerca, favorendo l’indicizzazione delle tue pagine e migliorando la SEO: clicca qui per scoprire come l’accessibilità aiuta la SEO!
Dai una struttura HTML per rendere il tuo sito accessibile
I tag sopra indicati sono poi fondamentali per dare una struttura ordinata al tuo sito. Questo è importante perché gli screen reader scansionano la pagina da cima a fondo: se c’è una struttura ordinata, questi strumenti potranno funzionare a dovere, aiutando le persone con disabilità visiva.
Devi poi ricordarti di fornire una gerarchia fra i titoli e i sottotitoli, usando i tag <h1> … <h6> in modo ordinato. Infine, è importante indicare i paragrafi con <p>.
Rendi i tuoi file multimediali accessibili
Se vuoi garantire pieno accesso al tuo sito per le persone con disabilità visiva è importante rendere i tuoi file multimediali accessibili. Per farlo, devi ricorrere al testo alternativo (alt text), che descrive allo screen reader la funzione dell’immagine che incontra nella lettura del testo. Ad ogni modo, se vuoi approfondire, leggi questo articolo!
Come rendere il tuo sito accessibile facilmente
Se non sei pratic* di sviluppo di siti web, può darsi che quanto letto sopra ti abbia spaventato. Devi sapere però che non è per forza necessario ricorrere a tutto questo lavoro per ottenere un sito interamente accessibile. Per avere lo stesso risultato con poco sforzo puoi ricorrere ad AccessiWay, il sistema integrato di Intelligenza Artificiale e interfaccia utente che in pochissimo tempo rende il tuo sito accessibile senza chiederti alcuno sforzo. L’IA scansiona ogni pagina del tuo sito per assicurarsi la piena compliance con le WCAG più recenti ed evitarti multe e sanzioni. L’interfaccia consente all’utente di regolare il sito secondo le sue esigenze. In più, puoi ricorrere a consulenze personalizzate per adattare il sito al tuo caso concreto ed essere sicur* della piena accessibilità. Clicca qui per scoprire come funziona!
Offriamo percorsi dedicati e strumenti all’avanguardia per rendere accessibili i tuoi siti web, web app e applicativi mobile.
Articoli correlati
Oltre le barriere linguistiche: Accessibilità digitale e servizi pubblici multilingue
L'Italia, come molte altre nazioni, si confronta con la sfida di eliminare le barriere linguistiche
Una Rivoluzione Culturale: La Nuova Legge sulla Disabilità in Italia
Il 15.04 è stato approvato l’ultimo decreto attuativo della legge delega in materia di disabilità
Accessibilità del patrimonio museale: una sfida anche digitale
Come rendere accessibile il patrimonio culturale
Un accesso equo alla salute: L'evoluzione dell'accessibilità digitale nei servizi sanitari pubblici
L'accessibilità dei servizi sanitari pubblici
Concorsi nel Settore Pubblico: Garantire l'Accessibilità per Tutti i Candidati
Sul tema della garanzia all'accessibilità ai corsi pubblici, a noi innanzitutto piace parlare di EQU
Promuovere l'uguaglianza: accessibilità digitale e accesso all'istruzione
Forse dobbiamo iniziare a pensare fuori dagli schemi.
Com'è pianificare un viaggio e viaggiare per le persone con disabilità
Le barriere che possono incontrare le persone con disabilità pianificando un viaggio.
Presentazione dell'Intergruppo Parlamentare sull'Accessibilità Digitale: Punti salienti
AccessiWay partecipa alla presentazione dell'Intergruppo Parlamentare
L'Investimento nell'Accessibilità Digitale: La Chiave del Successo Aziendale a Lungo Termine
Accessibilità digitale: non solo un imperativo etico ma una strategia economica vantaggiosa
.jpeg)
Le donne con disabilità: una fotografia europea
Una panoramica europea sulla violenza contra le donne con disabilità
Le barriere digitali per le persone con disabilità motorie
Le barriere digitali per le persone con disabilità
Esplorazione delle ultime tecnologie che migliorano l'accessibilità digitale per le persone con disabilità
Esplorazione delle ultime tecnologie che migliorano l'accessibilità digitale
Sono fermo ma mi muovo! Integrazione di Ausili per la Mobilità nella Vita Quotidiana
Ausili per la Mobilità nella Vita Quotidiana
Casa, dolce e accessibile casa. Innovare: l'accessibilità nella domotica
L'accessibilità nella domotica
Design per Tutti: Applicare i Principi del Design Universale negli Spazi Pubblici
Come Applicare i Principi del Design Universale negli Spazi Pubblici
.jpeg)
Cambiare Mentalità: formazione efficace sulla sensibilizzazione alla Disabilità e alla Diversità in Azienda
Formazione aziendale: disabilità e diversità.
Abbattere le Barriere: Raggiungere l'Accessibilità Universale nell'Educazione
Abbattere le Barriere: Raggiungere l'Accessibilità Universale nell'Educazione
Lavoro e disabilità: la persona giusta al posto giusto, vale per tutt*
Lavoro e disabilità: una prospettiva europea
L'Accessibilità e il Design Inclusivo: la sua importanza nella creazione di prodotti e servizi accessibili per tutti
Il ruolo del design inclusivo nella creazione di prodotti e servizi accessibili
Le tecnologie assistive e non che aiutano sia le persone cieche sia le persone dislessiche
Le tecnologie assistive immaginate e progettate per diversi tipi di disabilità
Cattedra Inclusiva: cos'è e cosa vuole modificare?
Ascoltiamo alcuni pareri sul Progetto Cattedra Inclusiva
5 miti da sfatare sull'accessibilità digitale
Sfatiamo insieme i miti sull'accessibilità digitale.
Accessibilità Negata: Le Sfide nell’e-commerce dei ticket
Lo stato dell'accessibilità dell’e-commerce dei ticket
L'accessibilità digitale sbarca in Parlamento
Un intergruppo parlamentare dedicato all'accessibilità digitale
L’impatto positivo dell'accessibilità digitale: dall’esperienza utente all’inclusione
L'accessibilità digitale è un elemento chiave sia nella tecnologia, sia nell'inclusione globale
Convenzione delle Nazioni Unite sui diritti delle Persone con disabilità: il vero cambio di paradigma
La storia della CDPD e i cambiamenti che ha portato
Un Manifesto per la piena Accessibilità Digitale con AccessiWay e FISH
Fruire del digitale è un diritto di tutti: la nostra proposta per la condivisione di regole
.jpg)
Una Svolta per l'Accessibilità: Il Successo di AccessiWay a Roma
Innovazione e Riconoscimento: AccessiWay Guida il Cammino verso un Futuro Digitale Inclusivo con i p
Il ruolo di AccessiWay nell'accessibilità digitale
La diffusione della conoscenza dell'accessibilità digitale come uno degli obiettivi di AccessiWay
NUOVI REQUISITI DI ACCESSIBILITÀ CONNESSI A PRODOTTI E SERVIZI DIGITALI IN ITALIA
I requisiti di accessibilità per prodotti e servizi digitali
WCAG 2.2: Le Nuove Linee Guida per l'Accessibilità Digitale
Ecco i nuovi requisiti che sono stati aggiunti nelle WCAG 2.2
.jpg)
Come l'accessibilità digitale migliora la SEO
Lo studio di Semrush dimostra l'importanza dell'accessibilità digitale nella SEO
Test usabilità: cosa sono e come funzionano
I test degli utenti (User Test) per prodotti digitali accessibili
Alcune Novità sulle WCAG 2.2
In ottobre 2023 sono state rilasciate finalmente le WCAG 2.2 e presto vedremo la loro applicazione.
.jpg)
Quanto è utile il lavoro a distanza per le persone con disabilità?
Per molti anni, le persone con disabilità hanno richiesto lo smart working.
Un'azienda inclusiva: l'importanza del PDF accessibili nella comunicazione esterna
Nell'era digitale odierna, l'inclusività legata all’accessibilità è diventata un valore essenziale.
L'importanza dell'accessibilità dei PDF nel settore dell'istruzione: promuovere l'inclusione e l'accesso equo
L’accessibilità dei PDF nel campo dell’istruzione è essenziale: ecco perchè.
Come creare PDF accessibili e che vantaggi comporta farlo correttamente
Nell'era digitale in cui viviamo, la comunicazione esterna è diventata un aspetto fondamentale.
Dajana Gioffrè, la prima Chief Visionary Officer cieca in Italia
Quanto è importante la vision di una società, di un’attività economica? La risposta è semplice: tant
I 4 vantaggi dell'accessibilità dei videogiochi
L'articolo è una panoramica su videogiochi e accessibilità, tra presente e futuro.
Come l'accessibilità web migliora la SEO
Accessibilità web e SEO sono collegate? Assolutamente: ecco perché il tuo sito dovrebbe essere acces
Come rendere accessibili i mezzi pubblici: lo spiega il Disability Manager di GTT
I mezzi pubblici sono un aspetto essenziale nella vita di una persona, per la sua autonomia.
10 vantaggi e svantaggi della tecnologia, con un occhio all'accessibilità
La tecnologia porta vantaggi? Se sì, quali sono questi vantaggi? E gli svantaggi?
Chi è e cosa fa IAAP, l'International Association of Accessibility Professionals
In un mondo che deve tendere all'accessibilità, realtà come IAAP sono fondamentali
Autismo e società: intervista a Fabrizio Acanfora
Parlare di autismo richiede attenzione e troppo spesso non viene fatto correttamente: Fabrizio Acanf
Disability Pride a Torino il 15 aprile: tutte le informazioni
Vediamo insieme quali sono le informazioni principali sugli eventi e le iniziative relative al Disab
I pride italiani sono accessibili? Scopriamolo con Simone Riflesso
Abbiamo deciso di intervistare Simone Riflesso per comprendere lo stato di accessibilità dei pride
Chi era Judith Heumann, avvocata per i diritti delle persone con disabilità
La vita di Judith Heumann è uno straordinario esempio di lotta per i diritti delle persone con disab
Premio Osiride Ferrero in tema di disabilità e accessibilità: come funziona e la scadenza
Vediamo quindi cos’è il premio Osiride Ferrero, come funziona e quand’è la scadenza.
La storia di Matteo Salandri, atleta nazionale di parasurfing
Matteo Salandri è un atleta eccezionale, ma anche una persona attiva in campo sociale: da anni s...
Com'è un sito accessibile? I 10 punti fondamentali
Per avere un sito accessibile bisogna che sia compliant con le WCAG più recenti: vediamo quindi i
Intelligenza artificiale: può migliorare l'accessibilità web? L'esempio AccessiWay
Abbiamo deciso di intervistare l'Intelligenza Artificiale più famosa del momento per capire come
Le 10 persone con disabilità più famose al mondo
Raggiungere il successo è molto più difficile se si ha una disabilità, in una società poco accessibi
Come comunicare in modo accessibile alle persone con disabilità sui social media
Comunicare sui social media può sembrare facile, ma comunicare in modo accessibile richiede impegno
John Nash: il matematico premio Nobel con schizofrenia
La vita di John Nash vede le difficoltà con la schizofrenia e un premio Nobel per la matematica
Vivere la cecità per provare empatia: il laboratorio di AccessiWay
Lavorare in AccessiWay non è un semplice lavoro: richiede sposarne gli ideali e capire la mission
7 febbraio: Giornata nazionale contro il Bullismo e il Cyberbullismo
Il bullismo e il cyberbullismo sono un grave problema: ecco perché sono importanti iniziative come
.png){kind=spacer}
Responsabile della Transizione al Digitale (RTD): chi è, cosa fa e perché è importante
In un mondo che tende al futuro, la PA necessita del Responsabile della Transizione al Digitale
Lo schwa ( ə ) e la disabilità: l'inclusione può essere non accessibile?
Lo schwa porta all'inclusione anche delle persone non binarie, oltre che del genere femminile, ma pu
Identity first e person first: cosa significa?
L'approccio più comune è person first, ma non mancano persone che preferiscono identity first
Stephen Hawking: la storia, la malattia e le grandi scoperte
La vita di Stephen Hawking è straordinaria e ricca di avvenimenti: vediamo i più importanti
Aktion T4: cos'è stato il programma nazista per l'eliminazione delle persone con disabilità
Lo sterminio delle persone con disabilità porta il nome di Aktion T4: ripercorriamo le tappe della
Cosa significa la voce “predictable” nelle WCAG 2.2
Il requisito "predictable" è essenziale per l'accessibilità per le persone con disabilità cognitiva
Alex Zanardi: la storia e le sfide dopo l’incidente
La storia di Alex Zanardi è complessa e fonte di ispirazione, per la sua reazione all'incidente
Storia di Roosevelt, il presidente degli USA in sedia a rotelle
Ecco un riassunto della storia di Franklin Delano Roosevelt, presidente USA in sedia a rotelle
L'importanza dell'accessibilità per l'e-commerce
Ecco una descrizione dei siti con il migliore e-commerce dal punto di vista dell'accessibilità e d..
Come insegnare l'empatia: il laboratorio di AccessiWay
Cosa significa empatizzare? AccessiWay lo spiega al suo staff con un laboratorio molto significativo
WCAG 2.2: gli aggiornamenti sulle prossime guidelines per l'accessibilità web
Ecco le novità portate dalle WCAG 2.2, le nuove guidelines del W3C
La storia di Frida Kahlo, un simbolo per disabilità e femminismo
Frida Kahlo è una figura altamente simbolica, a tutela dei diritti delle persone con disabilità, n..
Come si diventa campioni del mondo: intervista a Giuliano Bufacchi, coach della nazionale di basket con sindrome di Down
In questa intervista Giuliano Bufacchi, coach della nazionale di basket con sindrome di Down, ci r..
Accessibilità digitale: intervista ad Andrea Venuto, ex Disability Manager di Roma Capitale ed esperto di accessibilità web
Andrea Venuto ci ha spiegato la sua visione sull'accessibilità web e le prospettive
Agenda ONU 2030 per lo sviluppo sostenibile: il digitale come leva di crescita della sostenibilità economica e sociale
Tra le righe dell'Agenda 2030 dell'ONU si trovano numerosi riferimenti al digitale
Quali sono i 4 princìpi dell’accessibilità web
L'accessibilità web si fonda su 4 princìpi fondamentali: vediamo quali
Quali sono gli obblighi di legge e le scadenze in materia di accessibilità web?
L'accessibilità web è una materia in continuo aggiornamento: ecco le prossime scadenze legali
AccessiWay: chi siamo e di cosa ci occupiamo
Scopri la storia di AccessiWay, dalle origini agli obiettivi futuri!
10 statistiche fondamentali su disabilità e accessibilità web
I dati sono importanti per spiegare una questione: ecco i dati sulla disabilità e sull'accessibilità
Diritto al voto e persone con disabilità: facciamo chiarezza sul tema insieme all’Avv. Franco Lepore
Il diritto al voto viene dato per scontato, ma per le persone con disabilità il suo esercizio non è
"Nulla su di noi senza di noi": il problema dell'abilismo in Italia
L'abilismo è un problema molto diffuso in Italia e da questo nasce un libro davvero inclusivo
Cosa prevede la Costituzione sulla disabilità
La Costituzione italiana non ha articoli espliciti sulla disabilità, ma vi sono tutele ricavabili da
I XXXVII Giochi Nazionali Estivi Special Olympics a Torino 2022
Dal 4 al 9 giugno a Torino si è tenuta la 37esima edizione dei Giochi Special Olympics
WCAG 2.1: cos’è questa sigla, cosa sono le guidelines e quali novità presentano
Le WCAG 2.1 sono le guidelines per l'accessibilità dei siti web: ecco spiegato in cosa consistono
Come funziona un validatore di accessibilità
Un validatore di accessibilità è essenziale per l'accessibilità del tuo sito: ma come funziona?
Che cos’è la discriminazione verso i “disabili” e le persone con disabilità
La discriminazione verso i "disabili" è un grosso problema e va evitata: ecco che cos'è e come fare
Disabilità: definizione, cos’è e chi è considerato disabile
La disabilità viene spesso definita in maniera errata. Vediamo quindi la definizione
Il tuo sito inaccessibile ti sta facendo perdere il 20% dei guadagni
Avere un sito inaccessibile comporta gravi conseguenze anche a livello economico
Perché usare un validatore di accessibilità per la verifica di un sito web
Verificare se un sito web è accessibile è fondamentale: bisogna usare un validatore di accessibilità
Come capire se un sito web è accessibile e conforme alle WCAG 2.1
L'accessibilità è una condizione fondamentale per un sito e va verificata: vediamo come
Cos'è ARIA in HTML, il nuovo standard per l'accessibilità web
Il W3C ha rilasciato un nuovo standard per l'accessibilità web: ARIA in HTML. Vediamo cos'è
Come raggiungere la piena accessibilità sul tuo sito web
L'accessibilità web è un obbligo di legge ed è pertanto necessario raggiungerla: vediamo come
Accessibilità web: cos’è e come raggiungerla
Accessibilità web è un'espressione ormai molto diffusa e rappresenta un obbligo di legge: ecco cos'è
Google position zero: cos’è e come raggiungerla
Ecco spiegato cos'è la Google position zero e come raggiungerla per migliorare la SEO
.jpg)
Come le persone ipovedenti o con disabilità visiva usano i social network
Gli utenti con disabilità visiva possono avere difficoltà a usare le app tipo i social network...
Come usare gli HTML per programmare un sito accessibile
Il codice HTML di un sito è fondamentale per renderlo accessibile: scopriamo come
.jpg)
5 consigli che ti spiegano come rendere media e file multimediale accessibili
Ecco spiegati 5 facili consigli per rendere il tuo sito e i tuoi media accessibili a tutti
I migliori film sulla disabilità per comprendere i disabili
Il cinema è capace di diffondere grandi messaggi: vediamo i film sulla disabilità
Il tuo sito web non è ottimizzato e ti sta facendo perdere clienti
L'ottimizzazione dei siti web è essenziale e passa anche attraverso l'accessibilità web
I migliori libri e romanzi sulla disabilità
La disabilità è un tema trattato in alcuni grandi libri: vediamoli insieme!
Chi accerta e certifica la disabilità?
Il riconoscimento della disabilità porta dei vantaggi: vediamo chi accerta e certifica la disabilità
Cosa prevede l’agenda 2030 in relazione alla disabilità
L'agenda 2030 dell'ONU indica le strategie future dei governi: vediamo cosa prevede sulla disabilità
Le canzoni più belle e famose sulla disabilità
La disabilità è poco rappresentata, ma alcune canzoni la descrivono bene: ecco le migliori
Ciao! Compila i campi qua sotto👇🏻
Verrai contattato a breve da uno dei nostri esperti. Ti aiuteremo a capire qual è la soluzione migliore per il tuo business!
Abbiamo reso più inclusive centinaia di realtà europee ed internazionali:
"Grazie alla partnership con AccessiWay, aggiungiamo così un importante tassello verso una maggiore inclusività, offrendo la massima accessibilità al nostro sito web e a tutti i suoi contenuti”
Corporate Communications Director di Campari Group
Ciao! Compila i campi qua sotto👇🏻
Verrai contattato a breve da uno dei nostri esperti. Ti aiuteremo a capire qual è la soluzione migliore per il tuo business!