QualiBooth

Най-напредналият скенер за достъпност в света

Статичните скенери четат вашия код. Нашият ИИ управлява сайта ви.

Всеки конкурент пуска един и същ статичен набор от правила върху вашия DOM. QualiBooth Deep Scan е ИИ агент: отваря истински браузър, минава през страниците ви с Tab, решава кои елементи си струва да бъдат провокирани, отваря диалозите ви и измерва какво реално получава потребител с клавиатура - със снимката като доказателство.

12 ИИ проверки
които никой статичен инструмент не прави
С доказателства
измерване и екранна снимка
Отчетът на QualiBooth с находки от Deep Scan, отбелязани до статичните.

Частта, която никой не сканираше

Автоматичното покритие спря да се подобрява. Затова пуснахме ИИ агент върху страницата.

Статичният анализ чете DOM и CSS и разсъждава какво би трябвало да се случи. Прави го наистина добре - и точно затова всеки инструмент за достъпност на пазара намира почти едни и същи проблеми в сайта ви. Дефектите, които той структурно не може да види, съществуват само докато страницата работи. Досега откриването им означаваше човек да седне пред страницата. Deep Scan изпраща агент вместо това - на всяка страница, при всяко изпълнение.

Какво вижда всеки статичен скенер

Моментна снимка на кода, в покой.

  • Този бутон няма достъпно име.
  • Този текст е 3,1:1 спрямо декларирания фонов цвят.
  • Този ARIA атрибут не е позволен за тази роля.
  • Текст върху снимка - изисква преглед. Човек трябва да погледне.

Какво измерва Deep Scan агентът

Истински браузър, управляван от ИИ, с течащ часовник.

  • Фокус рамката се различава с нула пиксела от състоянието без фокус. Победи outline:none.
  • Бялото заглавие е 2,8:1 спрямо пикселите, които реално стоят зад него.
  • Tab стига до този елемент, след което фиксираната лента за съгласие го покрива изцяло.
  • Escape затваря диалога, но фокусът пада върху body, а не върху бутона, който го отвори.

Списъкът с проверки

Дванадесет проверки, които изискват работеща страница

Агентът решава какво си струва да бъде проучено; след това всяка проверка измерва, вместо да предполага. Всяка находка носи измерената стойност, прага, който е прекрачен, и - при повечето проверки - екранната снимка на самия момент.

  • 01

    Видимост на фокуса

    Снима всеки елемент с и без фокус и сравнява пикселите. Никога не чете вашия CSS: outline:none, последвано от правило :focus-visible, е успех - и само пикселите го знаят.

    WCAG 2.4.7 WCAG 2.4.13

  • 02

    Закрит фокус

    Прави hit тестове върху фокусирания елемент и измерва каква част от него покрива фиксираният ви хедър или лентата за бисквитки. Минава Tab и в двете посоки, защото всяка оставя различен елемент блокиран.

    WCAG 2.4.11 WCAG 2.4.12

  • 03

    Ред на табулация

    Обхожда реалната последователност на Tab и я сравнява с реда в DOM и с визуалния ред на четене, с номерирана екранна снимка на маршрута.

    WCAG 2.4.3

  • 04

    Клавиатурни капани

    Открива цикли на фокуса, които правят останалата част от страницата недостъпна. Диалог, който задържа Tab и го освобождава с Escape, е коректно поведение и не се докладва.

    WCAG 2.1.2

  • 05

    Жизнен цикъл на диалозите

    Отваря всеки диалог и проверява целия договор по ред: фокусът влиза, Tab остава вътре, фонът напуска дървото за достъпност, Escape затваря и фокусът се връща към бутона, който го отвори.

    WCAG 2.1.2 WCAG 2.4.3 WCAG 4.1.2

  • 06

    Live съобщения

    Възстановява кога всеки live регион е възникнал спрямо съдържанието си - така се хваща известието, създадено вече със съобщението вътре, което следователно не е обявило нищо.

    WCAG 4.1.3

  • 07

    Съдържание при hover и фокус

    Проверява и трите изисквания за подсказки и popover елементи: показалецът може да влезе в съдържанието, Escape го затваря без да мести показалеца, и то не се скрива само.

    WCAG 1.4.13 WCAG 2.1.1

  • 08

    Контраст върху изображения

    Заснема текста, заснема същата зона с прозрачни глифове и сравнява всеки пиксел от глиф с фона, който реално стои зад него. Точно това статичните инструменти маркират като „изисква преглед“.

    WCAG 1.4.3

  • 09

    Reflow при 320px

    Рендира страницата при 320 CSS пиксела и посочва най-външните елементи, които все още налагат хоризонтално скролиране, с изключение на съдържание в собствена зона за скролиране.

    WCAG 1.4.10

  • 10

    Разредка на текста

    Прилага разредката, която критерият изисква, и сравнява геометрията преди и след: текст, отрязан от кутии с фиксиран размер, блокове, които са се застъпили.

    WCAG 1.4.12

  • 11

    Наложени цветове

    Емулира високия контраст на Windows и измерва всяка малка графика спрямо собственото ѝ обкръжение, преди и след, за да открие иконите, които изчезват.

    WCAG 1.4.11

  • 12

    Достъпни имена

    Използва собственото изчисление на имена на Chrome и списъка му с източници: имена, които скриват видимия етикет, имена, дублирани от описанието си, препратки, които не сочат към нищо.

    WCAG 2.5.3 WCAG 4.1.2

