Contenuto
Questo articolo è apparso per la prima volta nel numero 231 di .net magazine, la rivista più venduta al mondo per web designer e sviluppatori.
Quando crei un widget dell'interfaccia utente (UI), è probabile che sia un composto di elementi HTML. In generale, è facile per qualcuno capire cosa fa il widget o quale ruolo gioca all'interno della pagina, in base al suo aspetto o ai controlli che mette a disposizione. Quella prospettiva olistica non è ovvia per le tecnologie assistive (AT), e questo (ovviamente) è dove entra in gioco ARIA.
ARIA, o Accessible Rich Internet Applications per dargli il suo titolo completo, può essere utilizzato per dare un ruolo al tuo widget. O per guardarla in un altro modo, puoi usare i ruoli ARIA per dire agli AT qualcosa sul tuo pacchetto di elementi HTML come se fossero una singola entità.
La specifica ARIA 1.0 include una tassonomia dei ruoli. Descrive le caratteristiche e le proprietà di 73 ruoli diversi, raggruppati in quattro categorie di alto livello.
La prima categoria definisce 12 ruoli astratti. Allo stesso modo in cui le classi astratte non vengono mai istanziate durante la programmazione, i ruoli astratti non dovrebbero mai essere utilizzati all'interno del codice. Descrivono diversi tipi di ruolo a livello concettuale e quindi vengono utilizzati solo all'interno della tassonomia stessa.
Ruoli
Un ruolo astratto si distingue dal resto. Il ruolo (ruolo astratto) è il ruolo di base da cui ereditano tutti gli altri ruoli nella tassonomia. Altri ruoli astratti includono l'input (ruolo astratto), punto di riferimento (ruolo astratto) e widget (ruolo astratto).
Prendiamo il widget (ruolo astratto) come esempio. Descrive un ruolo ombrello, sotto il quale si trovano tutti gli altri ruoli widget nella tassonomia. Ecco come viene descritto nella specifica ARIA:
“Un componente interattivo di un'interfaccia utente grafica (GUI). I widget sono oggetti dell'interfaccia utente discreti con cui l'utente può interagire ".
Questo porta ordinatamente alla categoria successiva, che definisce 34 ruoli del widget. I widget sono controlli interattivi che possono essere autonomi o combinati per creare componenti dell'interfaccia utente più complessi. Nove di questi ruoli definiscono contenitori che possono essere utilizzati per incapsulare altri widget per formare controlli più complessi.
Widget
I restanti 25 ruoli definiscono widget che possono essere utilizzati indipendentemente o come parte di un controllo composito complesso. Un elemento con il ruolo di tablist può contenere più elementi con il ruolo di tab, ad esempio. Quando vengono utilizzati insieme a un insieme di elementi corrispondente con il ruolo di tabpanel, si combinano per formare un'interfaccia a schede composita. Gli elementi con ruoli come avviso, casella di controllo o dialogo possono anche far parte di un controllo dell'interfaccia utente più complesso oppure possono essere autonomi.
La terza categoria definisce 18 ruoli della struttura del documento. Questi ruoli descrivono le formazioni di contenuto tipiche come intestazione, elenco e barra degli strumenti. A differenza dei ruoli dei widget, i ruoli della struttura del documento non sono di regola interattivi.
L'ultima categoria definisce otto ruoli fondamentali. Possono essere applicati a diverse sezioni di una pagina Web, fornendo punti di riferimento che gli AT possono utilizzare per navigare. I ruoli all'interno di questa categoria includono banner, principale e navigazione.
Scopri i 20 migliori strumenti di wireframing per i designer su Creative Bloq.
