Dostępne strony internetowe przynoszą korzyści nam wszystkim - przegląd z praktycznymi wskazówkami

Johannes Mairhofer Ostatnia aktualizacja 22.03.2021
6 Min.
Dostępna strona internetowa

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

Dostępność w przestrzeni cyfrowej jest właściwie integralną częścią Internetu i została już określona w jego standardowych wytycznych. I oczywiście odgrywa też ważną rolę w kodeksie WordPress . Wszyscy użytkownicy powinni mieć możliwość korzystania ze strony WordPress , bez względu na język, jakim się posługują, status ekonomiczny czy ograniczenia fizyczne. Niemniej jednak temat ten nie jest jeszcze przedmiotem uwagi, na jaką zasługuje. Szczególnie w obliczu rozwoju demograficznego i chęci włączenia społecznego, 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 punktu widzenia przedsiębiorcy i SEO.

Pomysł na dostępną stronę internetową nie jest nowy

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 podstawowa struktura prawie każdej strony internetowej)
  • CSS (Cascading Style Sheets, np. używane w szablonach WordPress )
  • 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

Strony internetowe powinny

  • Zauważalne (np. alternatywy tekstowe dla obrazów)
  • Obsługiwane (np. sterowane za pomocą klawiatury)
  • Zrozumiałe (np. dzięki prostemu językowi)
  • Wytrzymały (kompatybilny)

być.

Idea stron internetowych bez barier nie jest zatem nowa, a nawet została uwzględniona w rozporządzeniu w sprawie technologii informacyjnych bez barier (BITV) z 2002 r. Oznacza to, że przynajmniej strony internetowe władz publicznych są zobowiązane do oferowania treści bez barier.

Zwłaszcza w przypadku nowych projektów WordPress : stronę internetową bez barier można wdrożyć przy niewielkim nakładzie pracy.

Jak powinna być wykonana strona internetowa bez barier? Wiele punktów nie jest tak skomplikowanych, jak mogłoby się wydawać i można je wdrożyć bez większego wysiłku.

Najprostszym sposobem jest oczywiście strona, która jest dopiero co stworzona i zaprojektowana. Ale również już istniejące strony internetowe mogą być później zoptymalizowane. Istnieje kilka prostych, podstawowych zasad, których należy przestrzegać.

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

Tytuł strony jest rzeczywiście w tytule, a nagłówki są logicznie uporządkowane i sformatowane jako nagłówki, a nie tylko pogrubione. Listy wypunktowane są tworzone za pomocą punktorów lub kropek, a nie za pomocą prostego znaku minus. Na stronie WordPress można to określić bezpośrednio w edytorze. W zależności od szablonu i użytego edytora, dostępnych jest kilka klas nagłówków. Dzięki zastosowaniu znaczników (np. H1 i H2 dla nagłówków), strona może być łatwiejsza w odbiorze i nawigacji dla osób niewidomych korzystających z czytnika ekranu lub klawiatury.

Dostępna strona internetowa: Listentag
Dostępna strona internetowa Head
Fragmenty z edytora tekstu dla tego postu: Powyżej widać, że listy wypunktowane zostały zdefiniowane jako takie. Również podtytuły są zdefiniowane jako H3.

2) Obejść się bez JavaScript i Flash w projekcie

Do projektowania najlepiej używać HTML i CSS. Javascript i Flash nie powinny być używane. Javascript, jak sama nazwa wskazuje, jest językiem skryptowym. Niezależnie od tego, że jest to kod niezabezpieczony, nie każde urządzenie i przeglądarka poradzi sobie z jego obsługą. Ponieważ strona powinna być dostępna na jak największej liczbie urządzeń, nie zaleca się stosowania Javascript.

3) Oddzielenie treści od projektu

Treść (tekst) i projekt (layout) powinny być traktowane jako całkowicie od siebie oddzielone. Za pomocą różnych wariantów CSS można na przykład dostosować kontrast strony lub zmienić kolory za pomocą prostego kliknięcia 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 odbywa się to już automatycznie na stronie WordPress . Na przykład, szablon może zostać zmieniony 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) Przestrzeganie zasady dwóch zmysłów

