Strona internetowa może wyglądać świetnie, działać szybko i nadal robić użytkownikom pod górkę. Czasem problemem jest link „więcej”, którego nie wiadomo dokąd prowadzi. Czasem formularz, którego nie da się obsłużyć bez myszy. Innym razem grafika mówi coś ważnego, ale jej opis alternatywny milczy jak zaklęty.
Dobra wiadomość jest taka, że podstawową dostępność strony internetowej możesz sprawdzić samodzielnie. Nie potrzebujesz od razu specjalistycznej wiedzy ani skomplikowanych narzędzi. Wystarczy kilka podstron, klawiatura i porządna lista kontrolna. Pokażę Ci, co sprawdzić krok po kroku. Od razu uczciwie: taka checklista nie jest audytem, certyfikatem ani dowodem pełnej zgodności z WCAG lub przepisami. To praktyczny pierwszy test, który pomaga znaleźć problemy i ustalić, od czego zacząć.
Na początek: dostępność strony to nie tylko temat dla urzędu
Dostępność cyfrowa nie dotyczy wyłącznie urzędów i wielkich serwisów. Chodzi o to, żeby możliwie różne osoby mogły przeczytać treść, znaleźć potrzebną informację i wykonać działanie: wysłać wiadomość, przejść do oferty albo odtworzyć film.
W praktyce sprawdzasz teksty, linki, grafiki, multimedia, formularze, menu i sposób poruszania się po stronie. Podstawowe badanie jest możliwe bez specjalistycznej wiedzy technicznej. Możesz zacząć od prostych obserwacji: czy widzisz, gdzie jesteś na stronie, czy wiesz, co kliknąć i czy nic nie blokuje dalszego działania.
Materiały gov.pl są tu dobrym praktycznym punktem odniesienia, ale nie oznacza to automatycznego przeniesienia wszystkich obowiązków prawnych na każdą firmę. Checklista pomaga wyłapać część istotnych problemów, lecz nie zastępuje pełnej oceny eksperckiej.
Szybki test: od czego zacząć bez specjalistycznej wiedzy
Nie testuj wyłącznie strony głównej. Wybierz kilka miejsc, w których użytkownik naprawdę coś robi albo czegoś szuka: kontakt, ofertę, formularz, stronę z grafikami, stronę z filmem i ewentualnie proces zakupowy. Dzięki temu nie sprawdzisz tylko ładnej wizytówki, ale prawdziwą drogę użytkownika.
Przygotuj zwykłą notatkę. Przy każdym problemie zapisz adres podstrony, krótki opis i informację, co dokładnie się stało. „Coś nie działa” niewiele pomoże. „Po trzech naciśnięciach Tab fokus znika przy menu” to już konkret dla osoby, która będzie poprawiać stronę.
Mini-checklista na start
- Wybierz kilka kluczowych podstron, nie tylko stronę główną.
- Sprawdź treści, linki, klawiaturę, grafiki, multimedia, formularze i nawigację.
- Zapisuj problemy razem z adresem i krótkim opisem.
- Najpierw popraw rzeczy, które blokują wykonanie podstawowego działania.
Podstawowe testy obejmują sześć obszarów: treści tekstowe, obsługę klawiaturą, alternatywy dla grafik, alternatywy dla multimediów, łatwą orientację i obsługę oraz brak zaskakujących sytuacji. Wynik potraktuj jako listę pierwszych poprawek, nie jako kompletną ocenę całej witryny.
Teksty i linki: czy użytkownik wie, co czyta i klika?
Najpierw przeczytaj stronę bez wchodzenia w tryb „twórca, który zna każdy szczegół”. Zobacz, czy ktoś obcy zrozumie, czego dotyczy oferta i jaki jest następny krok. Długie ściany tekstu podziel na krótsze akapity, śródtytuły i listy. To nie tylko kwestia estetyki. Taka struktura ułatwia szybkie znalezienie informacji.
Przejrzyj linki. Samo „kliknij tutaj”, „więcej” albo „sprawdź” często nie mówi, dokąd prowadzi odnośnik. Lepszy jest opis wskazujący miejsce docelowe lub działanie, na przykład „zobacz ofertę stron internetowych”. Użytkownik nie powinien prowadzić śledztwa po każdym kliknięciu.
Sprawdź też, czy ważne informacje nie są przekazywane wyłącznie kolorem. Jeśli komunikat brzmi „pola oznaczone na czerwono są błędne”, kolor może nie wystarczyć. Tytuły stron, nagłówki, opisy formularzy i plików do pobrania powinny być zrozumiałe bez zgadywania.
Test klawiatury: Tab, Enter i zero zgadywania
Odłóż mysz. Naciskaj wielokrotnie klawisz Tab i obserwuj, co dzieje się na stronie. Widoczny fokus, czyli zaznaczenie aktywnego elementu, powinien być łatwy do zauważenia. Kolejność przechodzenia powinna mieć sens: najpierw menu, potem treść, przyciski i formularz, a nie przypadkowa wycieczka po całym ekranie.
Sprawdź, czy elementy dostępne myszką działają także z klawiatury. Użyj Entera przy linkach i przyciskach, Spacji tam, gdzie ma zastosowanie, oraz Shift+Tab do cofania się. Esc i strzałki mogą być potrzebne przy zamykaniu okien, wyborze pozycji lub poruszaniu się po komponentach.
Nie zatrzymuj się na głównym menu. Przetestuj pola formularzy, listy rozwijane, wyskakujące okna, odtwarzacze multimediów, czaty, mapy i funkcje udostępniania. Jeśli po otwarciu elementu nie możesz przejść dalej albo fokus zostaje uwięziony, masz problem do zapisania. Mały test, duża mina.
Co oznacza dobry wynik testu?
- Fokus jest widoczny na aktywnym elemencie.
- Kolejność przechodzenia po stronie jest logiczna.
- Każdą funkcję dostępną myszką można obsłużyć także klawiaturą.
- Nie ma miejsca, w którym klawiatura blokuje dalsze poruszanie się.
Obsługa klawiaturą ma znaczenie dla osób, które nie używają myszy, a także dla użytkowników korzystających z klawiatur alternatywnych lub sterowania głosem. Nie jest jednak jedynym warunkiem dostępności strony.
Grafiki i multimedia: alt to nie zaklęcie
Przy każdej grafice zadaj sobie pytanie: po co ona tu jest? Jeśli przekazuje informację, opis alternatywny powinien zwięźle oddać najważniejszy sens obrazu w danym kontekście. Nie chodzi o mechaniczne wypisywanie wszystkiego, co widać. Chodzi o informację potrzebną do zrozumienia strony.
Inaczej opisujesz zdjęcie informacyjne, inaczej grafikę dekoracyjną, a jeszcze inaczej obraz będący linkiem. Przy grafice pełniącej funkcję odnośnika opis powinien przede wszystkim mówić, dokąd prowadzi lub co uruchamia. Grafika dekoracyjna może nie wymagać opisu alternatywnego.
Trzy pytania do każdej grafiki
- Czy grafika przekazuje ważną informację?
- Czy jest wyłącznie dekoracją?
- Czy działa jak link albo wymaga szerszego wyjaśnienia?
Wykres, infografika, mapa lub schemat to nie zawsze materiał do opisania jednym krótkim zdaniem. Potrzebny może być dłuższy opis, tekst obok grafiki, link do opisu albo tabela z danymi. Sam fakt, że obraz ma atrybut alt, nie oznacza jeszcze, że opis jest dobry.
Przy filmach sprawdź napisy, transkrypcję i audiodeskrypcję, jeśli są potrzebne. Te rozwiązania pełnią różne funkcje i nie są zamienne. Same napisy nie rozwiązują wszystkich problemów dostępności multimediów.
Formularze i nawigacja: czy da się trafić tam, gdzie trzeba?
Formularz powinien jasno mówić, co wpisać. Sprawdź, czy każde pole ma zrozumiałą etykietę, a komunikat błędu pomaga znaleźć problem i go poprawić. Przejdź cały formularz samą klawiaturą. Zobacz, czy możesz wejść w każde pole, wybrać opcję i dotrzeć do przycisku wysyłki.
Podczas testowania formularzy i płatności nie wysyłaj prawdziwych zamówień ani wiadomości. Korzystaj z trybu testowego, jeśli jest dostępny, albo zatrzymaj się przed końcowym wysłaniem. Test strony nie powinien skończyć się przypadkowym zakupem, którego nikt nie planował.
Sprawdź spójność menu na różnych podstronach, opisowe tytuły stron i więcej niż jeden sposób dotarcia do treści, na przykład menu oraz wyszukiwarkę lub mapę strony. Powiększ widok i oceń, czy tekst nadal jest czytelny, a elementy używalne. Jeśli po powiększeniu wszystko rozsypuje się jak kanapka bez talerza, zapisz problem.
Kiedy kończy się checklista, a zaczyna audyt?
Samodzielna checklista jest świetnym początkiem. Może wskazać podstawowe i część średnio trudnych problemów oraz pomóc ustalić kolejność poprawek. Nie odpowie jednak na wszystkie pytania. Bez testów z technologiami asystującymi, takimi jak czytniki ekranu, nie da się rzetelnie ocenić wszystkich barier.
Audyt warto rozważyć przy dużej stronie, wielu formularzach, procesie zakupowym, rozbudowanych multimediach i nietypowych komponentach. Jest potrzebny także wtedy, gdy zależy Ci na formalnej, możliwie kompletnej ocenie zgodności albo gdy proste testy wykazały dużo problemów.
Przy stronach podmiotów publicznych, sklepach internetowych i serwisach objętych konkretnymi obowiązkami prawnymi skonsultuj się z ekspertem od dostępności oraz sprawdź aktualne wymagania właściwe dla danego podmiotu. W sytuacjach spornych wiążąca jest opinia eksperta. Jedno automatyczne narzędzie również nie wykryje wszystkich barier.
Gotowa checklista do skopiowania
- Teksty i linki: zrozumiałe nagłówki, krótkie akapity, opisowe linki i brak ważnych informacji przekazywanych wyłącznie kolorem.
- Klawiatura: widoczny fokus, logiczna kolejność oraz dostępne menu, formularze i elementy interaktywne.
- Grafiki i multimedia: adekwatne opisy, dodatkowe informacje przy złożonych grafikach oraz właściwe alternatywy dla filmów.
- Formularze i nawigacja: etykiety pól, pomocne komunikaty błędów, tytuły stron, spójne menu i więcej niż jeden sposób znalezienia treści.
- Notatki: adres podstrony, opis problemu i decyzja, czy wystarczy poprawka, czy potrzebna jest konsultacja ekspercka.
To narzędzie do pierwszego sprawdzenia, a nie audyt ani potwierdzenie pełnej zgodności.
Samodzielny test warto zacząć od klawiatury, tekstów, grafik, multimediów, formularzy i nawigacji. Każdy znaleziony problem zapisz razem z adresem podstrony, żeby później nie szukać go po omacku. Taka checklista daje dobry punkt wyjścia i pomaga zamienić ogólne „coś tu nie gra” na konkretną listę działań. Przy złożonych albo formalnie istotnych serwisach nie zastąpi jednak pełnego audytu eksperckiego. Napisz do Szwagra i opowiedz, czego potrzebujesz — strony, grafiki, filmu albo tekstów.
