Примерен доклад, който показва точно какво получавате: формата, приоритизирането и предложенията за поправки от реален работен процес на сканиране с Axively. Показаният сайт е измислен пример; вашият собствен одит има същата структура.
Нарушения на WCAG ниво AA или критични функционални бариери (количка, плащане, формуляри). Силен индикатор за несъответствие със законодателството за достъпност — подлежи на ръчна проверка.
Нарушения на WCAG ниво A и други сериозни или умерени проблеми. Ниво A е също толкова задължително за съответствие — нивата подреждат въздействието върху потребителите и приоритета на поправките, а не правната тежест.
Автоматичното сканиране не откри нарушения на WCAG ниво A или AA — само препоръки за добри практики и незначителни констатации.
Високият брой констатации не е катастрофа, това е инвентаризация. От 6752 появявания 267 са нарушения на WCAG, а 6485 са добри практики — и всичко произтича от само 5 отделни причини.
target-sizeХора с моторни или зрителни увреждания и потребители на сензорни устройства се борят да натиснат малка цел и правят грешки. Увеличете кликаемата зона с отстъп:
/* before */
<a href="tel:..." class="page-header--link">+33 1 00 00 00 00</a>
/* after */
<a href="tel:..." class="page-header--link"
style="padding:10px; display:inline-block;">+33 1 00 00 00 00</a>На практика препоръчваме да поправите това с CSS клас, а не с вграден стил, предложението показва принципа.
link-nameЕкранните четци съобщават тези връзки просто като „връзка“, така че целта им остава неизвестна. Дайте на връзката достъпно име и скрийте декоративната икона:
/* before */
<a class="social-link" href="https://example.com/rss">
<svg class="icon"></svg>
</a>
/* after */
<a class="social-link" href="https://example.com/rss" aria-label="RSS">
<svg class="icon" aria-hidden="true" focusable="false"></svg>
</a>Тези констатации идват от правилата за добри практики на axe. Подобряват използваемостта за потребителите на помощни технологии, но не съответстват на нито един критерий за успех на WCAG, затова не се броят за нарушения и не влияят на цената на одита.
label-title-onlyПоле само с атрибут title и без видим <label> се прочита непоследователно от помощните технологии, а виждащите потребители изобщо нямат етикет. Добавете свързан етикет:
/* before */
<input class="search" title="address" type="text">
/* after */
<label for="locality">Address</label>
<input id="locality" class="search" type="text">regionЕкранните четци не могат надеждно да навигират или прескачат съдържание извън ориентационните области. Тъй като е елемент от шаблона, обвийте го в една ориентационна област:
/* before */
<div class="page-content">
...
</div>
/* after */
<main class="page-content">
...
</main>Една корекция в шаблона премахва всичките ~6 400 случая: решава се по шаблони, не по страници.
empty-headingПотребителите на екранни четци, които навигират по заглавия, попадат на елемент, който не съобщава нищо. Извеждайте заглавието само когато има текст, или го попълнете:
/* before */
<h3 class="teaser-title"></h3>
/* after */
<h3 class="teaser-title">Horaires d'ouverture en aout</h3>Големият брой случаи не означава хиляди различни проблеми: обикновено това са няколко причини, повтарящи се през шаблоните. Затова одитът се решава по шаблони и по причини, а не страница по страница: една корекция в шаблона премахва всичките ѝ случаи наведнъж.
Бележка за скалата: обобщението по-горе разпределя констатациите в 3 нива на риск (високо / средно / ниско) според въздействието върху съответствието, което определя и цената. Докладът по-долу ги разделя на 4 технически нива (критично / сериозно / умерено / незначително) според тежестта на дефекта, оценена от скениращия модул. Два погледа към едни и същи данни, а не несъответствие.
PDF доклад, същите данни, готови за предаване на адвокат, ръководство или регулатор: резюме, разбивка по тежест и правило, препоръчителен ред на поправяне.
Декларация за достъпност, генерирана във формат за вашата страна, с констатациите от този пример в секцията за недостъпно съдържание.
Проект на декларация, проверете всички данни преди публикуване. Axively не предоставя правни съвети.
Всеки AI одит включва безплатно верификационно повторно сканиране в рамките на 30 дни. Екипът поправя шаблоните по предложенията, стартира повторното сканиране и вижда директно сравнение преди и след на същата визуализация.
еднократно плащане според размера на сайта, верификационното повторно сканиране е включено в AI одита