Project

General

Profile

Ошибка #23832

Низький контраст між кольорами фону та переднього плану на сторінці https://roznica.com.ua

Added by Оксана Дубова 3 months ago.

Status:
Новая
Priority:
Нормальный
Assignee:
Оксана Дубова
Target version:
QA31 - Release
Start date:
10/14/2024
Due date:
10/17/2024 (about 3 months late)
% Done:

0%

Estimated time:

Description

Кольори фону та переднього плану не забезпечують достатнього коефіцієнта контрастності, що утруднює читання тексту та сприйняття візуального контенту для користувачів, особливо для тих, хто має порушення зору та кольорову сліпоту. Коефіцієнт контрастності перебуває в межах 2,1 - 3,5:1 (повинен бути не менше 7,1:1)

Кроки відтврення:
1. Відкрити сторінку https://roznica.com.ua.
2. Перевірити коефіцієнт контрастності елемента за допомогою інструмента WAVE в складі плагіну Web Developer.
3. Звернути увагу на конкретні елементи, які порушують вимоги до контрастності.

Очікувана поведінка:
- кольори фону та переднього плану повинні забезпечувати достатній коефіцієнт контрастності відповідно до рекомендацій WCAG (для звичайного тексту мінімум може бути 4,5:1.

Фактична поведінка:
- коефіцієнт контрастності нижче рекомендованого значення утруднює читання і сприйняття контенту.

Тестування проведено на пристрої Lenovo ideapad Flex 5, ОС Windows 10 Pro, браузер Chrome 129.0.0.1, інструменти: DevTools Lighthouse, Web Developer WAVE.

Files

6-4.png (255 KB) 6-4.png контрастність сторінки в WAVE Оксана Дубова, 10/14/2024 04:17 PM
6.png (52.1 KB) 6.png висновок Lighthouse Оксана Дубова, 10/14/2024 04:18 PM
6-1.png (201 KB) 6-1.png елемент з низьким контрастом на сторінці і в Lighthouse Оксана Дубова, 10/14/2024 05:06 PM
6-2.png (204 KB) 6-2.png елемент з низьким контрастов в Lighthouse Оксана Дубова, 10/14/2024 05:07 PM
6-5.png (159 KB) 6-5.png контрастність сторінки в WAVE Оксана Дубова, 10/14/2024 05:08 PM

No data to display

Also available in: Atom PDF