Kokią CSS savybę naudotumėte prieinamumui užtikrinti?

aria-hidden: Paslepia elementą nuo pagalbinių technologijų (ekranų skaitytuvų), jei jo buvimas yra vizualus, bet semantiškai perteklinis arba žalingas turinio supratimui.

tabindex: Valdo interaktyvių elementų fokusavimo tvarką naudojant klaviatūrą. -1 išbraukia elementą iš standartinės tvarkos, 0 ją įtraukia, o teigiami reikšmės nustato aiškią tvarką (nepatarėtina daugeliu atvejų).

outline: Nustato rėmelį aplink elementą, kai jis yra fokusavęs. Svarbu jį išlaikyti arba stilizuoti, kad naudotojai su klaviatūra matytų aktyvų elementą.

visually-hidden: Vizualiai paslepia elementą, bet išlaiko jo prieinamumą ekrano skaitytuvams. Dažnai naudojama paslėpti formos žymas (label), kai pats valdiklis yra matomas (pavyzdžiui, piktogramos mygtukas).

.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: Išjungia sąveiką su elementu pelės pagalba, bet nesikeičia prieinamumas naudojant klaviatūrą ir ekrano skaitytuvus. Gali būti naudojama dekoratyviniams elementams virš aktyvių sričių.

cursor: pointer: Pakeičia žymeklį, kai jis yra virš interaktyvių elementų, nurodydamas jų paspaudžiamumą.

color ir background-color: Svarbūs užtikrinant pakankamą kontrastą tarp teksto ir fono, kas yra kritiška naudotojams su regėjimo sutrikimais. Rekomenduojama naudoti kontrasto tikrinimo įrankius pagal WCAG standartus.