Нито един статичен скенер на пазара не може да изпълни дори една от тези дванадесет проверки. Точно това прави QualiBooth най-напредналия скенер за достъпност в света - и затова намира онова, което всички останали ви връщат като чист отчет.

Доказателства, не мнения

Всяка находка издържа спор с разработчик

Трудното при находка за достъпност не е да я откриеш, а да ти повярват на срещата три дни по-късно. Затова всяка находка на Deep Scan докладва измерването, което е направила, прага, с който го е сравнила, и анотираната екранна снимка на момента.

  • Измерена стойност в самото изречение - изцяло покрит от фиксираната лента за съгласие, а не може да е скрит.
  • Точният критерий за успех по WCAG 2.2, с връзка към страницата Understanding.
  • Решение, написано за тази находка, а не за правилото изобщо.
  • Онова, по което машината не е достигнала присъда, се докладва като такова, никога като успех.
Екранна снимка с доказателство от Deep Scan: фокусираният елемент, елементът, който го покрива, и измереното покритие.

Ръчно QA, при всяко сканиране

Клавиатурната обиколка преди всяко издание - сега я прави агент, на всяка страница, всяка нощ

Това не са нови изисквания. Това са проверките, които добър тестер вече прави на ръка - и точно затова се правят на пет страници преди издание и на нито една след това.

  • Минаване през страницата с Tab и следене на фокус рамката

    Снима всяка Tab спирка с и без фокус и сравнява пикселите

  • Отваряне на всеки диалог, Escape, проследяване на фокуса

    Отваря всеки диалог и проверява целия договор, по ред

  • Предизвикване на известие и слушане с екранен четец

    Записва кога всеки live регион е съществувал спрямо съдържанието си

  • Мащабиране до 320px и търсене на хоризонтален скрол

    Рендира при 320px и посочва елементите, които го причиняват

  • Взиране в белия текст върху главната снимка

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

Какво няма да докосне

Машината кликва ограничен набор от елементи, за да накара страницата ви да направи нещо. Няма да кликне нищо, чието достъпно име звучи като изтрий, премахни, изход, отписване, плащане, каса, направи поръчка, публикувай или архивирай. Сканирането на сайта ви никога не бива да прави поръчка или да трие запис - дори повече кликания да биха разкрили повече находки.

Как работи

