Правила доступности, которые мы проверяем

Уровень, на который опираются EN 301 549, EAA, BFSG и ADA. Каждая такая проблема учитывается в отчёте.

• Серьёзно WCAG 2.4.4 A

  У кликабельных областей изображения нет описания

  На странице есть карта изображения (одна картинка, разделённая на несколько кликабельных областей), и у некоторых областей нет текста, который говорит, куда они ведут.

  area-alt

• Умеренно WCAG 4.1.2 A

  Атрибуты доступности стоят не на тех элементах

  У некоторых элементов есть атрибуты доступности, которые не допускаются для элементов такого типа.

  aria-allowed-attr

• Умеренно WCAG 4.1.2 A

  У некоторых элементов есть подпись для шрифта Брайля, но нет обычного названия

  У некоторых элементов есть подпись только для брайлевских дисплеев (aria-braillelabel или aria-brailleroledescription), но нет обычной подписи или описания, которое она должна дополнять.

  aria-braille-equivalent

• Критично WCAG 4.1.2 A

  У нестандартных кнопок нет названия

  Некоторые элементы, которые работают как кнопки, ссылки или пункты меню, сделаны вручную и не имеют читаемого названия.

  aria-command-name

• Умеренно WCAG 4.1.2 A

  Атрибуты доступности использованы в неподходящей ситуации

  Некоторые элементы используют атрибуты доступности, которые для их типа разрешены только при определённых условиях, например aria-checked на настоящем чекбоксе или атрибуты древовидной таблицы на обычной строке таблицы.

  aria-conditional-attr

• Незначительно WCAG 4.1.2 A

  Некоторые элементы используют устаревшие роли доступности

  Некоторые элементы используют роли, которые стандарт доступности WAI-ARIA признал устаревшими, например role="directory".

  aria-deprecated-role

• Критично WCAG 1.3.1 A

  Вся страница скрыта от скринридеров

  У элемента <body> страницы стоит aria-hidden="true", то есть скринридерам сказано игнорировать всё её содержимое.

  aria-hidden-body

• Серьёзно WCAG 4.1.2 A

  На скрытые элементы всё ещё можно попасть с клавиатуры

  Некоторые части страницы скрыты от скринридеров, но всё ещё получают фокус с клавиатуры.

  aria-hidden-focus

• Критично WCAG 4.1.2 A

  У нестандартных полей ввода нет подписи

  У некоторых полей ввода, сделанных вручную, например поиска или выбора страны, нет названия, которое могут прочитать вспомогательные технологии.

  aria-input-field-name

• Умеренно WCAG 1.1.1 A

  У некоторых индикаторов уровня нет названия

  Некоторые элементы, отмеченные как индикатор уровня (meter: шкала со значением в диапазоне, например надёжность пароля, остаток на складе или рейтинг), не имеют текста, который говорит, что они измеряют.

  aria-meter-name

• Умеренно WCAG 1.1.1 A

  У некоторых индикаторов прогресса нет названия

  Некоторые элементы, отмеченные как индикатор прогресса, не имеют текста, который говорит, что они показывают, например «добавьте ещё 20 € для бесплатной доставки», шаги оформления заказа или индикатор загрузки.

  aria-progressbar-name

• Умеренно WCAG 4.1.2 A

  Некоторые подписи стоят там, где скринридеры их игнорируют

  Некоторые элементы используют атрибуты доступности, запрещённые для их типа, чаще всего aria-label на обычном <div> или <span> без роли.

  aria-prohibited-attr

• Серьёзно WCAG 4.1.2 A

  Нестандартным элементам управления не хватает нужных данных

  Некоторые нестандартные элементы управления объявляют роль, но не передают данные, которые эта роль требует, например открыт ли выпадающий список.

  aria-required-attr

• Серьёзно WCAG 1.3.1 A

  Нестандартные меню или списки собраны неправильно

  Некоторые нестандартные компоненты, например меню, наборы вкладок или списки вариантов, не содержат нужных элементов внутри.

  aria-required-children

