Vai al contenuto
EUID Servizio di verifica & sigillo, Pagina iniziale
Far verificare il sito

Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung

Accessibilità

Come i siti web fanno lo scopo di simboli e aree leggibili in macchina?

Alcune persone capiscono i simboli meglio delle parole, altri ne hanno bisogno inverso. Criterio AAA di livello 1.3.6 richiede che lo scopo dei controlli, delle icone e degli intervalli di pagina sia nel codice sorgente in modo che un programma di utilità possa sostituire, semplificare o raggrupparli con icone conosciute. Questo si basa sui ruoli di riferimento e le informazioni di scopo, che è già utilizzato dal livello AA per i campi di input (1.3.5).

Cosa richiede il criterio

Le aree laterali svolgono il loro ruolo: navigazione, contenuto principale, ricerca, area del piede, supplemento. Controlli di scopo fissi (pagina di casa, ricerca, carrello, aiuto) portano uno scopo che un programma può riconoscere. I simboli hanno nomi che indicano il loro scopo. Ad esempio, una utility personale può visualizzare ogni ricerca con la stessa icona familiare all'utente o ridurre una pagina al contenuto principale.

Perché questo va oltre il livello AA

Il livello AA richiede informazioni specifiche solo per i campi di input contenenti dati personali (1.3.5). Per tutti gli altri elementi, oggi non esiste un elenco completo di scopi standardizzati; il WCAG menziona esplicitamente il criterio come obiettivo per il futuro. Si può raggiungere dove un sito web pulisce punti di riferimento, dà nomi a simboli e uniformemente nomi funzioni ricorrenti.

Questo è il modo in cui ci occupiamo

La misurazione controlla i punti di riferimento e i nomi dei controlli nel contesto dei livelli A e AA e trova quindi la base di questo criterio. Se le finalità sono complete è valutato da una persona. Il criterio appartiene alla categoria AAA nella conoscenza.

Esempi

Aree e simboli senza scopo

Non ci siamo conosciuti
<div class="oben">…</div>
<div class="links">…</div>
<button><svg>…</svg></button>
Completo
<header>…</header>
<nav aria-label="Hauptmenü">…</nav>
<main>…</main>
<button aria-label="Suche öffnen"><svg aria-hidden="true">…</svg></button>

Segnali e simboli di nome consentono un'utilità per semplificare la pagina o visualizzarla con simboli familiari.

  • Per ogni pagina, impostare l'area dell'intestazione dei punti di riferimento, la navigazione, il contenuto principale, la ricerca e l'area del piè di pagina con gli elementi o i ruoli forniti.
  • Dare ad ogni icona un nome che indica lo scopo (“Cerca aperta”, non “vetro di immaginazione”).
  • Nome funzioni ricorrenti su tutti i lati lo stesso: stessa etichetta, stessa posizione.
  • Per i campi di input con dati personali, utilizzare le finalità del criterio 1.3.5; sono la base.

Deutsche Fassung dieser Seite

  • Sigillo Digitale Barrierefreiheit
  • Sigillo Daten & Recht
  • Sigillo Technische Qualität
  • Sigillo Digital Excellence
  • Sigillo Cyberversicherung

Verificato. Per un futuro digitale migliore.euid.com