This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Достъпност
Как уеб сайт показва правилно?
Един сайт правилно показва форма грешки, като натиснете засегнатите поле и описва грешката с думи: моля, въведете вашия имейл адрес. Само червената рамка не е достатъчна за слепи посетители не го виждат, слепият цвят го пренебрегват. Критерият WCAG 3.3.1 изисква откритите входни грешки да бъдат автоматично открити и съобщени на посетителя в текстова форма.
Само червената рамка кара посетителите да отгатват
Представете си, че вашият формуляр за контакт се връща със съобщението „Моля, проверете въведените данни“ – и нищо повече. Виждащият посетител започва да търси червени рамки. Незрящият посетител няма и този шанс: програмата му за четене на екрана чете текст, не цветове. Той минава отново поле по поле и гадае къде е проблемът. Мнозина се отказват на това място – а вие губите запитване или поръчка. Доброто съобщение за грешка посочва три неща: кое поле е засегнато, какво не е наред в него и, в най-добрия случай, как изглежда правилното въвеждане. Освен това съобщението трябва да е технически свързано с полето, за да може програмата за четене на екрана да го съобщи при самото поле.
Как услугата за изпитване измерва откриването на грешки
Услугата за проверка тества формата ви в реален браузър с контролиран опит: търси формуляр със задължителни полета и умишлено го изпраща празен. След това наблюдава реакцията. Ако задължителните полета са маркирани като неточни и описанието на грешката е технически свързано с полетата, се счита, че критерият е приет. Чисти търсачки и формуляри без задължителни полета пропускат измерването нарочно, за да не се задейства нищо нежелано на вашия сайт; такива случаи, докладът открито идентифицира като ръчно контролно-пропускателен пункт. В златния стандарт човек допълнително проверява дали текстовете на грешките са формулирани по разбираем начин.
Beispiele
Грешка без местоположение и текст
<p class="rot">Bitte Eingaben prüfen.</p>
<input name="iban"><label for="iban">IBAN</label>
<input id="iban" name="iban" aria-invalid="true" aria-describedby="iban-fehler">
<p id="iban-fehler">IBAN: 20 Zeichen erwartet, 18 eingegeben.</p>Съобщението посочва полето и грешката и е свързано с полето, така че програмата за четене да го обяви в полето.
- След като умишлено изпратите формуляра за контакт празен и прочетете съобщението за грешка с очите на непознат.
- Формулирайте всяко съобщение за грешка според модела: име на полето, проблем, решение год. Моля, въведете адрес с @ character
- Помолете вашата агенция технически да свърже съобщенията за грешка към полето, така че читателите да ги обяви.
- Никога не разчитайте само на цветовете, всяка червена рамка се нуждае от обяснителен текст до нея.
