dostępność nie bierze się z
zaznaczenia jednego checkboxa .

Dostosowanie strony do wymagań dostępności to nie nakładka, dodatkowy przycisk ani kilka automatycznych poprawek. To dedykowane prace projektowe i programistyczne, które wykonujemy bezpośrednio w serwisie.

W Red Wolf realizujemy wdrożenia w oparciu o wymagania WCAG na poziomie AA. Analizujemy stronę, określamy zakres niezbędnych zmian i wprowadzamy je w kodzie, strukturze oraz interfejsie.

grafika
grafika
WCAG
grafika
poziom AA
grafika
dostępność cyfrowa
grafika
prace programistyczne
grafika

Każda strona zostawia inne ślady. Dlatego nie mamy „pakietu WCAG”.

Zakres prac zależy od tego, jak została zbudowana strona, jakie posiada komponenty, jak rozbudowana jest jej struktura i jakie problemy z dostępnością występują w konkretnym serwisie.

Dlatego do wdrożeń WCAG podchodzimy indywidualnie.

Sprawdzamy stronę, identyfikujemy obszary wymagające zmian i na tej podstawie określamy zakres dedykowanych prac programistycznych oraz projektowych potrzebnych do dostosowania serwisu do poziomu AA.

Nie wypuszczamy automatu w teren. Każdy ślad sprawdzamy osobno.

Dostępność powinna być częścią strony, a nie warstwą położoną na niej.

Na rynku można znaleźć rozwiązania obiecujące dostępność po instalacji dodatkowej nakładki czy wtyczki.

My wybieramy inną drogę.

Jeżeli element strony wymaga poprawy, poprawiamy sam element. Jeżeli problem leży w strukturze, zmieniamy strukturę. Jeśli konieczna jest ingerencja w kod, wykonujemy odpowiednie prace programistyczne.

grafika
grafika

Dzięki temu dostępność nie funkcjonuje obok strony. Staje się częścią sposobu, w jaki strona została zbudowana.

Nie gonimy za trzema literami.
Pracujemy nad realnymi elementami serwisu
.

Wdrożenie na poziomie AA może wymagać zmian w wielu warstwach strony — od jej struktury po sposób działania konkretnych komponentów.

W zależności od serwisu prace mogą obejmować między innymi:

grafika
Obsługę za pomocą klawiatury
Elementy interaktywne powinny być dostępne również bez korzystania z myszy.
grafika
Widoczność fokusu
Użytkownik poruszający się klawiaturą powinien wiedzieć, na którym elemencie aktualnie się znajduje.
grafika
Semantykę i strukturę HTML
Dbamy o prawidłowe wykorzystanie nagłówków, elementów nawigacyjnych, przycisków, linków i innych części interfejsu.
grafika
Kontrast i czytelność
Weryfikujemy elementy wizualne pod kątem wymagań dotyczących kontrastu i możliwości odczytania treści.
grafika
Formularze
Pola, etykiety, komunikaty oraz błędy powinny być prawidłowo opisane i możliwe do zrozumienia.
grafika
Elementy graficzne
Uwzględniamy właściwy sposób opisywania treści wizualnych tam, gdzie jest to wymagane.
grafika
Formularze
Pola, etykiety, komunikaty oraz błędy powinny być prawidłowo opisane i możliwe do zrozumienia.
grafika
Elementy graficzne
Uwzględniamy właściwy sposób opisywania treści wizualnych tam, gdzie jest to wymagane.
grafika
Komponenty interaktywne
Menu, akordeony, slidery, popupy czy inne niestandardowe elementy wymagają odpowiedniego zachowania i oznaczenia.
grafika
Technologie asystujące
Struktura serwisu powinna przekazywać odpowiednie informacje również użytkownikom korzystającym z technologii wspomagających.
grafika
Zakres zawsze wynika
z konkretnej strony.

To, czego nie widać,
może mieć ogromne znaczenie.

WCAG nie kończy się na kolorach, większej czcionce i alternatywnym opisie zdjęcia.

Duża część dostępności znajduje się pod powierzchnią interfejsu — w strukturze HTML, kolejności elementów, atrybutach, sposobie działania komponentów czy obsłudze strony z klawiatury.

Dlatego wdrożenie WCAG traktujemy również jako zadanie developerskie.

Użytkownik może tego kodu nigdy nie zobaczyć. Ale jego przeglądarka i technologie asystujące już tak.

grafika

Projekt może być początkiem
albo częścią większej trasy.

Nie zawsze trzeba budować wszystko od początku.
grafika
Przed projektowaniem
WCAG przy tworzeniu nowej strony
Najlepszym momentem na uwzględnienie dostępności jest etap projektowania i wdrażania serwisu. Możemy wtedy od początku uwzględnić odpowiednie rozwiązania w projekcie oraz kodzie.
grafika
ŚCIEŻKA UŻYTKOWNIKA
WCAG dla istniejącej strony
Możemy również przeanalizować już działający serwis i wdrożyć wymagane zmiany. W takim przypadku zakres zależy od obecnej technologii, konstrukcji strony oraz liczby elementów wymagających ingerencji.
grafika
Najpierw sprawdzamy, czy
obecna strona zna jeszcze
właściwy trop.
grafika
grafika