ИИ агент, управляващ втори браузър, редом със статичната машина, в същото сканиране.

  1. 01

    Агентът поема волана

    Втори Chromium работи редом със статичната машина в същата удостоверена сесия, управляван от агента - така се измерват и страниците зад вашия вход.

  2. 02

    Десктоп и мобилно

    Всеки URL се измерва при 1280×720 и отново при 375×667. Фокус рамка, която оцелява при десктоп хедъра ви, често губи от мобилния.

  3. 03

    Един обединен отчет

    Поведенческите находки идват в същия списък като статичните, отбелязани като Deep Scan и подредени по тежест. Няма нищо ново за учене.

  4. 04

    Доказателствата остават

    Анотираните снимки се пазят заедно със сканирането, така че находка отпреди три месеца все още показва доказателството си.

Обобщаващият панел Deep Scan в отчет за URL на QualiBooth.

Във вашия отчет

Отбелязани, преброени и никога мълчаливо отсъстващи

Находките на Deep Scan се извеждат отделно, а не се смесват тихо - те са тези, които днешният ви инструмент не може да произведе. А липсата на находки също е резултат, затова всеки отчет заявява какво е било проверено и какво не е могло да бъде достигнато.

  • Значка Deep Scan върху всяка поведенческа находка в списъка с проблеми.
  • Завършени проверки, прегледи на елементи и събрани доказателства, за всеки URL.
  • Всичко, което не е могло да бъде проверено докрай, посочено заедно с причината.
  • Експортирано в CSV и JSON заедно с останалата част от сканирането.
12
поведенчески проверки
15
критерия по WCAG 2.2
2
изгледа на URL
100%
находки с измерване

Въпроси, които ни задават

По какво се различава това от overlay за достъпност?
По всичко. Overlay инжектира JavaScript в живия ви сайт и се опитва да закърпи достъпността отвън, обикновено я влошава. Deep Scan не променя нищо в сайта ви: това е агент, който го посещава като човек, измерва и докладва какво е намерил.
Това замества ли ръчното тестване на достъпност?
Не, и не бихме твърдели такова нещо. Агентът автоматизира механичната половина от ръчната обиколка - клавиатурния обход, договора на диалозите, reflow при 320px - за да могат вашите тестери и нашите одитори да отделят времето си за преценка: има ли смисъл редът на четене, вярен ли е алтернативният текст, използваем ли е потокът с екранен четец.
Може ли да счупи нещо в сайта ми?
Работи с ограничен, филтриран набор от елементи и никога с нещо, което изглежда разрушително или транзакционно. Без изтривания, без изход от профила, без плащане. Това е предимно четящо посещение от един браузър.
Може ли да сканира страници зад вход?
Да. Агентът използва удостоверената сесия, която сканирането вече е установило, така че всичко, до което вашето сканиране достига, той може да измери.
Защо резултатът ми за достъпност се промени след включването?
Deep Scan добавя към резултата както нови находки, така и нови преминали проверки, затова резултат, изчислен с него, не е сравним с резултат, изчислен без него. Резултатите остават сравними в рамките на една програма за сканиране и между изпълнения с една и съща настройка - не превключваме това по средата на програмата зад гърба ви.
Какво точно прави ИИ?
Решава - и след това го доказва. Агентът изследва страницата ви като тестер: избира кои елементи си струва да бъдат провокирани, кои диалози да отвори и докъде да стигне, преди да спре. И всяко негово решение е подкрепено с измерване и екранна снимка, а не с предположение. Проектирано е точно така: автономно там, където човек би бил бавен, и подкрепено с доказателства там, където езиков модел сам по себе си би бил ненадежден.
Защо наричате QualiBooth най-напредналия скенер за достъпност в света?
Защото никой друг скенер не измерва поведението на работеща страница. Всеки инструмент на пазара чете кода ви и прави изводи; QualiBooth прави и това, а след това пуска ИИ агент върху страницата за още дванадесет проверки, които никой статичен двигател не може да произведе - всяка подкрепена с измерване и екранна снимка. Тази комбинация не съществува никъде другаде.

Разберете какво е пропускал досегашният ви скенер

Стартирайте безплатно сканиране или ни оставете да насочим Deep Scan агента към потребителския път, който е най-важен за бизнеса ви.