Полная навигация с помощью клавиатуры
Jede Funktion ist erreichbar ohne Maus. Das ist wichtig für Nutzer von Bildschirmlesegeräten. Es hilft auch allen anderen.
Что означает "Полная навигация с помощью клавиатуры"?
Tastatur-Navigation bedeutet: Man kann jede Funktion auf einer Website mit bestimmten Tasten bedienen. Dazu gehören Tab, Enter, Space, Pfeiltasten und Esc. Keine Maus ist nötig. Funktionen dürfen nicht nur mit Maus funktionieren. Effekte, die nur beim Drübergehen mit der Maus sichtbar sind, dürfen nicht die einzige Möglichkeit der Bedienung sein.
Обязательства и выгоды — WCAG 2.1.1.
Die Regel WCAG 2.1.1 (Keyboard) ist eine Pflicht. Ohne Tastatur-Bedienung kann eine Seite nicht von Bildschirmlesegeräten oder Personen mit Bewegungseinschränkungen benutzt werden. Auch erfahrene Nutzer brauchen das. Zusätzlich gilt Regel 2.1.2 (No Keyboard Trap). Der Fokus muss immer wieder aus jedem Bereich herauskommen. Karussells, Modals und spezielle Dropdowns sind die häufigsten Probleme.
Как именно мы это решим.
- Все кнопки
или<a href="/ru/…/">(нет<div onclick>). - Порядок перехода по вкладкам соответствует порядку чтения, а не является произвольным.
табиндекс. - Карусели: клавиши со стрелками + ESC (пауза); Модальные окна: фокусировка с помощью ESC (закрытие) + ESC (возврат фокуса).
- Всплывающие меню активируются нажатием клавиши клавиатуры.
- Перед каждым релизом проводится проверка клавиатуры — см. контрольный список для проверки.
Соответствующие структурные элементы нашего модульного комплекса
-
Контрастность AAA, проверенная по каждому компоненту.
WCAG 1.4.6Соотношение сторон текста ≥ 7:1, крупного шрифта ≥ 4,5:1 — тестирование проводилось для каждого компонента, а не для каждой страницы отдельно.
-
Простой язык (с поддержкой ИИ)
WCAG 3.1.5Упрощенный контент одним нажатием кнопки — для людей с трудностями при чтении, изучающих языки и тех, кто спешит.
-
Генератор альтернативного текста на основе ИИ
WCAG 1.1.1Kein „Bild ohne Beschreibung" mehr. KI liefert den ersten Entwurf — Redaktion verfeinert.
-
Heading-Hygiene & Struktur-Manager
WCAG 1.3.1Четкий формат, удобный для программ чтения с экрана и поисковых систем — один заголовок H1 на странице, без переходов между строками.
Вам нужен именно этот модуль?
15 Minuten für ein erstes Gespräch. Wir klären, ob das für Ihre Seite wichtig ist. Weitere Infos: Übersicht zur Barrierefreiheit, unser Leistungsangebot, BAFA-Förderung und häufig gestellte Fragen.