• Умеренно WCAG 1.3.1 A

  Пункты меню или вкладки находятся вне своей группы

  Некоторые нестандартные элементы, например пункты меню, вкладки или варианты, находятся не внутри той группы, к которой относятся.

  aria-required-parent

• Серьёзно WCAG 4.1.2 A

  Некоторые элементы используют несуществующую роль

  У некоторых элементов атрибут role содержит значение с опечаткой, выдуманное или абстрактное, поэтому вспомогательные технологии не понимают, что это за элемент.

  aria-roles

• Серьёзно WCAG 4.1.2 A

  У некоторых переключателей и флажков нет названия

  Некоторые самодельные переключатели (флажки, переключатели, радиокнопки или пункты меню, сделанные с ролями ARIA) не имеют читаемой подписи.

  aria-toggle-field-name

• Умеренно WCAG 4.1.2 A

  Некоторые подсказки пустые

  Некоторые элементы, отмеченные как всплывающие подсказки (role="tooltip"), не содержат читаемого текста.

  aria-tooltip-name

• Серьёзно WCAG 4.1.2 A

  В названиях атрибутов доступности опечатки

  Некоторые атрибуты начинаются с «aria-», но не являются настоящими атрибутами ARIA — обычно из-за опечатки.

  aria-valid-attr

• Серьёзно WCAG 4.1.2 A

  У атрибутов доступности неверные значения

  У некоторых атрибутов доступности в коде недопустимые значения или ссылки на элементы, которых нет на странице.

  aria-valid-attr-value

• Умеренно WCAG 1.3.5 AA

  Поля оформления заказа не заполняются автоматически

  У некоторых полей формы значения autocomplete недопустимы или не соответствуют полю, поэтому браузер не может их заполнить.

  autocomplete-valid

• Умеренно WCAG 1.4.12 AA

  Интервалы в тексте нельзя изменить

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

  avoid-inline-spacing

• Незначительно WCAG 2.2.2 A

  На странице устаревшая разметка мигающего текста

  На странице есть старый элемент <blink>, придуманный для того, чтобы текст мигал.

  blink

• Критично WCAG 4.1.2 A

  У некоторых кнопок нет названия

  У некоторых кнопок нет читаемой подписи, например у кнопок-иконок «в корзину», поиска или меню.

  button-name

• Серьёзно WCAG 2.4.1 A

  Нет быстрого перехода к основному содержимому

  На странице нет ссылки для пропуска, заголовка или области main, которые позволили бы пользователям клавиатуры и скринридеров сразу перейти за шапку и меню.

  bypass

• Серьёзно WCAG 1.4.3 AA

  Текст трудно читать из-за низкого контраста

  Часть текста слишком светлая на своём фоне, например серый текст на белом или белый текст на бледной кнопке.

  color-contrast

• Серьёзно WCAG 1.3.4 AA

  Сайт работает только в одной ориентации экрана

  Стили сайта принудительно оставляют страницу только в портретной или только в альбомной ориентации, поэтому, когда телефон или планшет держат иначе, содержимое поворачивается, обрезается или исчезает.

  css-orientation-lock

• Незначительно WCAG 1.3.1 A

  Список «название — значение» собран неправильно

  Список описаний (<dl>), который часто используют для характеристик товара или выбранных опций, содержит элементы не на своём месте или в неправильном порядке.

  definition-list

• Незначительно WCAG 1.3.1 A

  Название или значение стоит вне своего списка

  Элемент <dt> или <dd> (название или значение, часто в характеристиках товара) не находится внутри списка описаний <dl>.

  dlitem

• Умеренно WCAG 2.4.2 A

  У страницы нет заголовка

  В коде страницы нет заголовка, поэтому вкладка браузера, закладки и скринридеры не показывают ничего полезного.

  document-title

