Често срещани проблеми с достъпността в въртележките на изображения
| Издаване | Описание | Въздействие |
|---|---|---|
| Недостъпност на клавиатурата | Контролите на въртележката не могат да се навигират чрез клавиатура. | Изключва потребители, разчитащи на навигация с клавиатура. |
| Липсва алтернативен текст | На изображенията липсва описателен алтернативен текст за екранни четци. | Потребителите на екранни четци пропускат критично съдържание. |
| Проблеми с автоматичното превъртане | Въртележките се превъртат автоматично без потребителски контрол. | Разсейва или дезориентира потребителите, особено тези с когнитивни увреждания. |
Ръководство стъпка по стъпка за достъпни въртележки
1. Изберете достъпна добавка за въртележка
Изберете приставка за WordPress, която дава приоритет на достъпността. Препоръчителните опции включват:
2. Добавете роли и атрибути на ARIA
Ролите на ARIA подобряват достъпността на въртележките. Включете роли като:
Предишна Следваща
3. Включете описателен алтернативен текст
Уверете се, че всяко изображение във въртележката има смислен алтернативен текст:
4. Активирайте навигацията с клавиатура
Тествайте навигацията с помощта на Tab ключ. Добавете CSS за индикатори за фокусиране:
button:focus { контур: 2px solid #005fcc; }
5. Осигурете контроли за автоматично превъртане
Позволете на потребителите да поставят на пауза или да деактивират автоматичното превъртане:
Пауза
Тестване на вашата въртележка
- клавиатура: Навигирайте всички елементи, като използвате само клавиатурата.
- Екранни четци: Използвайте инструменти като NVDA или VoiceOver, за да тествате функционалността на екранния четец.
- Инструменти за достъпност: Извършвайте одити с помощта на инструменти като WAVE или Lighthouse.
Казус от практиката: Достъпна въртележка за сайт за електронна търговия
Онлайн магазин актуализира своята продуктова въртележка, за да включи ARIA роли и навигация с клавиатура. Резултатът беше 20% увеличение на ангажираността на потребители с увреждания и подобрени резултати за достъпност в целия сайт.
Въпроси и Отговори
Защо въртележките с изображения често са недостъпни?
Липсват им подходящи контроли за навигация, алтернативен текст и управление на фокуса, което ги прави трудни за тълкуване от помощните технологии.
Мога ли да направя съществуваща въртележка достъпна?
Да, чрез добавяне на ARIA атрибути, алтернативен текст и осигуряване на правилна функционалност на клавиатурата.
Съвместими ли са с WCAG въртележките с автоматично превъртане?
Само ако предоставят контроли за потребителите да поставят на пауза или спират превъртането.
