Innehåll
Den här artikeln publicerades först i nummer 231 av tidningen .net - världens bästsäljande tidning för webbdesigners och utvecklare.
När du skapar en användargränssnittswidget (UI) är det troligtvis en sammansättning av HTML-element. Generellt sett är det lätt för någon att ta reda på vad widgeten gör eller vilken roll den spelar på sidan baserat på hur den ser ut eller de kontroller den gör tillgänglig. Det helhetsperspektivet är dock inte uppenbart för hjälpteknologier (ATs), och det är (naturligtvis) där ARIA kommer in.
ARIA, eller Accessible Rich Internet Applications för att ge den sin fullständiga titel, kan användas för att ge din widget en roll. Eller för att titta på det på ett annat sätt kan du använda ARIA-roller för att berätta ATs om ditt paket med HTML-element som om de vore en enda enhet.
ARIA 1.0-specifikationen innehåller en taxonomi av roller. Den beskriver egenskaperna och egenskaperna hos 73 olika roller, grupperade i fyra kategorier på hög nivå.
Den första kategorin definierar 12 abstrakta roller. På samma sätt som abstrakta klasser aldrig initieras vid programmering, bör abstrakta roller aldrig användas i din kod. De beskriver olika typer av roller på en konceptuell nivå, och de används därför bara inom taxonomin.
Roller
En abstrakt roll skiljer sig från resten. Rollen (abstrakt roll) är basrollen som alla andra roller i taxonomin ärver från. Andra abstrakta roller inkluderar input (abstrakt roll), landmärke (abstrakt roll) och widget (abstrakt roll).
Låt oss ta widgeten (abstrakt roll) som ett exempel. Den beskriver en paraplyroll, under vilken alla andra widgetroller i taxonomin sitter. Så här beskrivs det i ARIA-specifikationen:
”En interaktiv komponent i ett grafiskt användargränssnitt (GUI). Widgets är diskreta användargränssnittsobjekt som användaren kan interagera med. ”
Detta leder snyggt till nästa kategori, som definierar 34 widgetroller. Widgets är interaktiva kontroller som antingen kan stå fristående eller kombineras för att skapa mer invecklade UI-komponenter. Nio av dessa roller definierar behållare som kan användas för att inkapsla andra widgets för att bilda mer komplexa kontroller.
Widgets
De återstående 25 rollerna definierar widgets som kan användas oberoende eller som en del av en komplex sammansatt kontroll. Ett element med rollen som fliklista kan till exempel innehålla flera element med rollen som flik. När de används tillsammans med en motsvarande uppsättning element med rollen som flikpanel, kombineras de för att bilda ett sammansatt flikgränssnitt. Element med roller som varning, kryssruta eller dialog kan också vara en del av en mer komplex UI-kontroll, eller de kan stå ensamma.
Den tredje kategorin definierar 18 dokumentstrukturroller. Dessa roller beskriver typiska innehållsformationer som rubrik, lista och verktygsfält. Till skillnad från widgetroller är dokumentstrukturroller inte interaktiva som regel.
Den sista kategorin definierar åtta landmärksroller. De kan tillämpas på olika delar av en webbsida, vilket ger landmärken som AT: er kan använda för att navigera efter. Roller inom denna kategori inkluderar banner, huvud och navigering.
Upptäck de 20 bästa trådlösa ramverktygen för designers på Creative Bloq.