Skip to content

ARIA-rollen uitgelegd

Spiekkaart van ARIA-rolwaarden: landmark-, document-, widget- en live-regio-rollen met doel en toepassingen.

ARIA-rollen verklaren wat een element doet. Landmark-rollen wijzen paginaregio's aan. Documentrollen structureren inhoud. Widgetrollen markeren interactieve besturingselementen. Live-regio-rollen kondigen dynamische updates aan.

Referentietabel · 77 items
77 of 77 rows
Landmark
Identificeert de site-header bovenaan de pagina.Merksymbool, primaire tagline, masthead bovenaan de pagina.
Groepeert een verzameling navigatielinks.Hoofdmenu's, broodkruimels, navigatie binnen de pagina.
Markeert de dominante inhoud van het document.De unieke hoofdtekst van de pagina.
Markeert ondersteunende inhoud, apart van main.Zijbalken, gerelateerde links, uitgelichte kanttekeningen.
Groepeert metadata in de voettekst over het bovenliggende document.Copyrightregels, privacylinks, juridische voettekst.
Markeert een regio die een zoekformulier bevat.Zoeken op de site, filterformulieren, zoekvakken.
Markeert een benoemd, waarneembaar deel van de pagina.Eigen secties met een toegankelijke naam.
Markeert een regio die een set formuliervelden bevat.Benoemde zoekformulieren, filterpanelen, enquêtesecties.
Markeert een regio die zich gedraagt als een softwareapplicatie.Editors over de hele pagina, kaarten, speloppervlakken.
Document
Markeert een op zichzelf staande compositie.Blogposts, nieuwsberichten, productkaarten.
Markeert een kop voor een inhoudssectie.Sectietitels wanneer native h1-h6 niet van toepassing zijn.
Groepeert een lijst met gerelateerde items.Eigen opsommings- of genummerde lijsten.
Markeert één item binnen een lijst.Eén rij van een eigen lijst.
Groepeert een set gerelateerde formulierbesturingselementen.Formulierveldsets, radiogroepen, gerelateerde invoervelden.
Markeert grafische inhoud gepaard met een bijschrift.Afbeeldingen, diagrammen, grafieken met een label.
Markeert data gerangschikt in rijen en kolommen.Tabeldata opgebouwd uit eigen elementen.
Markeert een zichtbaar label voor een tabel, grid of figuur.Titels boven datatabellen, figuurlabels.
Groepeert een set gerelateerde rijen in een tabel.Kop-, hoofd- en voetstroken van een tabel.
Markeert één regel cellen in een tabel of grid.Eén recordregel van een eigen tabel.
Markeert een kopcel voor een tabelkolom.Bovenste labels van een datatabel.
Markeert een kopcel voor een tabelrij.Het voorlopende label van elke tabelrij.
Markeert één datacel binnen een rij.Individuele waarden van een eigen tabelrij.
Markeert een woord of zin die gedefinieerd wordt.Woordenboeksleutels, termen uit definitielijsten.
Markeert de betekenis van de voorafgaande term.De beschrijving onder een gedefinieerde term.
Markeert een opmerking die naast de hoofdinhoud staat.Tips, asides, opmerkingen in voetnootstijl.
Markeert een lijst met verwijzingen naar groepsleden.Inhoudsopgaven en linkindexen (verouderd in ARIA 1.2).
Markeert een scrollbare lijst met artikelsecties.Oneindige-scrollstromen die meer inhoud laden.
Markeert inhoud geschreven in een wiskundige notatie.Formules weergegeven uit LaTeX of MathML.
Markeert een scalaire waarde binnen een bekend bereik.Balken voor schijfgebruik, scores, sterktemeters.
Markeert een specifiek moment of een duur.Tijdstempels, gebeurtenisdatums, verstreken tijden.
Markeert een blok lopende tekst.Tekstblokken die niet als native p-elementen zijn geschreven.
Markeert een citaat afkomstig uit een andere bron.Uitgelichte citaten en geciteerde fragmenten.
Markeert een fragment computercode.Inline fragmenten en commandonaam in lopende tekst.
Markeert tekst met klemtoon.Beklemtoonde woorden binnen een zin.
Markeert tekst met sterk belang.Waarschuwingen, kernzinnen, must-read-labels.
Markeert tekst die onder de basislijn wordt weergegeven.Chemische formules zoals H2O.
Markeert tekst die boven de basislijn wordt weergegeven.Voetnootmarkers en exponenten.
Markeert een kale container zonder speciale betekenis.Layout-wrappers en styling-hooks.
Verwijdert de semantiek van een element.Decoratieve afbeeldingen, lay-outtabellen, scheidingselementen.
Markeert een element als één afbeelding.Icoonsprites, SVG-groepen, met CSS getekende graphics.
Widget
Markeert een klikbaar besturingselement dat een actie activeert.Eigen knoppen, knoppen met icoon, actietriggers.
Markeert een link naar een andere bron of locatie.Eigen anchors en routelinks binnen de app.
Markeert een schakelaar voor één optie.Eigen checkboxes, schakelaars voor het accepteren van voorwaarden.
Markeert één keuze in een onderling uitsluitende groep.Eigen radioknoppen binnen een radiogroep.
Markeert een binaire aan/uit-schakelaar.Schakelaars voor thema, dempen en instellingen.
Groepeert de labels voor een set tabbladen.De tabstrook van een paneel met tabbladen.
Markeert één label binnen een tablist.Eén tabblad dat één paneel toont.
Markeert het inhoudspaneel voor één tabblad.De inhoud die wordt getoond wanneer het tabblad actief is.
Markeert een overlayvenster bovenop de pagina.Modals, drawers, popovers die focus grijpen.
Markeert een dialoog die een gebruikersreactie vereist.Bevestigen van verwijderen, prompts bij niet-opgeslagen wijzigingen.
Markeert een invoer met een popup met keuzes.Automatisch aanvullen, zoeken-en-kiezen, typeahead-lijsten.
Markeert een besturingselement dat een waarde in een bereik instelt.Volume, prijs, dekking, bereikinvoer.
Markeert een lijst keuzes die aan de gebruiker worden aangeboden.Dropdownmenu's, contextmenu's, werkbalkpaletten.
Markeert één optie binnen een menu.Eén rij of item van een dropdownmenu.
Markeert een veld voor invoer van vrije tekst.Eigen invoervelden, zoekvelden, commentaarvakken.
Markeert een hiërarchische lijst items.Bestandsverkenners, geneste menu's, organogrammen.
Markeert een lijst selecteerbare opties.Eigen kiezers voor één of vele keuzes.
Markeert één keuze binnen een listbox.Eén selecteerbaar item van een eigen listbox.
Groepeert een set onderling uitsluitende keuzes.Eigen radioknopsets, abonnementskiezers, schaalantwoorden.
Markeert een widget van rijen en kolommen cellen.Spreadsheetlayouts, kalendermaandweergaven.
Markeert een grid waarvan de rijen uit- en inklappen.Geneste datatabellen, tabellen met e-mailthreads.
Markeert één uitklapbare optie binnen een tree.Een bestands- of mapnode in een bestandsverkenner.
Markeert een popup die een besturingselement hint.Hover-hints, focustips voor knoppen met icoon.
Markeert een element dat taakvoortgang toont.Uploadbalken en laadindicatoren.
Markeert een besturingselement dat een inhoudsweergave scrolt.Eigen scrollgrepen voor panelen en carrousels.
Markeert een besturingselement dat een waarde in stappen wijzigt.Hoeveelheidskiezers, numerieke stappers.
Markeert een tekstveld voor het invoeren van zoektermen.Eigen zoekbalken en filtervelden.
Markeert een groep vaak gebruikte besturingselementen.Opmaakbalken, actierijen boven editors.
Markeert een rij blijvende menutriggers.Bestand- en Bewerken-menustroken in appstijl.
Markeert een menuoptie die aan of uit schakelt.Schakelaars voor weergaveopties binnen een dropdownmenu.
Markeert één exclusieve keuze binnen een menu.Sorteervolgorde- en themakeuzes in een menu.
Markeert een scheidingslijn tussen groepen inhoud.Menu-scheidingslijnen, sleepbare paneelsplitters.
Live-regio
Kondigt een tijdgevoelig, belangrijk bericht aan.Formulierfouten, dringende meldingen die aandacht vragen.
Kondigt een adviserende update aan zonder te onderbreken.Bevestiging van opslaan, voortgang, zachte resultaten.
Kondigt nieuwe items aan in een chronologische stroom.Chattranscripten, gebeurtenislogboeken, activiteitsfeeds.
Kondigt scrollende of bewegende tekstinhoud aan.Tickers, scrollende nieuwsbalken, roterende banners.
Kondigt een live timer of countdown aan.Sessietime-outs, countdowns, stopwatches.