Få adgang til alle ARIA'er

Indhold

• Roller
• Widgets

Denne artikel optrådte først i nummer 231 af .net magazine - verdens bedst sælgende magasin til webdesignere og udviklere.

Når du opretter en brugergrænseflade (UI) -widget, er det sandsynligvis en sammensætning af HTML-elementer. Generelt er det let for nogen at finde ud af, hvad widgeten gør, eller hvilken rolle den spiller på siden, baseret på den måde, den ser ud, eller de kontroller, den gør tilgængelig. Det holistiske perspektiv er dog ikke indlysende for hjælpemidler (AT'er), og det er (selvfølgelig), hvor ARIA kommer ind.

ARIA, eller Accessible Rich Internet Applications for at give den sin fulde titel, kan bruges til at give din widget en rolle. Eller for at se på det på en anden måde kan du bruge ARIA-roller til at fortælle AT'er noget om din pakke HTML-elementer, som om de var en enkelt enhed.

ARIA 1.0-specifikationen inkluderer en taksonomi af roller. Den beskriver karakteristika og egenskaber ved 73 forskellige roller, grupperet i fire kategorier på højt niveau.

Den første kategori definerer 12 abstrakte roller. På samme måde som abstrakte klasser aldrig instantieres under programmering, bør abstrakte roller aldrig bruges i din kode. De beskriver forskellige typer roller på et begrebsmæssigt niveau, og derfor bruges de kun inden for selve taksonomien.

Roller

Én abstrakt rolle adskiller sig fra resten. Rollen (abstrakt rolle) er basisrollen, som alle andre roller i taksonomien arver fra. Andre abstrakte roller inkluderer input (abstrakt rolle), milepæl (abstrakt rolle) og widget (abstrakt rolle).

Lad os tage widgeten (abstrakt rolle) som et eksempel. Den beskriver en paraplyrolle, hvorunder alle andre widgetroller i taksonomien sidder. Sådan beskrives det i ARIA-specifikationen:

“En interaktiv komponent i en grafisk brugergrænseflade (GUI). Widgets er diskrete brugergrænsefladeobjekter, som brugeren kan interagere med. ”

Dette fører pænt til den næste kategori, der definerer 34 widgetroller. Widgets er interaktive kontroller, der enten kan stå alene eller kombineres for at skabe mere indviklede brugergrænsefladekomponenter. Ni af disse roller definerer containere, der kan bruges til at indkapsle andre widgets for at danne mere komplekse kontroller.

Widgets

De resterende 25 roller definerer widgets, der kan bruges uafhængigt eller som en del af en kompleks sammensat kontrol. Et element med rollen som en tabliste kan f.eks. Indeholde flere elementer med rollen som en fane. Når de bruges sammen med et tilsvarende sæt af elementer med rollen som tabpanel, kombineres de for at danne en sammensat fanebladgrænseflade. Elementer med roller som alarm, afkrydsningsfelt eller dialog kan også være en del af en mere kompleks UI-kontrol, eller de kan stå alene.

Den tredje kategori definerer 18 dokumentstrukturroller. Disse roller beskriver typiske indholdsformationer som overskrift, liste og værktøjslinje. I modsætning til widgetroller er dokumentstrukturroller som regel ikke interaktive.

Den sidste kategori definerer otte vartegnroller. De kan anvendes på forskellige sektioner på en webside og giver vartegn, som AT'er kan bruge til at navigere efter. Roller inden for denne kategori inkluderer banner, hoved og navigation.

Oplev de 20 bedste wireframing-værktøjer til designere på Creative Bloq.