• Серьёзно WCAG 4.1.2 A

  Некоторые подписи указывают не на тот элемент

  Несколько элементов имеют одинаковый id, и этот id используется, чтобы связать подпись, описание или сообщение об ошибке с полем или элементом управления.

  duplicate-id-aria

• Умеренно WCAG 3.3.2 A

  У некоторых полей форм несколько подписей

  Поле формы, например email, количество или адрес, связано с двумя или более элементами <label>.

  form-field-multiple-labels

• Серьёзно WCAG 2.1.1 A

  Пользователи клавиатуры не могут добраться до встроенного содержимого

  Встроенный фрейм (iframe) содержит ссылки, кнопки или поля формы, но у самого фрейма стоит tabindex="-1", из-за чего он исключён из порядка перехода с клавиатуры.

  frame-focusable-content

• Умеренно WCAG 4.1.2 A

  У встроенного содержимого нет названия

  У встроенного фрейма, например видео, карты, чата или платёжного виджета, нет заголовка, который его описывает.

  frame-title

• Умеренно WCAG 4.1.2 A

  У нескольких встроенных фреймов одинаковое название

  Два или более встроенных фрейма (iframe) на странице имеют одинаковый title, хотя показывают разное, например несколько видео товаров с названием «YouTube video player».

  frame-title-unique

• Серьёзно WCAG 3.1.1 A

  На странице не указан её язык

  Страница не сообщает, на каком она языке, поэтому вспомогательным технологиям приходится угадывать, как произносить текст.

  html-has-lang

• Серьёзно WCAG 3.1.1 A

  Язык страницы указан неверно

  Страница указывает код языка, которого не существует, например с опечаткой или выдуманный.

  html-lang-valid

• Умеренно WCAG 3.1.1 A

  Страница указывает два разных языка

  У тега <html> страницы есть и атрибут lang, и атрибут xml:lang, и они называют разные языки, например lang="de" и xml:lang="en".

  html-xml-lang-mismatch

• Серьёзно WCAG 1.1.1 A

  У изображений нет текстового описания

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

  image-alt

• Критично WCAG 4.1.2 A

  У некоторых кнопок форм нет названия

  У некоторых кнопок, сделанных через <input type="button">, "submit" или "reset", нет читаемого текста, например у кнопки поиска или подписки на рассылку только с иконкой или пустым value.

  input-button-name

• Критично WCAG 1.1.1 A

  У кнопки-изображения нет текстового описания

  У кнопки, сделанной из изображения, нет текстовой альтернативы, поэтому непонятно, что она делает.

  input-image-alt

• Критично WCAG 4.1.2 A

  У полей формы нет подписей

  У некоторых полей формы нет подписи, которую могут прочитать вспомогательные технологии, поэтому непонятно, что в них вводить.

  label

• Умеренно WCAG 2.5.3 A

  Скрытое название кнопки отличается от видимого текста

  Некоторые кнопки или ссылки показывают на экране один текст, но имеют другое скрытое название (aria-label), в котором нет видимых слов, например кнопка «Купить сейчас» с названием «Отправить».

  label-content-name-mismatch

• Умеренно WCAG 1.4.1 A

  Ссылки в тексте не отличаются от обычного текста

  Некоторые ссылки внутри абзацев выделены только цветом, без подчёркивания или другого видимого признака.

  link-in-text-block

• Серьёзно WCAG 2.4.4 A

  Некоторые ссылки не сообщают, куда ведут

  У некоторых ссылок нет читаемого текста — часто это иконки корзины, сердечка или логотип без подписи.

  link-name

• Незначительно WCAG 1.3.1 A

  Список собран неправильно

  Маркированный или нумерованный список содержит элементы, которым нельзя находиться непосредственно внутри списка.

  list

• Незначительно WCAG 1.3.1 A

  Пункт списка находится вне списка

  Элемент, размеченный как пункт списка, находится не внутри списка, поэтому структура теряется.

  listitem

