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

Рівень, на який спираються 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

  Деякі індикатори прогресу не мають назви

  Деякі елементи, позначені як індикатор прогресу, не мають тексту, який пояснює, що вони показують, наприклад «додайте ще 500 грн для безкоштовної доставки», кроки оформлення замовлення чи індикатор завантаження.

  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>, зазвичай це «біжучий рядок» на зразок «Безкоштовна доставка від 1500 грн» чи оголошення про розпродаж.

  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