Dostępne strony internetowe nie są już tylko niszowym tematem dla osób niepełnosprawnych. Dotyczy to nas wszystkich, a nawet pomaga fanom SEO wśród was.

Dostępność w przestrzeni cyfrowej jest w rzeczywistości integralną częścią Internetu i została już określona w jego znormalizowanych wytycznych. Oczywiście odgrywa ona również ważną rolę w Kodeksie WordPress. Każdy powinien mieć możliwość korzystania z WordPressa, bez względu na to, jakim językiem mówi, jaki ma status ekonomiczny lub jakim ograniczeniom fizycznym podlega. Niemniej jednak, temat ten zwykle nie otrzymuje jeszcze uwagi, na jaką zasługuje. Szczególnie w obliczu zmian demograficznych i chęci integracji, dostępność cyfrowa musi być brana pod uwagę w projektach WordPress , mówi Johannes Mairhofer. Ponieważ dostępność staje się również ważna z biznesowego i SEO punktu widzenia.

Dostępne strony internetowe nie są nowością

W celu standaryzacji technik w sieci World Wide Web, w 1994 roku powstało World Wide Web Consortium, czyli W3C. Szczególnie ważne są tu normy:

• HTML (nadal podstawowy szkielet prawie każdej strony internetowej)
• CSS (kaskadowe arkusze stylów, np. używane w szablonach WordPressa)
• WCAG (Wytyczne dotyczące dostępności treści internetowych)

Wytyczne WCAG zostały opracowane przez Web Accessibility Initiative (WAI), która z kolei jest grupą W3C. Obecnie dostępne są dwie wersje.

WCAG 1.0

• Używanie znaczników i arkuszy stylów
• Konstrukcja niezależna od urządzenia

WCAG 2.0

Dostępna strona internetowa powinna spełniać następujące kryteria:

• Odczuwalność (np. tekst alternatywny dla obrazów)
• Możliwość obsługi (np. sterowanie za pomocą klawiatury)
• Łatwo zrozumiała (np. dzięki prostemu językowi)
• Kompatybilna

Idea stron internetowych bez barier nie jest więc nowa i od 2002 roku ma nawet swoje umocowanie w Rozporządzeniu o Technologii Informacyjnej Bez Barier (BITV). Oznacza to, że przynajmniej strony internetowe władz publicznych są zobowiązane do oferowania dostępnych treści.

Stwórz dostępną stronę internetową

Jak powinna być dostępna strona internetowa? Wiele punktów nie jest tak skomplikowanych, jak mogłoby się wydawać, i można je zrealizować bez większego wysiłku. Zwłaszcza w przypadku nowych projektów WordPressa, dostępna strona może być wdrożona przy bardzo niewielkim wysiłku.

Oczywiście najłatwiej jest to zrobić w przypadku witryny, która jest dopiero tworzona i projektowana. Ale istniejące strony internetowe mogą być również zoptymalizowane retrospektywnie. Należy przestrzegać kilku prostych podstawowych zasad.

1) Używaj poprawnie tytułu strony, nawigacji i znaczników

Tytuł strony znajduje się w tytule, a nagłówki mają logiczną strukturę i są sformatowane jako nagłówki, a nie tylko pogrubione. Listy wypunktowane są realizowane za pomocą punktorów lub punktów, a nie za pomocą prostej kreski minus. W WordPressie można to określić bezpośrednio w edytorze. W zależności od szablonu i używanego edytora dostępnych jest kilka klas nagłówków. Używając znaczników (np. H1 i H2 dla nagłówków), strona internetowa może być łatwiejsza w obsłudze i nawigacji dla osób niewidomych korzystających z czytnika ekranu lub klawiatury.

2) Nie używaj JavaScript i Flash

Do projektowania najlepiej jest używać HTML i CSS. Nie należy używać Javascript i Flash. Javascript jest, jak sama nazwa wskazuje, językiem skryptowym. Niezależnie od tego, że jest on niezabezpieczony, nie każde urządzenie i nie każda przeglądarka może przetworzyć ten kod. Ponieważ strona powinna być dostępna na jak największej liczbie urządzeń, nie zaleca się używania Javascript.

3) Wyodrębnij treść i design

Treść (tekst) i projekt (układ) powinny być traktowane jako całkowicie od siebie oddzielone. Dzięki różnym wariantom CSS można na przykład dostosować kontrast strony lub zmienić kolory za pomocą jednego kliknięcia. Może to pomóc osobom z wadami wzroku lub ślepotą barw. Duże firmy, takie jak Pfizer, również to robią.

W zasadzie WordPress robi to już automatycznie. Na przykład, szablon można zmienić bez konieczności zmiany treści. Jeśli strona jest odwiedzana za pomocą smartfona lub tabletu, układ strony jest również automatycznie dostosowywany.

4) Przestrzegaj zasady dwóch zmysłów

Treść powinna być przygotowana w taki sposób, by mogła być odbierana przez dwa różne zmysły. W ten sposób, bez większego wysiłku, stronę może poznać jak największa liczba osób. Można to osiągnąć na przykład poprzez następujące działania:

• Dodawanie opisów do zdjęć (można to zrobić bezpośrednio przez edytor WordPress )
• Dodawanie napisów do filmów (np. serwis Youtube robi to automatycznie).
• Uporządkuj tekst za pomocą nagłówków (można to zrobić w edytorze)