• Умеренно WCAG 2.2.2 A

  Часть текста движется, и его нельзя остановить

  Страница использует устаревший элемент <marquee>, обычно это «бегущая строка» вроде «Бесплатная доставка от 50 €» или объявление о распродаже.

  marquee

• Серьёзно WCAG 2.2.1 A

  Страница сама перезагружается или перенаправляет

  Страница использует <meta http-equiv="refresh"> с задержкой, поэтому через несколько секунд или минут сама перезагружается или переходит на другой адрес без запроса покупателя.

  meta-refresh

• Серьёзно WCAG 1.4.4 AA

  Посетители не могут увеличить страницу на телефоне

  Страница запрещает или ограничивает мобильным браузерам масштабирование жестом.

  meta-viewport

• Серьёзно WCAG 4.1.2 A

  Кликабельные элементы вложены друг в друга

  Некоторые кликабельные элементы находятся внутри других кликабельных элементов, например кнопка «в избранное» внутри кликабельной карточки товара.

  nested-interactive

• Умеренно WCAG 1.4.2 A

  Некоторые видео или звуки включаются сами со звуком

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

  no-autoplay-audio

• Умеренно WCAG 1.1.1 A

  У некоторых встроенных файлов или медиа нет текстового описания

  Содержимое, встроенное через тег <object>, например PDF-таблица размеров, каталог, интерактивный просмотрщик или устаревшие медиа, не имеет текста, который объясняет, что это.

  object-alt

• Умеренно WCAG 1.3.1 A

  Некоторые заголовки — это просто жирный или крупный текст

  Некоторые абзацы выглядят как заголовки, потому что они жирные, курсивные или крупнее, но в коде это обычный текст, а не настоящие заголовки.

  p-as-heading

• Умеренно WCAG 1.1.1 A

  У некоторых графических элементов нет текстового описания

  Некоторые элементы размечены как изображения, но не имеют текстовой альтернативы, например звёзды рейтинга или графические иконки.

  role-img-alt

• Серьёзно WCAG 2.1.1 A

  Некоторые прокручиваемые области недоступны с клавиатуры

  Некоторые блоки на странице прокручиваются, но пользователи клавиатуры не могут перейти в них, чтобы прокрутить.

  scrollable-region-focusable

• Критично WCAG 4.1.2 A

  У выпадающего списка нет подписи

  У выпадающего списка нет подписи, которую могут прочитать вспомогательные технологии.

  select-name

• Незначительно WCAG 2.1.1 A

  Кликабельное изображение работает только с мышью

  На странице используется серверная карта изображения: изображение-ссылка, где сервер по точному месту клика решает, что открыть, например старая карта магазинов или кликабельная картинка каталога.

  server-side-image-map

• Серьёзно WCAG 4.1.2 A

  У некоторых раскрывающихся разделов нет названия

  Кликабельный заголовок раскрывающегося раздела (элемент <summary>) не содержит читаемого текста, например аккордеон с деталями товара, группа фильтров, вопрос в FAQ или меню, которое открывается иконкой.

  summary-name

• Умеренно WCAG 1.1.1 A

  У некоторых векторных изображений нет текстового описания

  Некоторые SVG-изображения, например логотипы, иконки или значки, размечены как изображения, но не имеют текстовой альтернативы.

  svg-img-alt

• Незначительно WCAG 1.3.1 A

  Название таблицы записано в ячейке таблицы

  Таблица с данными, например таблица размеров или прайс-лист, содержит название в объединённой первой строке ячеек, а не в отдельной подписи таблицы.

  table-fake-caption

• Умеренно WCAG 2.5.8 AA

  Кнопки и ссылки слишком маленькие, по ним трудно попасть

  Некоторые кнопки или ссылки меньше 24 на 24 пикселя и расположены слишком близко к соседним.

  target-size

• Умеренно WCAG 1.3.1 A

  В больших таблицах есть ячейки без заголовков

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

  td-has-header