Treść powinna być przygotowana w taki sposób, aby mogła być odbierana przez dwa różne zmysły. W ten sposób, bez większego wysiłku, z witryną może zapoznać się jak największa liczba osób. Można to osiągnąć na przykład za pomocą następujących środków:

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

Moja rada, aby lepiej zrozumieć, czym jest dostępna strona internetowa: sam zdobądź doświadczenie.

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, na temat stron internetowych bez barier. Heiko sam jest niewidomy i surfuje po sieci za pomocą czytnika ekranu. Heiko dzieli się swoimi doświadczeniami ze stronami internetowymi i portalami społecznościowymi oraz opowiada, 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.

dostępna-strona-braille-reading
Linia Braille'a - Źródło: Wikimedia Commons. Licencja: https://creativecommons.org/licenses/by-sa/3.0/

Czytnik ekranu i wyświetlacz Braille'a to dwie najczęściej używane pomoce do przeglądania stron internetowych.

Czytnik ekranu to oprogramowanie, które rozpoznaje tekst i odczytuje go na głos. Aby nawigować po stronach internetowych i dokumentach, ważne jest, aby używać znaczników dla nagłówków i obrazów. Dzięki temu użytkownicy mogą poruszać się po stronie internetowej za pomocą czytnika ekranu i klawiatury lub wyświetlacza Braille'a.

Jednym z wariantów czytnika ekranu jest np. NVDA. Ten wariant jest wolnym oprogramowaniem i jest bezpłatny. 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ść jest warunkiem koniecznym, aby strona była dostępna dla wszystkich

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 WordPress jest obecnie mniej lub bardziej responsywna i umożliwia dostęp do strony przynajmniej na komputerze i smartfonie. W zależności od szablonu dostosowywane są np. menu, pokazywane i ukrywane sidebary, ale także całkowicie dostosowywane są projekty. Nazywa się to responsywnym projektowaniem stron internetowych. Dostęp do własnej strony internetowej na innym urządzeniu jest łatwy i odkrywczy.

Sieć jest świetna. A 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. Za pomocą dostępnych możliwości i narzędzi zintegrowanych w WordPress (np. opisy zdjęć, nagłówki, CSS) można bez większego wysiłku uczynić strony internetowe co najmniej bez barier.

O tym, że staje się to coraz ważniejsze, świadczy również fakt, że coraz więcej dużych korporacji przywiązuje coraz większą wagę do cyfrowego uczestnictwa. Oprócz wspomnianego wyżej przykładu Pfizer, Twitter od pewnego czasu oferuje możliwość dodawania opisu do zdjęć, Microsoft zajmuje się tym tematem na szeroką skalę, 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.

Ostatecznie, dostępna strona jest również lepsza dla Google

Niestety, zbyt często spotykam się z opinią, że SEO jest ważniejsze od dobrej treści, dlatego nie jestem wielkim fanem argumentów SEO. Jeśli jednak strony internetowe mogą być lepiej odczytywane i interpretowane przez czytniki ekranu, botowi Google łatwiej jest również poprawnie sklasyfikować odwiedzaną stronę.

Wystarczy WordPress , aby już teraz w bardzo szybki i prosty sposób stworzyć stronę internetową w ok. 80% pozbawioną barier.

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.

Poprzez stosowanie tagów dla nagłówków i obrazów, a zwłaszcza opisów obrazów, wiele już osiągnięto przy niewielkich korzyściach. Gdy własna strona internetowa z przeglądarką tekstową do surfowania daje poczucie tego, co śruby powinny i mogą być nadal włączone.

Jeśli prowadzisz stronę dla firmy, zawsze dobrym pomysłem jest przetestowanie jej przez osoby niewidome, aby uzyskać profesjonalną opinię i wskazówki.

Johannes jest bardzo ciekawski i osiągnął już różne etapy w swojej karierze. Od wykształconego informatyka do niezależnego fotografa, jest wszechstronny w drodze i dlatego może zakładać różne "okulary" swoim klientom. Obecnie pracuje jako niezależny fotograf i konsultant w zakresie WordPress i fotografii. Zdjęcie: Dennis Weißmantel]

Powiązane artykuły

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola obowiązkowe oznaczone są *.