Inhoud
Dit artikel verscheen voor het eerst in nummer 231 van het .net-magazine - 's werelds best verkochte tijdschrift voor webdesigners en -ontwikkelaars.
Wanneer u een gebruikersinterfacewidget (UI) maakt, is deze waarschijnlijk samengesteld uit HTML-elementen. Over het algemeen is het voor iemand gemakkelijk om erachter te komen wat de widget doet, of welke rol deze speelt binnen de pagina, op basis van de manier waarop deze eruitziet of de bedieningselementen die deze beschikbaar stelt. Dat holistische perspectief is echter niet voor de hand liggend voor ondersteunende technologieën (AT's), en dat is (natuurlijk) waar ARIA van pas komt.
ARIA, of Accessible Rich Internet Applications om het zijn volledige titel te geven, kan worden gebruikt om uw widget een rol te geven. Of om het op een andere manier te bekijken: u kunt ARIA-rollen gebruiken om AT's iets over uw bundel HTML-elementen te vertellen alsof ze een enkele entiteit zijn.
De ARIA 1.0-specificatie bevat een taxonomie van rollen. Het beschrijft de kenmerken en eigenschappen van 73 verschillende rollen, gegroepeerd in vier categorieën op hoog niveau.
De eerste categorie definieert 12 abstracte rollen. Op dezelfde manier waarop abstracte klassen nooit worden geïnstantieerd tijdens het programmeren, mogen abstracte rollen nooit binnen uw code worden gebruikt. Ze beschrijven verschillende soorten rollen op conceptueel niveau en worden daarom alleen binnen de taxonomie zelf gebruikt.
Rollen
Een abstracte rol onderscheidt zich van de rest. De rol (abstracte rol) is de basisrol waarvan alle andere rollen in de taxonomie erven. Andere abstracte rollen zijn de input (abstracte rol), landmark (abstracte rol) en widget (abstracte rol).
Laten we de widget (abstracte rol) als voorbeeld nemen. Het beschrijft een overkoepelende rol, waaronder alle andere widgetrollen in de taxonomie zitten. Hier is hoe het wordt beschreven in de ARIA-specificatie:
“Een interactieve component van een grafische gebruikersinterface (GUI). Widgets zijn discrete gebruikersinterface-objecten waarmee de gebruiker kan communiceren. "
Dit leidt keurig naar de volgende categorie, die 34 widgetrollen definieert. Widgets zijn interactieve bedieningselementen die op zichzelf kunnen staan of kunnen worden gecombineerd om meer ingewikkelde UI-componenten te creëren. Negen van deze rollen definiëren containers die kunnen worden gebruikt om andere widgets in te kapselen om zo complexere besturingselementen te vormen.
Widgets
De overige 25 rollen definiëren widgets die onafhankelijk of als onderdeel van een complexe samengestelde besturing kunnen worden gebruikt. Een element met de rol van tablijst kan bijvoorbeeld meerdere elementen met de rol van tab bevatten. Wanneer ze worden gebruikt in combinatie met een overeenkomstige set elementen met de rol van tabpanel, worden ze gecombineerd om een samengestelde interface met tabbladen te vormen. Elementen met rollen zoals waarschuwing, selectievakje of dialoog kunnen ook deel uitmaken van een complexere gebruikersinterface, of ze kunnen op zichzelf staan.
De derde categorie definieert 18 documentstructuurrollen. Deze rollen beschrijven typische inhoudsformaties zoals kop, lijst en werkbalk. In tegenstelling tot widgetrollen zijn documentstructuurrollen in de regel niet interactief.
De laatste categorie definieert acht historische rollen. Ze kunnen worden toegepast op verschillende secties van een webpagina en bieden oriëntatiepunten die AT's kunnen gebruiken om langs te navigeren. Rollen binnen deze categorie zijn onder meer banner, hoofd en navigatie.
Ontdek de 20 beste wireframing-tools voor ontwerpers bij Creative Bloq.
