Innhold
Denne artikkelen dukket først opp i nummer 231 av .net magazine - verdens mest solgte magasin for webdesignere og utviklere.
Når du oppretter en brukergrensesnitt-widget (UI), er det sannsynligvis en sammensetning av HTML-elementer. Generelt er det enkelt for noen å finne ut hva widgeten gjør, eller hvilken rolle den spiller på siden, basert på hvordan den ser ut eller kontrollene den gjør tilgjengelig. Det helhetlige perspektivet er imidlertid ikke åpenbart for hjelpeteknologier (ATs), og det er (selvfølgelig) der ARIA kommer inn.
ARIA, eller Accessible Rich Internet Applications for å gi den full tittel, kan brukes til å gi widgeten din en rolle. Eller for å se på det på en annen måte, kan du bruke ARIA-roller til å fortelle ATs noe om pakken din med HTML-elementer som om de var en enhet.
ARIA 1.0-spesifikasjonen inkluderer en taksonomi av roller. Den beskriver egenskapene og egenskapene til 73 forskjellige roller, gruppert i fire kategorier på høyt nivå.
Den første kategorien definerer 12 abstrakte roller. På samme måte som abstrakte klasser aldri blir instansert under programmering, bør abstrakte roller aldri brukes i koden din. De beskriver forskjellige typer roller på et konseptuelt nivå, og de brukes derfor bare innenfor taksonomien.
Roller
En abstrakt rolle skiller seg ut fra resten. Rollen (abstrakt rolle) er grunnrollen som alle andre roller i taksonomien arver fra. Andre abstrakte roller inkluderer input (abstrakt rolle), landemerke (abstrakt rolle) og widget (abstrakt rolle).
La oss ta widgeten (abstrakt rolle) som et eksempel. Den beskriver en paraplyrolle der alle andre widgetroller i taksonomien ligger. Slik beskrives det i ARIA-spesifikasjonen:
“En interaktiv komponent i et grafisk brukergrensesnitt (GUI). Widgets er diskrete brukergrensesnittobjekter som brukeren kan samhandle med. ”
Dette fører pent til neste kategori, som definerer 34 widgetroller. Widgets er interaktive kontroller som enten kan stå alene eller kombineres for å skape mer intrikate UI-komponenter. Ni av disse rollene definerer containere som kan brukes til å kapsle inn andre widgets for å danne mer komplekse kontroller.
Widgets
De resterende 25 rollene definerer widgets som kan brukes uavhengig eller som en del av en kompleks sammensatt kontroll. Et element med rollen som tablist kan for eksempel inneholde flere elementer med rollen som tab. Når de brukes sammen med et tilsvarende sett med elementer med rollen som tabpanel, kombineres de for å danne et sammensatt grensesnitt for faner. Elementer med roller som alarm, avkrysningsrute eller dialog kan også være en del av en mer kompleks UI-kontroll, eller de kan stå alene.
Den tredje kategorien definerer 18 dokumentstrukturroller. Disse rollene beskriver typiske innholdsformasjoner som overskrift, liste og verktøylinje. I motsetning til widgetroller er dokumentstrukturroller ikke interaktive som regel.
Den siste kategorien definerer åtte landemerkeroller. De kan brukes på forskjellige deler av en webside, og gir landemerker som AT-er kan bruke til å navigere etter. Roller innenfor denne kategorien inkluderer banner, hoved og navigering.
Oppdag de 20 beste wireframing-verktøyene for designere på Creative Bloq.