Junior
47
questionbank

Какое свойство CSS вы бы использовали для обеспечения доступности?

Получайте ответы на вопросы в реальном времени с Sobes Copilot
Ответ от нейросети sobes.tech

aria-hidden: Скрывает элемент от вспомогательных технологий (скринридеров), если его наличие визуально, но семантически избыточно или вредно для понимания контента.

tabindex: Управляет порядком фокусировки интерактивных элементов при навигации с клавиатуры. -1 исключает элемент из стандартного порядка, 0 включает в стандартный порядок, положительные значения задают явный порядок (не рекомендуется для большинства случаев).

outline: Задает рамку вокруг элемента, когда он находится в фокусе. Важно сохранить или стилизовать ее, чтобы пользователи клавиатуры видели активный элемент.

visually-hidden: Визуально скрывает элемент, но сохраняет его доступность для скринридеров. Часто используется для скрытия метки формы (label), когда виден сам элемент управления (например, иконка кнопки).

css

pointer-events: none: Отключает взаимодействие с элементом с помощью мыши, но не влияет на доступность для клавиатуры и скринридеров. Может использоваться для декоративных элементов поверх активных областей.

cursor: pointer: Изменяет вид курсора при наведении на интерактивные элементы, указывая на их кликабельность.

color и background-color: Важны для обеспечения достаточного контраста между текстом и фоном, что критично для пользователей с нарушениями зрения. Рекомендуется использовать инструменты проверки контраста в соответствии со стандартами WCAG.