This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Достъпност
Защо фокусът на клавиатурата трябва да бъде видим на уебсайт?
Фокусът на клавиатурата трябва да бъде видим, защото потребителите на клавиатурата иначе контролират сляпо: Без видима маркировка, обикновено цветна рамка около активния елемент не е възможно да се каже кой елемент е избран в момента и какво задейства бутона за вход в следващия момент. Много дизайнери премахват тази рамка по оптични причини и по този начин блокират потребителите на клавиатурата. Критерият WCAG 2.4.7 изисква видим фокусен екран.
Фокус рамка е курсора на мишката на клавиатурата
Потребителите на мишки винаги виждат къде е показалецът им. Потребителите на клавиатурата имат фокус рамка за това: тя се движи с всяка натискане на клавиша на раздела към следващия елемент и показва какво ще задейства входния ключ. Ако тази рамка изчезне, операцията се превръща в игра на догадки - като операция на мишката с невидим показалец. Най-често срещаната причина е един ред в дизайнерските спецификации, който изключва границата на браузъра по подразбиране, защото се възприема като досадна. Правилното решение никога не е да се премахне, но да се проектира: рамка в цвета на вашата компания, достатъчно силен, за да се откроява на какъвто и да е фон.
Това е начинът, по който измервателните мерки фокусират видимостта чрез сравняване на пикселите
Инспекцията на всеки изпитан оперативен елемент два пъти: веднъж без, веднъж с фокус. След това сравнява двете изображения пиксел по пиксел. Ако фокусът се променя с по-малко от 0.2 процента от пикселите в областта около елемента, фокусният дисплей е практически невидим, критерият се счита за нарушен, а докладът идентифицира засегнатия елемент и снимка на екрана на документа. Нелека среда, например чрез анимации, признава измерването чрез предварително сравнение на два изстрела без фокус и премахва тези елементи от оценката. Освен това докладът отбелязва, когато проектните спецификации изключват фокусните граници.
Beispiele
Премахване на фокусната рамка
*:focus { outline: none; }:focus-visible { outline: 3px solid #1a5fb4; outline-offset: 2px; }контур: никой не прави операцията на клавиатурата сляп.:фокус-видим показва рамката само на клавиатурата, а не при щракване на мишката.
- Подпрозорец чрез началната страница и наблюдавайте: Ясно ли е на всяка спирка кой елемент е избран в момента?
- Помоли агенцията си да премахне всяко правило, което изключва фокусната граница.
- Имате проектирана фокална рамка, определена във вашата компания цвят, достатъчно силен за светлина и тъмни фонове.
- Също така проверете фокуса върху изображенията и цветните площи годна сива рамка бързо изчезва там.
