Dostępna strona internetowa

Dostępne strony internetowe przynoszą korzyści nam wszystkim: Wskazówki dotyczące dostępności

Dostępne strony internetowe nie są już rzekomo niszowym tematem dla osób niepełnosprawnych. Dotyczy to nas wszystkich, a nawet pomoże fanom SEO - przegląd z praktycznymi wskazówkami autorstwa Johannesa Mairhofera.

Dostępność w przestrzeni cyfrowej jest właściwie integralną częścią internetu i została już określona w jego standardowych wytycznych. Oczywiście odgrywa też ważną rolę w kodeksie WordPressa. Wszyscy użytkownicy powinni mieć możliwość korzystania z WordPressa, niezależnie od tego, jakim językiem mówią, jaki mają status ekonomiczny czy jakie mają ograniczenia fizyczne. Mimo to temat ten nie jest zwykle traktowany z taką uwagą, na jaką zasługuje. Zwłaszcza w obliczu zmian demograficznych i chęci włączenia społecznego, dostępność cyfrowa musi być brana pod uwagę w projektach WordPressa, mówi Johannes Mairhofer. W końcu dostępność staje się ważna także z punktu widzenia biznesu i SEO.

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 są tu 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ą

Dostępne strony internetowe przynoszą korzyści nam wszystkim: Wskazówki dotyczące dostępności
Projektując dostępną stronę internetową, optymalizujesz doświadczenie użytkownika dla wszystkich.

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.

Najłatwiej jest oczywiście zrobić to na stronie, która dopiero powstaje i jest projektowana. Ale istniejące strony internetowe mogą być również później optymalizowane. Należy przestrzegać kilku prostych, podstawowych zasad.

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

Tytuł strony rzeczywiście znajduje się w tytule, a nagłówki są logicznie uporządkowane i sformatowane jako nagłówki, a nie tylko pogrubione. Listy wypunktowane realizuje się za pomocą punktorów lub punktów, a nie za pomocą zwykłego minusowania. 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), można ułatwić przeglądanie i nawigację na stronie osobom niewidomym korzystającym 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) należy traktować całkowicie oddzielnie. Za pomocą różnych wariantów CSS można na przykład dostosować kontrast strony lub zmienić kolorystykę poprzez proste kliknięcie użytkownika. Może to pomóc osobom z wadami wzroku lub ślepotą na kolory. Robią to również duże firmy, takie jak Pfizer.

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 2 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ępność WordPressa: Jak stworzyć dostępną stronę internetową (+ wtyczki do niej)

Dostępność w WordPressie jest ważnym elementem podczas tworzenia stron internetowych. Dlaczego dostępność jest tak ważna? Jak możesz sprawić, by twoja strona była dostępna dla wszystkich? O tym wszystkim i o wiele więcej piszemy w naszym artykule o dostępności WordPressa.

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, które są tu omówione teoretycznie, można również wypróbować samemu bez większego wysiłku. Dzięki temu możesz mieć poczucie, jak Twoja strona jest faktycznie postrzegana.

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, smartwatche i przeglądarki tekstowe. Liczba urządzeń, za pomocą których można wejść na stronę internetową jest ogromna. Jednym z ważnych punktów WCAG 2.0 jest dostępność strony 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.

Zgoda*
To pole służy do weryfikacji i nie powinno być zmieniane.

Wniosek: Sieć jest dla wszystkich!

Sieć i stała dostępność nie jest już nowym terytorium, ale z punktu widzenia jednego pokolenia jest to wciąż nowość. Pokolenie dzisiejszych 30-latków, a najpóźniej kolejne pokolenia, przyzwyczaiły się 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.

Zapotrzebowanie na dostępne strony internetowe jest zatem coraz większe i rośnie z roku na rok. Dzięki dostępnym opcjom i narzędziom zintegrowanym w WordPressie (np. opisy zdjęć, nagłówki, CSS) można bez większego wysiłku sprawić, że strony internetowe będą co najmniej bez barier.

O tym, że staje się to coraz ważniejsze, świadczy też fakt, że coraz więcej dużych korporacji przywiązuje coraz większą wagę do cyfrowego uczestnictwa. Oprócz wspomnianego wyżej przykładu Pfizera, na przykład Twitter od jakiegoś czasu oferuje możliwość dodawania opisu do zdjęć, Microsoft zajmuje się tym tematem a wiele innych firm stopniowo podąża za jego przykładem. Szczegółowy przegląd pozytywnie ocenionych dostępnych stron internetowych można znaleźć na przykład tutaj.

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, dlatego 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 też poprawnie sklasyfikować odwiedzaną stronę.

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 dobrze jest zlecić przetestowanie jej raz przez osoby niewidome, by uzyskać profesjonalne opinie i wskazówki.

Twoje pytania dotyczące dostępności stron internetowych

Masz pytania do Johannesa dotyczące dostępności? Zachęcamy do komentowania. Chcesz być informowany o nowych wypowiedziach na temat marketingu online? Obserwuj nas na TwitterzeFacebookuLinkedIn lub poprzez nasz Newsletter.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany.