IRiTS / dostępność cyfrowa

Dostosowanie strony internetowej do WCAG 2.1 AA

Dostosowujemy istniejące strony internetowe do WCAG 2.1 AA: audyt, poprawki techniczne, obsługa klawiaturą, fokus, kontrast, formularze, testy i raport powykonawczy.

Audyt dostępności Poprawki WCAG 2.1 AA Klawiatura i fokus Kontrast, formularze, HTML Testy i raport

WCAG / WordPress

Realne dostosowanie strony, nie sama nakładka

Dostosowujemy istniejące strony WordPress do wymagań dostępności cyfrowej WCAG 2.1 AA. Pomagamy firmom, instytucjom, placówkom medycznym i organizacjom, które potrzebują audytu, technicznych poprawek, raportu powykonawczego albo potwierdzenia, że ich strona może być wygodnie obsługiwana przez osoby ze szczególnymi potrzebami.

Pracujemy na obecnej stronie, bez konieczności budowy nowego serwisu, jeżeli dostosowanie można wykonać w aktualnej technologii. W WordPressie wdrażamy poprawki w treści, konfiguracji, stylach CSS, motywie potomnym oraz w dedykowanej wtyczce lub module przygotowanym pod konkretną stronę.

Zakres, który możemy potwierdzić

  • audyt WCAG strony WordPress i analiza techniczna,
  • autorska wtyczka lub dedykowany moduł WordPress,
  • poprawa obsługi klawiaturą, fokusu, menu i formularzy,
  • korekta HTML, ARIA, kontrastu, CSS i responsywności,
  • testy po wdrożeniu oraz raport powykonawczy.

Audyt i wdrożenie

Dostosowanie strony internetowej do WCAG 2.1 AA

Dostosowanie strony do WCAG zaczynamy od analizy technicznej. Sprawdzamy, jak zbudowana jest strona, jakie ma szablony, motyw, wtyczki, menu, formularze, tabele, dokumenty, elementy dynamiczne i podstrony wymagające szczególnej uwagi.

Analiza strony

Weryfikujemy aktualny stan serwisu, błędy wskazane w audycie, strukturę treści, szablony, formularze, menu, tabele, dokumenty i elementy dynamiczne.

Plan poprawek

Określamy, które zmiany można wykonać w treści, konfiguracji WordPressa, motywie potomnym, CSS albo dedykowanym module.

Wdrożenie WCAG

Wdrażamy poprawki techniczne tak, aby strona była bardziej dostępna i możliwa do utrzymania po aktualizacjach WordPressa.

Wtyczka dostępności WordPress może obejmować

  • poprawę działania menu, podmenu i elementów rozwijanych,
  • korektę przycisków, linków, wyszukiwarki i formularzy,
  • dodanie brakujących etykiet i nazw dostępnych,
  • uzupełnienie atrybutów ARIA tam, gdzie są potrzebne,
  • wzmocnienie widocznego fokusu i stanów aktywnych,
  • poprawki CSS dla kontrastu, czytelności i responsywności.

Autorski moduł

Autorska wtyczka dostępności WordPress

W wielu projektach najlepszym rozwiązaniem jest autorska wtyczka dostępności WordPress albo dedykowany moduł techniczny. Nie chodzi o gotowy pasek dostępności, ale o rozwiązanie przygotowane pod konkretną stronę, jej motyw, strukturę HTML, menu, formularze, style i zachowanie elementów interaktywnych.

Taki moduł może poprawiać elementy obecnej strony bez zmiany technologii i bez budowy serwisu od nowa. Dzięki temu wdrożenie jest dopasowane do realnych problemów wskazanych w audycie WCAG.

Zakres prac

Co obejmuje poprawa dostępności strony WordPress?

Klawiatura i fokus

Poprawiamy logiczną kolejność tabulacji, widoczność fokusu, dostęp do menu, podmenu, formularzy, wyszukiwarki, sliderów i komunikatów bez użycia myszy.

HTML, ARIA i formularze