• Умеренно WCAG 1.3.1 A

  Некоторые ячейки таблицы ссылаются на неправильные заголовки

  Таблица, например таблица размеров, характеристик или стоимости доставки, связывает ячейки с заголовками через атрибут headers, но часть этих ссылок ведёт не на ячейки-заголовки этой же таблицы.

  td-headers-attr

• Умеренно WCAG 1.3.1 A

  Некоторые заголовки таблицы не описывают никаких данных

  В таблице есть ячейки-заголовки (<th>), не связанные ни с какими ячейками данных, например пустая строка заголовков в таблице размеров или таблица, где <th> используется только для жирного шрифта.

  th-has-data-cells

• Умеренно WCAG 3.1.2 AA

  Часть текста помечена неправильным кодом языка

  Часть страницы, например переключатель языков, цитата или блок текста на другом языке, указывает несуществующий код языка, например «ua» вместо «uk» или код с опечаткой.

  valid-lang

• Серьёзно WCAG 1.2.2 A

  У видео нет субтитров

  Видео на странице, например демонстрация товара, имиджевое видео бренда или короткая инструкция, не имеет дорожки субтитров.

  video-caption

Высший уровень WCAG. Законы его не требуют; в отчёте показывается как рекомендации.

• Незначительно WCAG 1.4.6 AAA

  Текст не достигает повышенного уровня контраста (AAA)

  Часть текста соответствует базовому уровню контраста, но не более строгому: 7:1 для обычного текста и 4.5:1 для крупного. Это рекомендуемая практика сверх уровня WCAG AA, а не обязательное требование.

  color-contrast-enhanced

• Незначительно WCAG 2.4.9 AAA

  Ссылки с одинаковым текстом ведут в разные места

  Несколько ссылок на странице имеют одинаковый текст, например «Подробнее» или «Купить сейчас», но ведут на разные страницы. Это рекомендация уровня AAA стандарта WCAG, выше уровня AA, на который опирается закон.

  identical-links-same-purpose

• Незначительно WCAG 2.2.4 AAA

  Страница сама обновляется через некоторое время, даже долгое

  Страница использует <meta http-equiv="refresh">, чтобы через некоторое время перезагрузиться или перейти на другой адрес. Избегать любого обновления по таймеру, даже с задержкой во много часов, рекомендует уровень AAA стандарта WCAG; это выше уровня AA, на который опирается закон.

  meta-refresh-no-exceptions

Не требования WCAG, но делают сайт удобнее с экранным чтецом или клавиатурой. Показываются как рекомендации.

• Незначительно

  Несколько элементов используют одно и то же сочетание клавиш

  Страница задает клавиатурные сокращения атрибутом accesskey, и у двух или более элементов одна и та же клавиша. Это рекомендуемая практика, а не требование WCAG уровня AA.

  accesskeys

• Незначительно

  У элемента роль, которая ему не подходит

  HTML-элемент имеет атрибут role, недопустимый для этого элемента, например <button>, отмеченный как заголовок, или меню <nav>, отмеченное как кнопка. Это рекомендуемая практика, а не самостоятельное требование WCAG уровня AA, но она часто указывает на другие проблемы.

  aria-allowed-role

• Умеренно

  У всплывающего окна нет названия

  Диалоговое окно, например боковая корзина, баннер о cookie, подписка на рассылку или быстрый просмотр товара, отмечено role="dialog" или role="alertdialog", но не имеет доступного названия. Это рекомендуемая практика, а не самостоятельное требование WCAG уровня AA.

  aria-dialog-name

• Умеренно

  Текстовый блок скрывает ссылки или кнопки внутри

  Элемент с role="text" содержит ссылку, кнопку или другой элемент, который может получить фокус. role="text" — нестандартная роль, которая заставляет некоторые программы чтения с экрана читать все содержимое как обычный текст. Это рекомендуемая практика, а не требование WCAG уровня AA.

  aria-text

