Koju CSS osobinu biste koristili za obezbeđivanje pristupačnosti?

aria-hidden: Skriva element od pomoćnih tehnologija (čitača ekrana) ako je njegovo prisustvo vizuelno, ali semantički suvišno ili štetno za razumevanje sadržaja.

tabindex: Kontroliše redosled fokusa interaktivnih elemenata prilikom navigacije pomoću tastature. -1 isključuje element iz standardnog reda, 0 ga uključuje, a pozitivne vrednosti određuju eksplicitni red (nije preporučljivo u većini slučajeva).

outline: Postavlja okvir oko elementa kada je u fokusu. Važno je sačuvati ili stilizovati ga tako da korisnici tastature mogu videti aktivni element.

visually-hidden: Vizuelno skriva element, ali održava njegovu dostupnost za čitače ekrana. Često se koristi za skrivanje oznaka obrazaca (label) kada je sam kontrolni element vidljiv (npr. ikona dugmeta).

.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: Onemogućava interakciju sa elementom pomoću miša, ali ne utiče na pristupačnost putem tastature i čitača ekrana. Može se koristiti za dekorativne elemente preko aktivnih područja.

cursor: pointer: Menja izgled kursora pri prelasku preko interaktivnih elemenata, ukazujući na njihovu klikabilnost.

color i background-color: Važni su za obezbeđivanje dovoljnog kontrasta između teksta i pozadine, što je ključno za korisnike sa oštećenim vidom. Preporučuje se korišćenje alata za proveru kontrasta u skladu sa WCAG standardima.