Welke CSS-eigenschap zou je gebruiken om…

aria-hidden: Verbergt een element voor hulptechnologieën (schermlezers) als het visueel aanwezig is, maar semantisch overbodig of schadelijk voor het begrip van de inhoud.

tabindex: Beheert de focusvolgorde van interactieve elementen bij navigatie met het toetsenbord. -1 sluit het element uit van de standaardvolgorde, 0 voegt het toe, en positieve waarden bepalen een expliciete volgorde (niet aanbevolen in de meeste gevallen).

outline: Stelt een rand in rond het element wanneer het in focus is. Het is belangrijk om deze te behouden of te stylen zodat toetsenbordgebruikers het actieve element kunnen zien.

visually-hidden: Verbergt het element visueel, maar behoudt de toegankelijkheid voor schermlezers. Vaak gebruikt om formulierlabels (label) te verbergen wanneer het besturingselement zichtbaar is (bijvoorbeeld een pictogramknop).

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

pointer-events: none: Zet interactie met het element uit via de muis, maar niet via het toetsenbord of schermlezers. Kan worden gebruikt voor decoratieve elementen boven actieve gebieden.

cursor: pointer: Verandert de cursor bij hover over interactieve elementen, wat aangeeft dat ze klikbaar zijn.

color en background-color: Zijn belangrijk om voldoende contrast tussen tekst en achtergrond te garanderen, wat cruciaal is voor gebruikers met visuele beperkingen. Het wordt aanbevolen om contrastcontrolehulpmiddelen te gebruiken volgens de WCAG-standaarden.

Welke CSS-eigenschap zou je gebruiken om toegankelijkheid te garanderen?