Meridol Accessibility
strona • sklepWCAG w AEM. Czytelniej, wygodniej, zgodnie ze standardem
Kontekst projektu
Wspólnie z VML pracowaliśmy nad dostępnością meridol.de. Celem było wygodniejsze korzystanie ze strony dla osób używających klawiatury i czytników ekranu. Tam, gdzie AEM ograniczał ingerencję w HTML, wdrażaliśmy poprawki przez jQuery i stylowanie.
Nasze zadanie: Wdrożenie standardów WCAG 2.1, implementacja contrast tool, praca w jQuery i AEM, dostępność czytników ekranu, optymalizacja UI dla użytkowników z niepełnosprawnościami
Cele biznesowe
1) Klawiatura i kolejność fokusa. 2) Lepsze kontrasty. 3) Czytelne etykiety i komunikaty.
Proces
- 1Przegląd komponentów
- 2Plan poprawek
- 3Wdrożenia
- 4Testy z czytnikami
- 5Stabilizacja
Rozwiązania
Dodaliśmy contrast tool, etykiety i role ARIA, uporządkowaliśmy tab order, dopracowaliśmy stany fokus. Uzgodniliśmy zasady, które łatwo powtórzyć na innych rynkach.
Ocena współpracy
“Miałam przyjemność współpracować z Oskarem i z pełnym przekonaniem mogę powiedzieć: to specjalista, na którym można polegać. Od samego początku wyróżniał się silną motywacją do rozwoju i konsekwencją w działaniu. Startując na stanowisku Webmastera/Content Editora, bardzo szybko zaczął rozwijać się w kierunku front-end developmentu - i robił to z imponującym tempem i determinacją. Oskar nie tylko chłonie wiedzę, ale też potrafi ją skutecznie przekładać na realne efekty. Poza umiejętnościami technicznymi Oskar wnosi do zespołu zaangażowanie i gotowość do współpracy - a to równie cenne, jak znajomość frameworków.”