Знайдіть проблеми доступності в HTML
Вставте HTML, щоб знайти відсутній alt-текст, поля без підписів та інші типові проблеми WCAG, з порадою щодо кожної.
- Працює на вашому пристрої
- Без реєстрації
- Працює офлайн після першого відвідування
Перевіряється лише розмітка. Таблиці стилів не відтворюються, тож колір із CSS і порядок фокусу не перевіряються. HTML залишається у цій вкладці.
Як перевірити сторінку на проблеми доступності
- Вставте HTML сторінки або завантажте приклад.
- Відфільтруйте список за помилками або попередженнями.
- Виправте кожну проблему в рядку, на який вона вказує.
Питання
Що вона перевіряє?
Відсутній alt-текст, поля без підписів, порожні кнопки й посилання, нечіткий текст посилань, пропущені заголовки, таблиці без клітинок заголовків, додатний tabindex, заблоковане масштабування на телефонах, iframe без «title», низький контраст у вбудованих стилях і відео без субтитрів.
Чому чистий результат ще не означає повного проходження?
Перевірка читає лише розмітку. Вона не бачить кольорів із таблиць стилів, порядку фокусу на екрані чи того, що оголошує скрінрідер. Перевірте також клавіатурою та скрінрідером.
Що означають рівні WCAG?
WCAG 2.2 має три рівні. A — мінімальний, AA — рівень, на який посилаються більшість стандартів і законів про доступність, а AAA — найсуворіший. Кожна проблема показує критерій, який порушено.
Чи надсилається мій HTML кудись?
Ні. Ваш браузер читає HTML у цій вкладці, і нічого не надсилається на сервер.
Відгуки
Відгуків поки немає. Будьте першим.