Porządkujemy semantykę HTML, etykiety pól, komunikaty błędów, nazwy dostępne przycisków i atrybuty ARIA, gdy są technicznie uzasadnione.

Kontrast i CSS

Korygujemy kontrast tekstów, linków, dat, przycisków i elementów pomocniczych oraz style CSS wpływające na czytelność i dostępność strony.

Grafiki i linki

Uzupełniamy opisy alternatywne grafik informacyjnych, oznaczamy grafiki dekoracyjne i poprawiamy linki typu „zobacz więcej” oraz linki do dokumentów.

Nagłówki i tabele

Porządkujemy hierarchię nagłówków, listy, tabele, skróty i strukturę treści, aby strona była zrozumiała także dla technologii asystujących.

Responsywność

Sprawdzamy działanie strony przy powiększeniu 200% i 400%, na urządzeniach mobilnych oraz w widokach, w których treść może być ucinana.

Proces

Jak przebiega wdrożenie WCAG w WordPressie?

1

Analiza

Sprawdzamy stronę, audyt, motyw, wtyczki i elementy, które wymagają poprawek dostępności.

2

Plan

Opisujemy sposób wdrożenia i wskazujemy, które zmiany wykona moduł, motyw potomny, CSS albo edycja treści.

3

Wdrożenie

Wprowadzamy poprawki techniczne w obecnej stronie WordPress bez niepotrzebnej zmiany technologii.

4

Raport

Testujemy efekty, opisujemy wykonane zmiany i przekazujemy zalecenia dla administratorów oraz redaktorów.

Bez pozorów

Pasek dostępności nie zastępuje wdrożenia WCAG

Gotowy pasek dostępności albo nakładka accessibility overlay nie rozwiązuje problemów takich jak błędna struktura nagłówków, brak etykiet formularzy, niewidoczny fokus, niedziałające menu z klawiatury, linki bez zrozumiałej treści, za niski kontrast albo tabele nieczytelne na małym ekranie.

Jeżeli strona ma być zgodna z WCAG 2.1 AA, trzeba poprawić elementy, z których użytkownicy faktycznie korzystają. Dotyczy to kodu HTML, CSS, struktury treści, działania interfejsu, obsługi klawiaturą i sposobu publikacji materiałów przez redaktorów.

To ważne przy zapytaniach ofertowych

Możemy przygotować ofertę, która jasno opisuje techniczny sposób realizacji: analizę, dedykowaną wtyczkę lub moduł WordPress, wdrożenie poprawek, testy, raport oraz wsparcie po wdrożeniu.

Testy i dokumentacja

Raport powykonawczy po dostosowaniu strony

Po wdrożeniu wykonujemy testy dostępności cyfrowej z użyciem narzędzi automatycznych, takich jak WAVE, Lighthouse, axe, IBM Equal Accessibility Checker lub narzędzi równoważnych. Uzupełniamy je testami manualnymi, ponieważ automaty nie wykrywają wszystkich problemów związanych z klawiaturą, logiką treści, opisami linków, kolejnością fokusu i obsługą elementów dynamicznych.

Co może zawierać raport?

  • listę wykonanych zmian,
  • odniesienie do uchybień z audytu,
  • opis działania dedykowanej wtyczki lub modułu,
  • wskazanie ryzyk zależnych od zewnętrznych wtyczek,
  • rekomendacje dla administratorów i redaktorów.

Dodatkowe elementy

Możemy również przejrzeć deklarację dostępności, wskazać dokumenty PDF lub DOC wymagające odrębnego dostosowania i przygotować krótką instrukcję publikowania dostępnych treści w WordPressie.

Wycena WCAG

Zapytaj o dostosowanie strony WordPress do WCAG

Jeżeli chcesz sprawdzić, czy Twoja strona WordPress spełnia wymagania WCAG 2.1 AA albo potrzebujesz wyceny technicznego dostosowania serwisu, skontaktuj się z nami. Przeanalizujemy stronę, wskażemy możliwy zakres prac i zaproponujemy sposób wdrożenia dopasowany do obecnej technologii.

Przewijanie do góry