Dichiarazione di Accessibilità
Noi di Notizie In Rete ci impegniamo a garantire che il nostro sito web sia accessibile a tutti, indipendentemente dalle loro capacità. Ci sforziamo di aderire alle linee guida sull'accessibilità dei contenuti web (WCAG) 2.1 Livello AA.
Questa pagina descrive le funzionalità di accessibilità implementate sul nostro sito e i nostri continui sforzi per migliorare l'accessibilità.
Navigazione da Tastiera
Il nostro sito web è progettato per essere completamente navigabile tramite tastiera. Gli utenti possono utilizzare i tasti Tab, Maiusc + Tab, Invio e le frecce direzionali per navigare tra i link, i moduli e altri elementi interattivi.
Abbiamo prestato particolare attenzione all'ordine di tabulazione per garantire un'esperienza logica e intuitiva.
Per una migliore esperienza di navigazione da tastiera, abbiamo incluso:
- Link "Salta al contenuto principale": Un link che consente agli utenti di saltare la navigazione e andare direttamente al contenuto principale della pagina.
- Focus visibile: Gli elementi interattivi hanno un chiaro indicatore visivo quando sono focalizzati, facilitando la navigazione con la tastiera.
Compatibilità con Screen Reader
Il nostro sito web è stato ottimizzato per funzionare con screen reader come NVDA, VoiceOver e JAWS. Abbiamo implementato le seguenti tecniche per migliorare la compatibilità:
-
Testo alternativo per le immagini:
Tutte le immagini significative hanno un testo alternativo descrittivo che fornisce informazioni sul contenuto dell'immagine.
- Etichette ARIA: Abbiamo utilizzato attributi ARIA (Accessible Rich Internet Applications) per fornire informazioni aggiuntive agli screen reader sugli elementi interattivi, le regioni e le relazioni.
- Struttura semantica dell'HTML: Abbiamo utilizzato elementi HTML semantici (ad es. <header>, <nav>, <main>, <article>, <aside>, <footer>) per definire la struttura del sito web, rendendolo più facile da comprendere per gli screen reader.
- Titoli appropriati: Abbiamo utilizzato titoli gerarchici (H1, H2, H3, ecc.) per organizzare il contenuto e fornire una struttura chiara per gli screen reader.
Esempio di codice HTML con attributi ARIA:
<button aria-label="Apri il menu di navigazione" aria-expanded="false">Menu</button>
Contrasto dei Colori
Abbiamo scelto attentamente i colori del nostro sito web per garantire un contrasto sufficiente tra il testo e lo sfondo. Ciò rende il testo più facile da leggere per le persone con problemi di vista.
Il rapporto di contrasto per la maggior parte del testo supera il requisito minimo di 4,5:1 come specificato nelle WCAG 2.1 Livello AA.
Per esempio, il contrasto tra il testo (var(--text-color) - #333333) e lo sfondo (var(--background-color) - #F5F5F5) è di circa 4.5:1. Stiamo costantemente monitorando e migliorando il contrasto dei colori in tutto il sito.
Dimensione del Font
Gli utenti possono facilmente aumentare o diminuire la dimensione del testo sul nostro sito web utilizzando le impostazioni del browser. Abbiamo evitato di utilizzare dimensioni del font fisse per garantire che il testo possa essere ridimensionato senza causare problemi di layout.
Inoltre, forniamo un'opzione per aumentare ulteriormente la dimensione del font tramite un controllo dedicato.
Selezionando il tasto Ctrl e il simbolo + si aumenta la dimensione del font, con Ctrl e il simbolo - si diminuisce. Con Ctrl e il tasto 0 si ripristina la dimensione predefinita.
Modalità Scura
Abbiamo implementato una modalità scura che inverte i colori del sito web, fornendo un'esperienza di visualizzazione più confortevole in ambienti con scarsa illuminazione. La modalità scura può essere attivata e disattivata tramite un interruttore nella parte superiore della pagina.
La modalità scura migliora l'accessibilità per gli utenti sensibili alla luce o che preferiscono un contrasto più basso.
Feedback e Contatti
Ci impegniamo a migliorare continuamente l'accessibilità del nostro sito web. Se riscontri problemi di accessibilità o hai suggerimenti su come possiamo migliorare, ti preghiamo di contattarci:
Notizie In Rete S.p.A.
Via Alessandro Volta, 16
20121 Milano, Italia
Telefono: 02 1234 5678
Email:
[email protected]
Responsabile Accessibilità: Dott.ssa Elena Martini, esperta in tecnologie assistive e accessibilità web.
Il nostro team esaminerà attentamente il tuo feedback e prenderà le misure appropriate per risolvere eventuali problemi.
Tabelle Accessibili
Le tabelle di dati sul nostro sito sono strutturate in modo da essere accessibili agli screen reader. Ogni tabella ha un
<caption>
che descrive lo scopo della tabella. Le celle di intestazione (
<th>
) utilizzano l'attributo
scope
per definire la relazione tra l'intestazione e le celle di dati.
| Nome | Cognome | Età |
|---|---|---|
| Mario | Rossi | 35 |
| Luisa | Bianchi | 28 |
Le tabelle sono progettate per essere responsive e adattarsi a diverse dimensioni dello schermo, garantendo una buona esperienza di visualizzazione su dispositivi mobili.
Conformità WCAG
Notizie In Rete si impegna a raggiungere la conformità alle Web Content Accessibility Guidelines (WCAG) 2.1 livello AA. I nostri sforzi includono:
- Revisione continua del sito web per identificare e risolvere problemi di accessibilità.
- Formazione del personale sulle pratiche di sviluppo web accessibile.
- Test con tecnologie assistive, come screen reader e software di riconoscimento vocale.
- Coinvolgimento di utenti con disabilità nel processo di test e feedback.
Riconosciamo che l'accessibilità è un processo continuo e ci impegniamo a mantenere e migliorare l'accessibilità del nostro sito web nel tempo.