Typowe problemy z dostępnością w karuzelach obrazów
| Kwestia | OPIS | Wpływ |
|---|---|---|
| Niedostępność klawiatury | Po karuzelę nie można się poruszać za pomocą klawiatury. | Wyklucza użytkowników polegających na nawigacji za pomocą klawiatury. |
| Brak tekstu alternatywnego | Obrazom brakuje opisowego tekstu alternatywnego dla czytników ekranu. | Użytkownicy czytników ekranowych nie dostrzegają istotnych treści. |
| Problemy z automatycznym przewijaniem | Karuzele przewijają się automatycznie bez kontroli użytkownika. | Rozprasza uwagę lub dezorientuje użytkowników, zwłaszcza tych z upośledzeniem funkcji poznawczych. |
Przewodnik krok po kroku po dostępnych karuzelach
1. Wybierz dostępną wtyczkę karuzeli
Wybierz wtyczkę WordPress, która priorytetowo traktuje dostępność. Zalecane opcje obejmują:
2. Dodaj role i atrybuty ARIA
Role ARIA zwiększają dostępność karuzel. Obejmują role takie jak:
Poprzedni Następny
3. Dołącz opisowy tekst alternatywny
Upewnij się, że każdy obraz w karuzeli ma znaczący tekst alternatywny:
4. Włącz nawigację za pomocą klawiatury
Przetestuj nawigację za pomocą Tab klucz. Dodaj CSS dla wskaźników fokusu:
przycisk: fokus { kontur: 2px solid #005fcc; }
5. Zapewnij elementy sterujące do automatycznego przewijania
Zezwalaj użytkownikom na wstrzymanie lub wyłączenie automatycznego przewijania:
Pauza
Testowanie karuzeli
- Klawiatura: Poruszaj się po wszystkich elementach używając wyłącznie klawiatury.
- Czytniki ekranu: Aby przetestować funkcjonalność czytnika ekranu, użyj narzędzi takich jak NVDA lub VoiceOver.
- Narzędzia ułatwień dostępu: Przeprowadzaj audyty za pomocą narzędzi takich jak WAVE i Lighthouse.
Studium przypadku: Dostępna karuzela dla witryny e-commerce
Sklep internetowy zaktualizował swoją karuzelę produktów, aby uwzględnić role ARIA i nawigację klawiaturową. Rezultatem był 20% wzrost zaangażowania użytkowników niepełnosprawnych i poprawa wyników dostępności w całej witrynie.
FAQ
Dlaczego karuzele obrazów są często niedostępne?
Brakuje w nich odpowiednich elementów nawigacyjnych, tekstu alternatywnego i możliwości zarządzania fokusem, co utrudnia ich interpretację przez technologie wspomagające.
Czy mogę uczynić istniejącą karuzelę dostępną?
Tak, dodając atrybuty ARIA, tekst alternatywny i zapewniając prawidłowe działanie klawiatury.
Czy karuzele z automatycznym przewijaniem są zgodne z wytycznymi WCAG?
Tylko jeśli zapewniają użytkownikom możliwość wstrzymania lub zatrzymania przewijania.
