Strona zgodna z WCAG
Z Waszej strony korzystają też osoby niewidome, słabowidzące i takie, które obsługują komputer samą klawiaturą. Projektujemy i poprawiamy strony tak, żeby spełniały WCAG na poziomie AA, czyli standard, do którego odwołują się przepisy o dostępności cyfrowej.
Podejście
Jak dojść do strony zgodnej z WCAG?
Na starcie ustalamy, jaki poziom ma spełniać strona. Zwykle jest to AA. Czy przepisy obejmują Waszą firmę, zależy od rodzaju usług i jej wielkości, więc tę część oceniacie z prawnikiem. My odpowiadamy za projekt i kod.
-
Dostępność od kolorów marki
Problemy często zaczynają się w identyfikacji. Kontrast palety sprawdzamy, zanim powstanie projekt strony, a w brandbooku zapisujemy, jaki tekst może stać na każdym kolorze.
-
Poprawki w projekcie i w kodzie
Kolejność nagłówków, etykiety pól formularza, opisy zdjęć i obsługę klawiaturą poprawiamy w samej stronie. Nakładka w rogu ekranu, która powiększa tekst, nie zrobi tego za nas.
-
Sprawdzenie, jak robi to człowiek
Przechodzimy stronę samą klawiaturą i z czytnikiem ekranu. Automatyczne testy są pierwszym krokiem, bo wyłapują tylko część błędów.
Zakres współpracy
Co przygotowujemy?
Audyt dostępności Co dziś nie spełnia WCAG na Waszej stronie
Co robimy
Sprawdzamy kontrast, wielkość tekstu, nagłówki, formularze, opisy zdjęć i filmów oraz obsługę klawiaturą i czytnikiem ekranu. Przy każdym problemie piszemy, gdzie jest na stronie i jak go poprawić.
Co dostajecie
- Przegląd zgodności z WCAG na poziomie AA
- Lista poprawek dla projektantów i programistów
- Kolejność poprawek, od tych, które blokują najwięcej osób
Poprawki istniejącej strony Zmiany w projekcie i w kodzie
Co robimy
Wprowadzamy poprawki z audytu: kolory i kontrast, kolejność nagłówków, etykiety pól, opisy zdjęć, widoczne zaznaczenie przy obsłudze klawiaturą. Po zmianach sprawdzamy stronę jeszcze raz.
Co dostajecie
- Poprawiony projekt i kod strony
- Sprawdzenie po poprawkach
- Zasady dla osób, które dodają treści
Nowa strona zgodna z WCAG Dostępność zaplanowana od pierwszego projektu
Co robimy
Przy nowej stronie dostępność jest częścią warsztatów, palety kolorów i bloków w panelu. Strona Urtiki miała spełniać WCAG 2.1 na poziomie AA: dawny niebieski z białym napisem dawał na przycisku kontrast 3,1:1, a po rozjaśnieniu niebieskiego i zmianie napisu na granatowy przycisk ma 5,8:1.
Co dostajecie
- Paleta kolorów sprawdzona pod kątem kontrastu
- Bloki w panelu z miejscem na opisy zdjęć i porządkiem nagłówków
- Sprawdzenie strony przed publikacją
Podobne realizacje
Napisz do nas!
Wypełnij formularz lub napisz na:
hello@fluostudio.pl
Wolisz zadzwonić?
+48 726 220 596
"*" oznacza pola wymagane