• Умеренно

  Пункты древовидного меню не имеют названия

  Некоторые пункты древовидного меню, например раскрывающегося дерева категорий, не содержат текста, который могут прочитать вспомогательные технологии. Это рекомендуемая практика, а не требование WCAG уровня AA.

  aria-treeitem-name

• Незначительно

  Заголовок на странице пустой

  На странице есть заголовок без читаемого текста. Часто это остаток пустого названия секции, блока темы или заголовка, состоящего только из значка. Это рекомендуемая практика, а не требование WCAG уровня AA.

  empty-heading

• Незначительно

  Ячейка заголовка таблицы пустая

  В таблице есть ячейка заголовка без текста, например левый верхний угол таблицы размеров или столбец с кнопками действий. Это рекомендуемая практика, а не требование WCAG уровня AA.

  empty-table-header

• Незначительно

  Элемент, доступный с клавиатуры, не сообщает, что он такое

  Элемент, до которого можно дойти клавишей Tab, например кликабельный div или span, не имеет роли, сообщающей вспомогательным технологиям, что это кнопка, ссылка или другой элемент управления. axe помечает эту проверку как экспериментальную, поэтому результаты нужно проверять вручную. Это рекомендуемая практика, а не требование WCAG уровня AA.

  focus-order-semantics

• Умеренно

  Уровни заголовков перескакивают

  Заголовки на странице перескакивают уровни, например с <h2> сразу на <h4>, и в структуре страницы появляются пробелы. Это рекомендуемая практика, а не требование WCAG уровня AA.

  heading-order

• Незначительно

  Описание изображения повторяет текст рядом

  Альтернативный текст изображения совпадает с видимым текстом рядом, например фото товара с alt-текстом «Синяя льняная рубашка» в ссылке, где тоже написано «Синяя льняная рубашка». Это рекомендуемая практика, а не требование WCAG уровня AA.

  image-redundant-alt

• Серьёзно

  У полей формы нет видимой подписи

  Некоторые поля формы названы только всплывающей подсказкой (атрибут title), скрытым описанием или скрытой подписью, поэтому на экране подписи нет. Это рекомендуемая практика, выходящая за рамки уровня WCAG 2.2 AA, на который опираются законы о доступности.

  label-title-only

• Незначительно

  Шапка сайта вложена в другую область страницы

  Область шапки (ориентир «banner» с логотипом, поиском и корзиной) вложена в другую область, например в основное содержимое или навигацию, вместо того чтобы стоять отдельно вверху страницы. Это рекомендуемая практика, выходящая за рамки уровня WCAG 2.2 AA, на который опираются законы о доступности.

  landmark-banner-is-top-level

• Незначительно

  Боковая панель вложена в другую область страницы

  Элемент <aside> или дополнительная область («complementary»), например панель фильтров, похожие товары или рекламный блок, вложена в другую область вместо того, чтобы стоять отдельно рядом с основным содержимым. Это рекомендуемая практика, выходящая за рамки уровня WCAG 2.2 AA, на который опираются законы о доступности.

  landmark-complementary-is-top-level

• Незначительно

  Подвал сайта вложен в другую область страницы

  Область подвала (ориентир «contentinfo» с контактами, юридическими ссылками и информацией об оплате) вложена в другую область, например в основное содержимое, вместо того чтобы стоять отдельно внизу страницы. Это рекомендуемая практика, выходящая за рамки уровня WCAG 2.2 AA, на который опираются законы о доступности.

  landmark-contentinfo-is-top-level

• Умеренно

  Основное содержимое вложено в другую область страницы

  Элемент <main> или область с role="main", которая обозначает начало собственного содержимого страницы, вложена в другую область, например в шапку, навигацию или боковую панель. Это рекомендуемая практика, выходящая за рамки уровня WCAG 2.2 AA, на который опираются законы о доступности.

  landmark-main-is-top-level

