Ponad 96 procent najczęściej odwiedzanych stron ma wykrywalne błędy dostępności na swojej stronie głównej. Ta liczba pochodzi z corocznego badania dostępności, które testuje miliony stron rocznie. Dostępny projekt strony nie jest domyślny. Trzeba go budować świadomie, a na większości stron firmowych tego nie zrobiono.
Dostępny projekt strony oznacza zbudowanie jej tak, by osoby z niepełnosprawnościami mogły ją odbierać, poruszać się po niej i skutecznie z niej korzystać. Dotyczy to osób z wadami wzroku, które korzystają z czytników ekranu, osób z niepełnosprawnością ruchową, które nawigują klawiaturą zamiast myszy, osób z ubytkiem słuchu, które potrzebują napisów do dźwięku i wideo, oraz osób z niepełnosprawnością poznawczą, którym pomagają czytelne i spójne układy.
Dostępność nie jest funkcją dodawaną na końcu budowy. To zestaw decyzji projektowych i technicznych podejmowanych przez cały czas, które decydują o tym, czy wszyscy odwiedzający, a nie tylko osoby bez niepełnosprawności, mogą korzystać ze strony.
Komu służy dostępny projekt strony?
Światowa Organizacja Zdrowia szacuje, że ponad 1,3 miliarda ludzi żyje z jakąś formą niepełnosprawności. To około 16 procent populacji świata. Projektowanie z myślą o dostępności to projektowanie dla znacznej części potencjalnych odbiorców.
Korzyści wykraczają poza osoby z niepełnosprawnością trwałą. Osoba korzystająca z telefonu w ostrym słońcu widzi gorzej. Ktoś z tymczasową kontuzją może nawigować klawiaturą. Użytkownik oglądający wideo w hałasie potrzebuje napisów, żeby nadążyć. Poprawki dostępności pomagają tak samo przy ograniczeniach tymczasowych i sytuacyjnych, jak przy trwałych. Strona zbudowana jako dostępna działa lepiej dla znacznie szerszego grona osób.
Jest też wymiar prawny. W wielu krajach, w tym w Stanach Zjednoczonych, firmy mają prawny obowiązek zapewnić równy dostęp do swoich usług. Strony internetowe były przedmiotem pozwów o dostępność, a liczba spraw prawnych dotyczących dostępności stron stale rośnie z roku na rok. Artykuł o tym, jak dostosować stronę do wymogów ADA, opisuje, co wymogi prawne oznaczają w praktyce dla stron firmowych.
Czym są standardy dostępności WCAG?
Web Content Accessibility Guidelines, czyli WCAG, to uznawane na całym świecie standardy dostępności stron internetowych. Opublikowane przez World Wide Web Consortium, określają trzy poziomy zgodności. Poziom A to minimalna podstawa. Poziom AA to standard przywoływany w większości ram prawnych i praktyczny cel dla stron firmowych. Poziom AAA jest najbardziej wszechstronny i rzadko wymagany na całej stronie.
WCAG opiera się na czterech podstawowych zasadach, określanych skrótem POUR.
Postrzegalność
Cała treść musi być przedstawiona w sposób, który użytkownicy mogą odebrać. Teksty alternatywne obrazów pozwalają czytnikom ekranu opisać treść wizualną osobom, które jej nie widzą. Napisy i transkrypcje czynią dźwięk i wideo dostępnymi dla osób z ubytkiem słuchu. Wystarczający kontrast kolorów sprawia, że tekst jest czytelny dla osób słabowidzących lub z zaburzeniami widzenia barw.
Funkcjonalność
Wszystkie funkcje muszą działać przy użyciu klawiatury, a nie tylko myszy czy ekranu dotykowego. Nawigacja musi być przewidywalna. Użytkownicy muszą mieć dość czasu na przeczytanie treści i działanie bez presji czasu. Należy unikać lub kontrolować migające treści, które mogą wywołać napady padaczkowe.
Zrozumiałość
Treść i nawigacja muszą być czytelne i zrozumiałe. Język podstrony trzeba zadeklarować, by czytniki ekranu stosowały właściwe zasady wymowy. Komunikaty o błędach w formularzach muszą wyjaśniać, co poszło nie tak i jak to naprawić. Nawigacja musi zachowywać się spójnie na wszystkich podstronach, by użytkownicy mogli przewidzieć, gdzie są elementy sterujące.
Solidność
Treść musi działać niezawodnie z obecnymi i przyszłymi technologiami wspomagającymi. Oznacza to używanie poprawnego, semantycznego HTML, by czytniki ekranu i inne narzędzia mogły właściwie zinterpretować strukturę podstrony. Przyciski muszą być zakodowane jako przyciski. Nagłówki muszą tworzyć logiczną hierarchię, a nie być wybierane tylko ze względu na rozmiar wizualny. Artykuł o tym, czym jest hierarchia wizualna, wyjaśnia, jak struktura nagłówków i waga wizualna współpracują na podstronie.
Jakie są najczęstsze problemy z dostępnością stron?
Analiza dostępności wskazuje sześć rodzajów błędów, które pojawiają się na przytłaczającej większości testowanych podstron. Najczęstszy to brak tekstu alternatywnego przy obrazach. Drugi to niski kontrast między tekstem a tłem. Resztę stanowią brakujące etykiety pól formularzy, puste linki, brak deklaracji języka dokumentu i puste przyciski.
Dla stron firmowych praktyczne punkty startowe to teksty alternatywne wszystkich istotnych obrazów, wystarczający kontrast wszystkich elementów tekstowych, czytelne etykiety każdego pola formularza i logiczna struktura nagłówków na każdej podstronie.
Dostępność nawigacji to kolejna częsta luka. Menu rozwijane, które uruchamiają się tylko po najechaniu myszą, zawodzą u osób używających klawiatury. Linki z napisem „kliknij tutaj" lub „czytaj więcej" bez otaczającego kontekstu zawodzą u osób korzystających z czytników ekranu, które poruszają się po liście linków. Artykuł o tym, czym jest nawigacja strony, opisuje, jak zbudować nawigację działającą przy wszystkich metodach obsługi i na wszystkich urządzeniach.
Jak przetestować dostępność strony?
Narzędzia automatyczne szybko wykrywają dużą część błędów dostępności. Rozszerzenia przeglądarki, które analizują podstrony pod kątem kryteriów WCAG, pokazują problemy z kontrastem, brakujące teksty alternatywne i błędy struktury bez żadnej konfiguracji technicznej. Automatyczne skanowanie to rozsądny pierwszy krok i wychwyci najczęstsze problemy na większości podstron.
Testy automatyczne mają granice. Nie ocenią wiarygodnie, czy tekst alternatywny jest opisowy, czy kolejność czytania ma sens po usunięciu CSS, ani czy elementy interaktywne działają poprawnie z czytnikiem ekranu. Do dokładnego audytu potrzebne są testy ręczne. Przejście przez kluczowe podstrony wyłącznie klawiaturą, bez dotykania myszy, to szybka kontrola, która od razu pokazuje problemy z obsługą.
Przy kompleksowym audycie najbardziej niezawodne jest testowanie z prawdziwą technologią wspomagającą. Czytniki ekranu są dostępne w każdym głównym systemie operacyjnym bez opłat, a przejście ważnych podstron z włączonym czytnikiem ujawnia problemy, które narzędzia automatyczne całkowicie pomijają.
Jak dostępność wpływa na SEO?
Wiele praktyk dostępności bezpośrednio wspiera SEO. Tekst alternatywny obrazów daje kontekst wyszukiwarkom, które nie potrafią interpretować treści wizualnej. Logiczna struktura nagłówków pomaga wyszukiwarkom zrozumieć, jak zorganizowana jest podstrona. Opisowy tekst linków daje wyszukiwarkom wartościowy tekst kotwicy zamiast ogólnych fraz. Podstrony obsługiwane klawiaturą i czyste strukturalnie zwykle lepiej wypadają pod względem sygnałów doświadczenia użytkownika.
To pokrywanie się nie jest przypadkowe. Zarówno dostępność, jak i SEO polegają na tym, by treść była dostępna i zrozumiała dla szerszego grona użytkowników i systemów. Poprawa jednego często pomaga drugiemu. Artykuł o tym, czym jest SEO, wyjaśnia, jak wyszukiwarki oceniają jakość podstron i gdzie praktyki dostępności spotykają się z sygnałami rankingowymi.
Jak WEMASY podchodzi do dostępności
Kreator stron WEMASY generuje semantyczny HTML i stosuje struktury nagłówków w logicznej kolejności. Pola tekstu alternatywnego są dostępne dla wszystkich obrazów, więc opisy można dodać bez edycji kodu. Szablony są budowane zgodnie ze standardami kontrastu kolorów WCAG AA, więc domyślny projekt przechodzi bez ręcznych poprawek. Nawigacją klawiaturą i rozmiarem elementów dotykowych na telefonie zajmuje się platforma, bez osobnej konfiguracji.
Zobacz, co jest wliczone, na stronie kreatora stron WEMASY, lub przejrzyj plany na stronie z cennikiem.
Najczęściej zadawane pytania
Czy dostępność strony jest wymogiem prawnym?
W Stanach Zjednoczonych ustawa Americans with Disabilities Act wymaga od firm równego dostępu do usług, a sądy i Departament Sprawiedliwości potwierdziły, że dotyczy to także stron internetowych. Dyrektywa UE o dostępności stron internetowych i Europejski akt o dostępności nakładają podobne wymogi. Sytuacja prawna różni się zależnie od kraju i rodzaju firmy, ale dla każdej firmy obsługującej publiczność traktowanie dostępności jako opcji niesie ryzyko prawne. Za pomocą kreatora stron WEMASY możesz to ustawić bezpośrednio na swojej stronie.
Czym różnią się poziomy WCAG A, AA i AAA?
WCAG ma trzy poziomy zgodności. Poziom A obejmuje minimalne wymagania, które powinna spełniać cała treść w sieci. Poziom AA dodaje bardziej szczegółowe kryteria dotyczące kontrastu kolorów, obsługi klawiaturą i obsługi błędów w formularzach. To poziom przywoływany w większości ram prawnych i praktyczny cel dla stron firmowych. Poziom AAA jest najbardziej wszechstronny i zwykle nie jest wymagany jako ogólny standard, bo niektórych kryteriów nie da się spełnić dla każdego rodzaju treści.
Czy zadbanie o dostępność spowalnia stronę?
Nie. Dodanie tekstu alternatywnego, poprawa struktury nagłówków i zwiększenie kontrastu kolorów nie wpływają na czas ładowania podstrony. Niektóre dodatki dla dostępności, takie jak transkrypcje do wideo, wymagają dodatkowych plików, ale podstawowe praktyki dostępności, które dotyczą większości stron firmowych, to zmiany w strukturze i tekście, które nic nie kosztują pod względem wydajności.
Jaka część strony musi być dostępna?
Cała. Dostępność dotyczy każdej podstrony, do której może trafić odwiedzający, w tym stron produktów, formularzy kontaktowych, procesu zamówienia i wszelkich dokumentów do pobrania. Strona główna, która przechodzi testy dostępności, przy formularzu kontaktowym, który ich nie przechodzi, nadal jest niedostępna dla osób, które tego potrzebują. Audyty dostępności powinny obejmować pełną ścieżkę użytkownika dla kluczowych zadań, które odwiedzający może wykonać, a nie tylko stronę główną.
Czym jest deklaracja dostępności?
Deklaracja dostępności to podstrona, która opisuje obecny poziom zgodności strony z zasadami dostępności, wskazuje znane ograniczenia i podaje dane kontaktowe dla użytkowników, którzy napotkają problemy. To środek przejrzystości, a nie tarcza prawna. Wiele przepisów o dostępności ją wymaga lub zaleca, a dla osób z niepełnosprawnościami jest sygnałem, że dostępność została wzięta pod uwagę. Deklaracja jest najbardziej przydatna, gdy jest aktualna i odzwierciedla rzeczywisty stan strony.