This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Достъпност
Защо фиксираната лента никога не трябва да крие напълно фокуса на клавиатурата?
Фиксирана лента за глава, намек за бисквитка или лепяща лента за крака никога не трябва да замъглява напълно фокусирания елемент, в противен случай потребителите на клавиатурата вече няма да виждат къде стоят. Критерий 2.4.11 е добавен с WCAG 2.2: При преместване на фокуса през страницата, активният елемент трябва да остане поне частично видим, дори ако части от страницата плават над съдържанието при търкаляне.
Как лепило ленти поглъщат фокуса
Много сайтове определят елементи на екрана: лентата с менюто в горната част, намек за бисквитка в долната част, може би банер с бюлетин между тях. Тези слоеве се носят над съдържанието. Ако фокусът на клавиатурата сега се движи през страницата, активният елемент може да бъде точно зад такъв бар...Фокусната рамка е там, но никой не го вижда. За потребителите на клавиатура, това се чувства сякаш фокусът е изчезнал: те продължават да подреждат и не знаят кой бутон са натиснали с бутона Enter. Особено коварни са високите намеци за бисквитки в дъното, зад които могат да изчезнат цели линии от форми, когато минават през тях.
Това е начинът, по който услугата за инспекция измерва фокуса маскиране
По време на реалното преминаване на клавиатурата, проверката на услугата проверява няколко точки на активния елемент за всяка спирка на фокуса: ако има непрозрачна, фиксирана или слепваща повърхност над елемента във всички тези точки, тя се счита за напълно замъглена, критерият е нарушен, а докладът посочва елемента заедно с снимката на екрана на документа. Измерването умишлено съди внимателно: елементи, които сами по себе си са част от фиксиран бар, никога не се считат за скрити зад него, и прозрачни овъртания не се считат за възпрепятстване. Ако елементът остава поне частично видим на всички спирки, критерият се счита за приет.
Beispiele
Съсредоточи се зад лепилото
header { position: sticky; top: 0; height: 80px; }
/* Tab scrollt das Element unter den Header */header { position: sticky; top: 0; height: 80px; }
html { scroll-padding-top: 88px; }превъртането запазва зоната под заглавната част чиста при смяна на фокуса. Плакатите за бисквитки улавят фокуса докато не бъдат затворени.
- Подпрозорец през страницата си и да гледате дъното на екрана го прави фокусът временно изчезват зад бележката бисквитка?
- Съхранявайте фиксирани барове възможно най-тесни, особено на малки екрани.
- Помолете вашата агенция да планира подвижен разстояние, когато се фокусира, така че активният елемент никога не попада под фиксирани решетки.
- Тествайте с видима бисквитка намек готварски това е мястото, където за първи път посетителите изпитват вашата страница.