• Умеренно

  На странице больше одной шапки сайта

  Страница содержит две или более областей шапки («banner»), например обычную шапку плюс отдельную липкую или мобильную копию либо рекламную полосу, размеченную как banner. Это рекомендуемая практика, выходящая за рамки уровня WCAG 2.2 AA, на который опираются законы о доступности.

  landmark-no-duplicate-banner

• Незначительно

  На странице больше одного главного футера

  Страница помечает несколько областей как футер сайта, например футер магазина и ещё один футер во всплывающем окне или виджете. Это рекомендуемая практика, которая выходит за рамки уровня WCAG 2.2 AA, на который опирается закон.

  landmark-no-duplicate-contentinfo

• Умеренно

  На странице больше одной области основного содержимого

  Две или больше частей страницы помечены как основное содержимое. Такая область должна быть только одна. Это рекомендуемая практика, которая выходит за рамки уровня WCAG 2.2 AA, на который опирается закон.

  landmark-no-duplicate-main

• Умеренно

  На странице не отмечено основное содержимое

  Ни одна часть страницы не помечена как основное содержимое, поэтому вспомогательные технологии не могут определить, где начинается главное. Это рекомендуемая практика, которая выходит за рамки уровня WCAG 2.2 AA, на который опирается закон.

  landmark-one-main

• Незначительно

  Две области страницы звучат для программ экранного доступа одинаково

  На странице есть несколько областей одного типа, например два меню или две боковые панели, без подписи, которая их различает. Это рекомендуемая практика, которая выходит за рамки уровня WCAG 2.2 AA, на который опирается закон.

  landmark-unique

• Незначительно

  Масштабирование на мобильном ограничено

  Страница позволяет увеличивать её на телефоне, но останавливает посетителя раньше, чем он увеличит её в пять раз. Это рекомендуемая практика, которая выходит за рамки уровня WCAG 2.2 AA, на который опирается закон.

  meta-viewport-large

• Умеренно

  На странице нет главного заголовка

  На странице нет заголовка верхнего уровня (H1), который называет её тему, например название товара или категории. Это рекомендуемая практика, которая выходит за рамки уровня WCAG 2.2 AA, на который опирается закон.

  page-has-heading-one

• Незначительно

  Декоративный элемент всё равно озвучивается скринридерами

  Элемент, помеченный как декоративный (role="presentation" или role="none"), также имеет ARIA-атрибуты или получает фокус с клавиатуры, поэтому одни скринридеры его пропускают, а другие нет. Это рекомендуемая практика сверх уровня WCAG 2.2 AA.

  presentation-role-conflict

• Незначительно

  Часть содержимого находится вне основных областей страницы

  Некоторые части страницы не входят в ориентиры (landmarks), такие как шапка, навигация, основное содержимое или подвал. Это рекомендуемая практика сверх уровня WCAG 2.2 AA.

  region

• Незначительно

  Заголовки таблицы неправильно используют атрибут scope

  Таблица неправильно использует атрибут scope, например на обычной ячейке с данными или со значением, отличным от row, col, rowgroup или colgroup. Это рекомендуемая практика сверх уровня WCAG 2.2 AA.

  scope-attr-valid

• Умеренно

  Ссылка «Перейти к содержимому» не работает

  На странице есть ссылка для пропуска, но места, на которое она указывает, не существует или оно не может получить фокус. Это рекомендуемая практика сверх уровня WCAG 2.2 AA.

  skip-link

• Серьёзно

  Порядок перехода с клавиатуры принудительно нарушен

  У некоторых элементов tabindex больше 0, поэтому они получают фокус раньше всех остальных, когда человек перемещается по странице клавишей Tab. Это рекомендуемая практика сверх уровня WCAG 2.2 AA.

  tabindex

• Незначительно

  Заголовок и описание таблицы повторяют один и тот же текст

  У таблицы одинаковый текст в элементе <caption> и в атрибуте summary, поэтому скринридеры могут прочитать его дважды. Это рекомендуемая практика сверх уровня WCAG 2.2 AA.

  table-duplicate-name