Dostępna strona internetowa: Zbieranie doświadczeń

W teorii temat ten nie zawsze jest tak łatwy do zrozumienia. Rozmawiałem z Heiko Kunertem, dyrektorem zarządzającym Stowarzyszenia na rzecz Osób Niewidomych i Niedowidzących, o stronach internetowych bez barier. Heiko sam jest niewidomy i surfuje po sieci za pomocą czytnika ekranu. Heiko opowiada o swoich doświadczeniach ze stronami internetowymi i portalami społecznościowymi oraz zdradza nam, jak porusza się po sieci za pomocą smartfona i wyświetlacza Braille'a.

Wiele rzeczy omówionych tutaj teoretycznie można również wypróbować samodzielnie bez większego wysiłku. W ten sposób możesz poczuć, jak faktycznie postrzegana jest Twoja witryna.

Jak pomagają czytniki ekranu i monitory Braille'a

Czytnik ekranu to oprogramowanie, które rozpoznaje tekst i odczytuje go na głos. Dlatego, by nawigować po stronach internetowych i dokumentach, ważne jest, by używać znaczników przy nagłówkach i obrazach. Dzięki temu użytkownicy mogą poruszać się po stronie za pomocą czytnika ekranu i klawiatury lub monitora Braille'a.

Jednym z wariantów czytnika ekranu jest na przykład NVDA. Ten wariant jest wolnym oprogramowaniem i jest darmowy. Polecam wypróbowanie go i wywołanie własnej strony internetowej przy wyłączonym monitorze i spróbowanie poruszania się po menu.

Wyświetlacz brajlowski tłumaczy bieżącą linię na ekranie na alfabet brajla. Ta linia to prawdziwy sprzęt, który jest podłączony do komputera. Wyświetlacz brajlowski działa w połączeniu z czytnikiem ekranu.

Responsywność dla dostępnych stron internetowych

Komputery, laptopy, smartfony, tablety, inteligentne zegarki i przeglądarki tekstowe. Liczba urządzeń, za pomocą których można uzyskać dostęp do strony internetowej, jest ogromna. Jednym z ważnych punktów WCAG 2.0 jest dostępność strony internetowej na jak największej liczbie urządzeń.

Większość szablonów WordPressa jest teraz mniej lub bardziej responsywna i umożliwia dostęp do strony przynajmniej na komputerach i smartfonach. W zależności od szablonu dostosowywane są na przykład menu, pokazywane i ukrywane paski boczne, ale także całkowicie dostosowywane są projekty. Nazywa się to Responsive Web Design. Wywołanie własnej strony internetowej na innym urządzeniu jest proste i odkrywcze.

Wniosek: Sieć jest dla wszystkich!

Sieć i stała dostępność nie jest już nowym terytorium, ale z punktu widzenia jednego pokolenia wciąż jest nowością. Pokolenie dzisiejszych 30-latków, a najpóźniej kolejne pokolenia, są przyzwyczajone do tego, że sieć jest zawsze i wszędzie dostępna. Nie chcemy obyć się bez możliwości informacji i komunikacji, jakie niesie ze sobą sieć, nawet w starszym wieku.

Dlatego zapotrzebowanie na dostępne strony internetowe jest coraz większe i z roku na rok rośnie. Dzięki dostępnym opcjom i narzędziom zintegrowanym z WordPressem (np. opisy obrazków, nagłówki, CSS) można bez większego wysiłku stworzyć strony internetowe co najmniej bez barier.

O tym, że staje się to coraz ważniejsze, może świadczyć również fakt, że coraz więcej dużych firm przywiązuje coraz większą wagę do cyfrowej partycypacji. Oprócz wspomnianego wyżej przykładu Pfizera, na przykład Twitter od pewnego czasu oferuje możliwość dodawania opisu zdjęcia do zdjęć, Microsoft intensywnie zajmuje się tym tematem, a wiele innych firm stopniowo podąża za tym przykładem.

Dostępna strona jest też lepsza dla Google

Niestety, zbyt często widzę, że większą wagę przywiązuje się do SEO niż do dobrej treści, więc nie jestem wielkim fanem argumentów SEO. Ale jeśli strony internetowe mogą być lepiej odczytywane i interpretowane przez czytniki ekranu, botowi Google łatwiej jest również poprawnie sklasyfikować odwiedzaną witrynę.

Utwórz dostępną stronę internetową za pomocą WordPressa

Do stuprocentowej dostępności jest jeszcze daleka droga. A to pewnie nie jest wykonalne dla wielu małych firm i prywatnych blogów. Jednak dzięki możliwościom oferowanym przez WordPress można łatwo osiągnąć około 80 procent dostępności.

Używając tagów w nagłówkach i obrazkach, a zwłaszcza w opisach obrazków, można wiele osiągnąć przy niewielkich korzyściach. Kiedy już odwiedzisz swoją stronę internetową za pomocą przeglądarki tekstowej, będziesz wiedział, które śrubki powinny i mogą być dokręcone.

Każdemu, kto prowadzi stronę internetową dla firmy, zawsze zaleca się przetestowanie jej przez osoby niewidome, aby uzyskać profesjonalne opinie i wskazówki.