Пример отчета о доступности
Это статический пример отчета, который генерирует наш сканер. В нем выделены конкретные нарушения и предоставлен код для их исправления.
Четкие, практические выводы
Наши отчеты не просто говорят о том, что вы не прошли проверку; они точно указывают, где произошел сбой и как его исправить.
Пример нарушения: Отсутствует alt-текст
HTML: <img src='logo.png'> Нарушение: Изображения должны иметь альтернативный текст. WCAG: 1.1.1 Нетекстовый контент.
Исправление
Обновите код, добавив описательный атрибут alt: <img src='logo.png' alt='Логотип компании'>.
За пределами автоматизации
В отчете также выделены элементы, требующие ручной проверки, такие как логический порядок фокуса и достаточный цветовой контраст во всех состояниях.
Interactive Element Screenshot Example
Our enterprise worker headless browser securely renders your application and highlights exactly where accessibility failures occur. These context-rich annotated screenshots bridge the gap between compliance reports and developer action.
color-contrast
СерьёзноеFix any of the following: Element has insufficient color contrast of 2.94 (foreground color: #9ca3af, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
<a href="/about" class="nav-link text-gray-400 bg-white">About Us</a>
<a href="/about" class="nav-link text-gray-700 bg-white">About Us</a>
Пример исправления — подсказка для вашего кода, на сайт не применяется.
Ensure that text has a contrast ratio of at least 4.5:1 against its background color to be legible for people with moderately low vision.