Regels voor het gebruik van ARIA in HTML

Wat is ARIA en wat zijn de belangrijkste principes van ARIA

Internettoegang is een voorwaarde voor een succesvol platform. Helaas hebben veel websites toegankelijkheidsbarrières die het moeilijk of onmogelijk maken voor gebruikers met een fysieke handicap om alle elementen van de website te zien en ermee te werken. Als u wilt dat uw site door alle gebruikers wordt gezien en u meer verkeer en meer conversies krijgt, moet u uw tijd en moeite investeren in het verbeteren van de toegankelijkheid van uw webpagina’s.

Wat is internettoegankelijkheid?

Als de site toegankelijk is, is deze zo ontworpen dat mensen met een handicap ermee kunnen communiceren en alle inhoud kunnen bekijken. Er zijn specifieke standaarden, het Web Accessibility Initiative (WAI) genaamd, ontwikkeld door het W3C om website-eigenaren te helpen hun websites toegankelijker te maken.

Wat is ARIA?

ARIA staat voor Accessable Rich Internet Applications. ARIA is een set speciale attributen gepubliceerd door W3C die kunnen worden toegevoegd aan HTML-elementen om webpagina’s en applicaties toegankelijker te maken voor mensen met een handicap. Deze attributen bieden geen functionaliteit. Ze bieden aanvullende beschrijvingen voor ondersteunende technologieën (AT’s) zoals schermlezers.

Hoofdfuncties van ARIA

ARIA-attributen bevatten de volgende componenten: Rollen, Statussen en Eigenschappen.

Rollen

Rollen definiëren het type gebruikersinterface-element. Rollen worden toegevoegd via het kenmerk role=”<ROLE TYPE>”. Na installatie verandert de rol niet.

ARIA-rollen:

  • oriëntatiepunt
  • widget
  • document
  • samenvatting
Regels voor het gebruik van ARIA in HTML

Historische ARIA-rollen

De herkenningsrollen maken navigatie eenvoudiger door de pagina op te splitsen in verschillende secties, zoals zoeken, banner, navigatie, toepassing, enzovoort. Op deze manier kan de schermlezer het begin en einde aankondigen van elke belangrijke rol die mensen met een handicap helpt bij het identificeren van verschillende delen van een webpagina.

Widget ARIA-rollen

Widgetrollen worden gebruikt om betekenis te geven aan elementen van de gebruikersinterface, zoals een link, een knop, een selectievakje, enzovoort. Widgetattributen stellen mensen die AT gebruiken in staat om met de webpagina te communiceren. Ze kunnen bijvoorbeeld tabbladen openen en sluiten, formulieren invullen, enzovoort.

Documenteer ARIA-rollen

De documentrollen bevatten beschrijvingen van de structuren die de inhoud op de pagina ordenen, zoals img, lijst, rij, werkbalk, enzovoort.

Abstracte ARIA-rollen

Abstracte rollen worden niet gebruikt in de code. Dit zijn de attributen die de browser gebruikt om rollen hun betekenis en concept te geven, en om nieuwe rollen toe te voegen.

Staten en eigendommen

Statussen (aria-grab, aria-disabled, aria-checked, etc.) en eigenschappen (aria-label, aria-haspopup, aria-control, etc.) ondersteunen ARIA-rollen. Statussen kunnen op zichzelf of op basis van gebruikersinteractie veranderen, terwijl eigenschappen meestal niet veranderen na instelling.

Categorieën van toestanden en eigendommen:

  • Widgetkenmerken
  • Live regiokenmerken
  • Drag-and-drop attributen
  • Relatiekenmerken

U kunt meer informatie vinden over elk ARIA-attribuut op de ARIA W3C-pagina. https://www.w3.org/TR/wai-aria/

Verbeter de toegankelijkheid van uw website!

U begrijpt nu wat ARIA is en hoe het aanvullende informatie levert aan ondersteunende technologieën. Door ARIA-strategieën te implementeren, kunt u ervoor zorgen dat mensen met een handicap met uw site kunnen communiceren.