Dostępność dotyczy
całej drogi użytkownika.

Nagłówek może mieć odpowiedni kontrast, a mimo to formularz kontaktowy może być niedostępny. Menu może działać prawidłowo, podczas gdy popup blokuje możliwość dalszej nawigacji.
Dlatego nie patrzymy na stronę jak na zbiór pojedynczych ekranów.

Analizujemy komponenty i ścieżki, z których rzeczywiście korzysta użytkownik — od nawigacji, przez treści i elementy interaktywne, aż po formularze oraz wykonanie kluczowego działania.

Bo dostępny powinien być cały teren, a nie tylko główna ścieżka.

Nie liczymy WCAG od liczby łap.
Ani od liczby podstron
.

Dwie strony o podobnej wielkości mogą wymagać zupełnie innego zakresu pracy.

Jedna może posiadać prostą strukturę i kilka powtarzalnych komponentów. Druga — niestandardowe menu, formularze, slidery, filtry, popupy i elementy tworzone przez zewnętrzne rozwiązania.

Dlatego wdrożenie WCAG wyceniamy po poznaniu serwisu i określeniu rzeczywistego zakresu prac.

Najpierw trop. Potem zakres. Dopiero później wycena.

grafika

Jak wygląda
wdrożenie WCAG?

grafika
Wchodzimy na teren
Poznajemy stronę, technologię oraz zakres serwisu.
grafika
Szukamy barier
Identyfikujemy elementy wymagające zmian w kontekście przyjętego poziomu AA.
grafika
Wyznaczamy zakres
Określamy niezbędne prace projektowe i programistyczne.
grafika
Wchodzimy w kod
Wprowadzamy zmiany bezpośrednio w strukturze i komponentach strony.
grafika
Sprawdzamy trop ponownie
Weryfikujemy zmodyfikowane elementy i ich działanie.
grafika
Wypuszczamy stronę na szerszy teren
Po zakończeniu prac serwis jest lepiej przygotowany do korzystania przez osoby o różnych potrzebach.
grafika

resztę wywęszymy
podczas rozmowy

Najczęstsze pytania
i odpowiedzi

Każdy projekt o inne wyzwanie.
Poznaj historie tych, z którymi przeszliśmy całą drogę.
grafika
Do jakiego poziomu WCAG dostosowujecie strony?
Nasze wdrożenia realizujemy z założeniem dostosowania wskazanego zakresu serwisu do wymagań WCAG na poziomie AA. Dokładny zakres oraz wersję standardu określamy przed rozpoczęciem realizacji.
Nie traktujemy nakładki czy pojedynczej wtyczki jako zamiennika właściwego wdrożenia dostępności. Wprowadzamy zmiany bezpośrednio w elementach, strukturze i kodzie strony tam, gdzie są potrzebne.
Tak. Najpierw analizujemy sposób jej wykonania i określamy, jakie zmiany będą konieczne. W niektórych serwisach będą to stosunkowo lokalne poprawki, w innych zakres prac może być znacznie większy.
Nie zawsze, ale niektóre wymagania mogą wymagać zmian wizualnych — np. w zakresie kontrastu, widoczności fokusu czy sposobu prezentacji określonych elementów.
Tak. To istotna część tej usługi. Wdrożenie może wymagać ingerencji w HTML, CSS, JavaScript oraz sposób działania poszczególnych komponentów strony.
Tak — i jest to bardzo dobry moment. Możemy uwzględniać wymagania dostępności zarówno na etapie projektowania, jak i późniejszego wdrożenia.
grafika

Nie znalazłeś odpowiedzi
na swoje pytanie?

Napisz do nas! Chętnie rozwiejemy
Twoje wątpliwości!

Ślady jakie zostawiliśmy.

Każdy projekt to inne wyzwanie.
Poznaj historie tych, z którymi przeszliśmy całą drogę.

Strona internetowa
Lorem Ipsum
grafika
100%
responsywny design
grafika
+25
wdrożonych case study
grafika
85%
wydajność strony
Strona internetowa
Siatkowska Dizajns
grafika
100%
responsywny design
grafika
+45
wdrożonych case study
grafika
93%
wydajność strony
Strona internetowa
Bomar 2
grafika
100%
responsywny design
grafika
+45
wdrożonych case study
grafika
91%
wydajność strony
Strona internetowa
Lorem Ipsum
grafika
100%
responsywny design
grafika
+36
wdrożonych case study
grafika
93%
wydajność strony
Strona internetowa
Lorem Ipsum
grafika
100%
responsywny design
grafika
+25
wdrożonych case study
grafika
85%
wydajność strony
Strona internetowa
Siatkowska Dizajns
grafika
100%
responsywny design
grafika
+45
wdrożonych case study
grafika
93%
wydajność strony
Strona internetowa
Bomar 2
grafika
100%
responsywny design
grafika
+45
wdrożonych case study
grafika
91%
wydajność strony
Strona internetowa
Lorem Ipsum
grafika
100%
responsywny design
grafika
+36
wdrożonych case study
grafika
93%
wydajność strony