Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 64 из 70 · 10 мин
role, aria-label, aria-labelledby, aria-describedby, aria-expanded, aria-live и главное правило ARIA.
Нашёл ARIA-атрибуты, их сотни! Надо всё добавить?
Первое правило ARIA: если есть подходящий нативный HTML-элемент — используй его, а не ARIA.
Плохая ARIA хуже, чем никакой. Она врёт моему скринридеру.
aria-labelaria-label="Закрыть".<button aria-label="Закрыть">×</button>aria-labelledby · aria-describedbyid.<input id="tel" aria-describedby="tel-hint">
<p id="tel-hint">Например, +7 900 000-00-00</p>aria-expanded · aria-current · aria-invalidaria-livearia-live="polite" читалка объявит сама.<p aria-live="polite">Вы записаны!</p>aria-hidden · rolearia-hidden="true" — скрыть декор, role — роль, если нет нужного тега.В форме брони у кнопки только иконка ✕ — дай ей имя aria-label="Закрыть". Свяжи поле с текстом ошибки через aria-describedby и отметь его aria-invalid="true".
Выберите один ответ.
Что гласит первое правило ARIA?
Выберите один ответ.
У кнопки только иконка «×» без текста. Как дать ей имя для читалки?
Выберите один ответ.
Скрипт показывает текст «Товар добавлен в корзину». Как сделать, чтобы читалка его объявила?
Проверяем состояние обучения…