Кадом хосиятии CSS-ро истифода мебурдед барои таъмин…

aria-hidden: Маъруфияти ёрдамчи технологияҳо (скринридерҳо)ро пинҳон мекунад, агар мавҷудияти он визуалӣ бошад, аммо семантикӣ зиёдатӣ ё зарарнок барои фаҳмиши мазмун бошад.

tabindex: Тартиби фокусгирии унсурҳои интерактивиро дар вақти навигатсия бо клавиатура назорат мекунад. -1 унсурро аз тартиби стандартӣ хориҷ мекунад, 0 онро дар тартиби стандартӣ дохил мекунад, ва арзишҳои мусбат тартиби равшанро муайян мекунанд (дар бештар ҳолатҳо тавсия намешавад).

outline: Чорчӯбаи атрофи унсурро вақте ки он дар фокус аст, муайян мекунад. Муҳим аст, ки онро нигоҳ доред ё стилӣ кунед, то ки корбарони клавиатура унсури фаъолро бубинанд.

visually-hidden: Вобаста аз визуалӣ пинҳон мекунад, аммо дастрасиро барои скринридерҳо нигоҳ медорад. Одатан барои пинҳон кардани тамғаи форма (label) истифода мешавад, вақте ки худи унсури идоракунӣ намоён аст (масалан, тугмаи тасвирӣ).

.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: Взаимодиро бо унсур тавассути муш ғайрифаъол мекунад, аммо дастрасиро барои клавиатура ва скринридерҳо тағир намедиҳад. Барои унсурҳои декоративӣ, ки болои минтақаҳои фаъол ҷойгир шудаанд, истифода мешавад.

cursor: pointer: Вақте ки курсор болои унсурҳои интерактивӣ мегузарад, намуди курсорро тағир медиҳад, ки нишон медиҳад, ки онҳо кликбардорӣ мешаванд.

color ва background-color: Муҳим барои таъмин кардани муқоисаҳои кофӣ байни матн ва фон, ки барои корбарони бо нуқсонҳои дидашон муҳим аст. Тавсия дода мешавад, ки аз воситаҳои санҷиши муқоиса мувофиқи стандартҳои WCAG истифода баред.

Кадом хосиятии CSS-ро истифода мебурдед барои таъмин намудани дастрасӣ?