Lista kontrolna dostępności strony dla małych firm (wg WCAG)

Praktyczna lista kontrolna dostępności strony według WCAG 2.2: przejście klawiaturą i fokus, tekst, kontrast, etykiety formularzy i błędy, alternatywy tekstowe obrazów, co wychwytują narzędzia automatyczne, a co człowiek, i jak zapisywać ustalenia bez deklarowania zgodności z prawem.

Najczęściej zadawane pytania

Jakiego standardu powinna przestrzegać lista kontrolna dostępności strony?

WCAG 2.2 na poziomie AA to standard, do którego odwołuje się większość przepisów i polityk. Ta lista obejmuje jego najczęstsze problemy w małych firmach, a nie każde kryterium.

Czy automatyczne narzędzie może sprawić, że moja strona będzie dostępna?

Nie. Narzędzia automatyczne wychwytują brakujące atrybuty i niektóre problemy z kontrastem, ale człowiek musi sprawdzić obsługę klawiaturą, fokus i to, czy etykiety i teksty alternatywne mają sens.

Czy przejście tej listy sprawia, że moja strona jest zgodna z ADA?

Żadna lista nie może zagwarantować zgodności z prawem. Prowadź dziennik z datami, opublikuj uczciwą deklarację dostępności i zapytaj prawnika o swoje obowiązki.

Ta lista kontrolna obejmuje kontrole, które właściciel małej firmy może wykonać w około godzinę bez specjalnego oprogramowania: korzystanie ze strony tylko za pomocą klawiatury, sprawdzenie rozmiaru tekstu i kontrastu, sprawdzenie, czy każde pole formularza ma etykietę i czytelne komunikaty o błędach, oraz sprawdzenie, czy obrazy mają sensowne alternatywy tekstowe. Opiera się na WCAG 2.2, standardzie, do którego odwołuje się większość przepisów i polityk, oraz na własnych Easy Checks W3C. Jej przejście nie czyni strony zgodną z prawem; znajduje najczęstsze bariery.

1. Przejście klawiaturą i fokus

Odłóż mysz. Naciskaj Tab od góry strony do dołu, a potem Shift+Tab z powrotem.

[ ] Link "Przejdź do treści" pojawia się przy pierwszym Tab (pomocny przy długich menu)
[ ] Do każdego linku, przycisku i pola formularza można dotrzeć klawiszem Tab
[ ] Zawsze widać, gdzie jest fokus (obrys lub podświetlenie)
[ ] Fokus przesuwa się w sensownej kolejności, od góry do dołu, od lewej do prawej
[ ] Menu otwiera się klawiszem Enter lub Spacja i zamyka klawiszem Escape
[ ] Okna wyskakujące można zamknąć klawiaturą, a fokus wraca na stronę
[ ] Nic nie zatrzymuje fokusu (zawsze można przejść dalej klawiszem Tab)
[ ] Przyklejone nagłówki nie zasłaniają elementu z fokusem

2. Tekst, kontrast, etykiety formularzy i błędy

[ ] Tekst podstawowy jest czytelny przy normalnym powiększeniu (około 16px lub więcej)
[ ] Powiększ do 200%: nic się nie nakłada ani nie ucina; brak przewijania w bok
[ ] Kontrast tekstu co najmniej 4.5:1 (3:1 dla dużego tekstu) - sprawdź narzędziem
[ ] Linki odróżniają się od tekstu czymś więcej niż samym kolorem
[ ] Każde pole formularza ma widoczną etykietę (tekst zastępczy nie jest etykietą)
[ ] Wymagane pola są oznaczone tekstem, a nie tylko kolorem
[ ] Błędy mówią, co poszło źle i jak to naprawić, obok pola
[ ] Przyciski mówią, co robią ("Wyślij zapytanie", a nie "Wyślij" ani sama ikona)
[ ] Język strony jest ustawiony, a nagłówki idą po kolei (H1, H2, H3)

Sprawdź pary kolorów za pomocą kalkulatora kontrastu kolorów. Wartości kontrastu pochodzą z kryterium WCAG kontrast (minimalny).

3. Cel obrazu i alternatywy tekstowe

Drzewo decyzyjne tekstu alternatywnego W3C obejmuje przypadki graniczne.

4. Kontrole automatyczne a testy z udziałem człowieka

Automatyczne narzędzia znajdująTylko człowiek może ocenić
Brakujące atrybuty altCzy tekst alternatywny jest faktycznie użyteczny
Niski kontrast na jednolitych tłachKontrast tekstu na zdjęciach i wideo
Pola formularza bez etykietyCzy etykiety i błędy mają sens
Brak języka strony, puste linkiKolejność klawiatury, widoczność fokusu, pułapki
Pominięte poziomy nagłówkówCzy nagłówki opisują treść

Najpierw uruchom kontrolę automatyczną (ocena strony zawiera podstawowe kontrole dostępności; W3C prowadzi listę narzędzi do oceny), a potem wykonaj ręczne przejście powyżej. Jeśli wśród Twoich klientów jest wielu osób z niepełnosprawnościami, zapłać za testy z udziałem osób z niepełnosprawnościami.

Wypełniony dziennik ustaleń (oznaczona demonstracja)

Fikcyjna firma „Harbour Line Plumbing”. To nie jest prawdziwa firma; pokazujemy format, a nie wyniki.

Data kontroli: [data]   Sprawdzał: właściciel   Strony: Główna, Usługi, Kontakt
Przeglądarka/urządzenia: laptop tylko z klawiaturą; telefon z włączonym czytnikiem ekranu
#  Strona   Problem                                  Ref. WCAG    Naprawione?
1  Główna   Ikona telefonu bez etykiety ("button")   4.1.2        tak
2  Główna   Biały tekst na zdjęciu głównym trudny do odczytania 1.4.3  tak, ciemniejsza nakładka
3  Kontakt  Etykieta pola kodu pocztowego to tylko tekst zastępczy 3.3.2  tak
4  Kontakt  Błąd mówi tylko "Nieprawidłowe"          3.3.1        tak, "Wpisz numer telefonu"
5  Usługi   Alt zdjęć w galerii = nazwy plików       1.1.1        tak
6  Wszystkie Brak widocznego fokusu na linkach menu  2.4.7        otwarte - zgłoszone twórcy kreatora
Nie testowano: napisów do wideo (brak wideo na stronie)
PUSTY
Data / sprawdzał / strony / przeglądarki i urządzenia:
#  Strona  Problem  Ref. WCAG  Naprawione? (tak / otwarte + uwaga)
Nie testowano:

5. Dokumentuj ustalenia bez deklarowania zgodności z prawem

Edycja kliknij i edytuj w kreatorze We.Inc, użyta do poprawy etykiet i tekstu na stronie
Poprawianie etykiet i tekstu na miejscu w kreatorze We.Inc.

Kolejny krok

Zacznij od szablonu biznesowego w kreatorze stron We.Inc, a potem uruchom tę listę kontrolną i ocenę strony przed publikacją. Plan Free daje do 3 stron z szablonów pod adresem we.inc (bez kredytów AI i bez własnej domeny); Starter za $20/miesiąc dodaje budowanie z AI i własne domeny (cennik). Planujesz budżet poprawek lub przebudowy? Użyj kalkulatora kosztów strony.

Zacznij budować stronę swojej firmy

Zacznij za darmo · Bez karty kredytowej

Product

Who It's For

Features

Resources

Company

View Sitemap