Dostosuję stronę WordPress lub sklep do wytycznych WCAG 2.1

Cena i audyt gratis

• Audyt gratis. Zanim zaczniemy, bezpłatnie przeprowadzam audyt wstępny: analizuję Twoje wymagania oraz istniejący kod, sklep lub stronę, szacuję liczbę godzin pracy i rekomenduję rozwiązanie. Audyt nie zobowiązuje Cię do zlecenia.
• Cena: 200 zł netto za godzinę pracy. Cena w sklepie dotyczy jednej godziny. Szacunek liczby godzin dostajesz po audycie wstępnym, zanim podejmiesz decyzję.
• Bez niespodzianek w rozliczeniu. To zadanie jest większe niż typowa drobna naprawa, dlatego po bezpłatnym audycie dostajesz ode mnie szacunek liczby godzin. Nie przekraczam go bez Twojej wcześniejszej informacji i akceptacji. Nie dostaniesz rachunku wyższego, niż się umówiliśmy.

Na czym polega problem

• Część osób korzysta ze strony wyłącznie klawiaturą, czytnikiem ekranu albo z powiększeniem. Jeśli menu, koszyk czy formularz nie reagują na klawisz Tab, taka osoba nie złoży zamówienia ani nie wyśle zapytania.
• Jasnoszary tekst na białym tle, przyciski rozpoznawalne tylko po kolorze i małe pola do kliknięcia utrudniają czytanie także osobom bez niepełnosprawności, na przykład na telefonie w słońcu.
• Pola formularzy bez etykiet, komunikaty błędów, których czytnik ekranu nie odczyta, i zdjęcia bez tekstów alternatywnych sprawiają, że strona jest dla części odbiorców po prostu niema.
• Gotowe motywy i wtyczki WordPressa oraz szablony sklepów często deklarują dostępność, ale po dodaniu własnych treści, sliderów i okienek z cookies bariery wracają.
• Przepisy dotyczące dostępności cyfrowej obejmują coraz więcej firm prowadzących sprzedaż online, więc warto wiedzieć, w jakim stanie jest Twoja strona, zanim ktoś zapyta.

Co obejmuje usługa

• Audyt wybranych, najważniejszych podstron (strona główna, kategoria, karta produktu lub usługi, koszyk, kasa, formularz kontaktowy) według kryteriów WCAG 2.1 na poziomie A i AA.
• Sprawdzenie automatycznymi narzędziami oraz ręczny test: przejście całej ścieżki zakupu lub kontaktu samą klawiaturą i z czytnikiem ekranu.
• Poprawki kontrastu kolorów tekstu, przycisków i linków tak, aby treść była czytelna bez zmiany charakteru projektu.
• Poprawa nawigacji klawiaturą: widoczny fokus, logiczna kolejność przechodzenia, dostępne menu rozwijane, okna modalne i link do pominięcia nawigacji.
• Etykiety i opisy pól formularzy, czytelne komunikaty błędów oraz poprawna struktura nagłówków na stronach.
• Teksty alternatywne dla zdjęć i grafik, które niosą informację, oraz oznaczenie grafik czysto dekoracyjnych tak, aby czytnik je pomijał.
• Raport przed i po: lista wykrytych barier, opis wprowadzonych zmian i problemy, których nie da się usunąć bez przebudowy szablonu lub wymiany wtyczki.

Jak wygląda proces

• Ustalamy listę podstron i najważniejsze ścieżki użytkownika, które mają zostać sprawdzone.
• Wykonuję audyt i przesyłam Ci listę barier z podziałem na te, które poprawię w ramach usługi, oraz te, które wymagają osobnej decyzji.
• Przed zmianami robię kopię plików i bazy, a poprawki wprowadzam w motywie potomnym lub w osobnych plikach, aby aktualizacja szablonu ich nie nadpisała.
• Po wdrożeniu powtarzam testy na tych samych podstronach i sprawdzam, czy wygląd strony na komputerze i telefonie nie ucierpiał.
• Przekazuję raport końcowy i krótko omawiam, na co zwracać uwagę przy dodawaniu nowych treści, żeby bariery nie wróciły.

Efekt po wdrożeniu

• Najważniejsze ścieżki na stronie, czyli zakup, kontakt i rejestracja, da się przejść samą klawiaturą i z czytnikiem ekranu.
• Teksty i przyciski są czytelniejsze dla wszystkich odwiedzających, nie tylko dla osób z niepełnosprawnościami.
• Masz dokument opisujący stan dostępności przed i po zmianach, który możesz pokazać prawnikowi, audytorowi lub wykorzystać przy przygotowaniu deklaracji dostępności.
• Wiesz, które elementy strony nadal wymagają pracy i w jakiej kolejności się nimi zająć.

Gwarancja

• Poprawiam bariery wykryte w uzgodnionym zakresie podstron. Jeśli któraś z wprowadzonych zmian nie działa tak, jak opisałem w raporcie, poprawiam ją w ramach zlecenia.
• Usługa nie jest certyfikacją i nie potwierdza pełnej zgodności strony z przepisami. Usuwam wykryte bariery i dokumentuję stan, a ocena prawna, czy strona spełnia wymagania, które Cię dotyczą, należy do Ciebie lub Twojego doradcy.
• Treści dodane po zakończeniu prac, nowe wtyczki i zmiany szablonu mogą wprowadzić nowe bariery, dlatego raport zawiera wskazówki, jak je samodzielnie wychwycić.

Co potrzebuję, aby zacząć

• Adres strony i listę podstron lub ścieżek, które są dla Ciebie najważniejsze
• Logowanie do panelu WordPressa lub sklepu (konieczne)
• Dostęp SSH (rekomendowany), FTP, SFTP lub do hostingu (potrzebny przy zmianach w plikach szablonu)
• Informację, czy korzystasz z motywu potomnego i kto ostatnio modyfikował szablon

Najczęstsze pytania

Czy po usłudze moja strona będzie w pełni zgodna z WCAG 2.1?

Usuwam bariery wykryte na uzgodnionych podstronach i opisuję w raporcie, co zostało poprawione, a co wymaga dalszej pracy. Nie wydaję certyfikatu ani opinii prawnej. Pełna zgodność zależy też od treści dodawanych później, wtyczek i zewnętrznych skryptów, na przykład płatności czy czatu.

Czy poprawki zmienią wygląd mojej strony?

Zmiany są zwykle subtelne: ciemniejszy odcień tekstu, wyraźniejsza obwódka aktywnego elementu, podpisy przy polach formularza. Jeśli jakaś poprawka wymaga widocznej zmiany projektu, na przykład koloru przycisku, najpierw ją z Tobą uzgadniam.

Czy usługa obejmuje sklepy PrestaShop i WooCommerce?

Tak. Sprawdzam strony na WordPressie, sklepy WooCommerce i sklepy PrestaShop. W sklepie szczególnie dokładnie testuję koszyk i proces zamówienia, bo tam bariera kosztuje najwięcej.

Co jeśli barierę tworzy zewnętrzna wtyczka albo moduł płatności?

Opisuję problem w raporcie i proponuję rozwiązanie: zmianę ustawień, zamiennik albo zgłoszenie do autora. Kodu zewnętrznych usług, takich jak bramka płatności, nie da się poprawić po stronie sklepu, więc takie miejsca zaznaczam osobno.