Jak sprawić, by Twoja witryna WordPress była dostępna?

Zrozumienie i właściwe wykorzystanie ułatwień dostępu WordPress ma kluczowe znaczenie dla użyteczności Twojej witryny. Jeśli jesteś nowy w tym temacie, dostępność to tylko to, na co wygląda: stopień, w jakim każdy może uzyskać dostęp i w pełni korzystać z czegoś.

„Dostępność to praktyka polegająca na tym, że Twoje strony internetowe mogą być używane przez jak największą liczbę osób. Tradycyjnie myślimy o tym jako o osobach niepełnosprawnych, ale praktyka udostępniania witryn przynosi korzyści również innym grupom, takim jak osoby korzystające z urządzeń mobilnych lub osoby z wolnymi połączeniami sieciowymi”. (źródło)

Im bardziej dostępna jest Twoja witryna, tym więcej osób może z niej korzystać. Gdy witryna jest mniej dostępna lub gdy dostępność nie jest traktowana priorytetowo, część Twoich odbiorców jest zniechęcona lub całkowicie pozbawiona możliwości uzyskania wszystkich informacji, które oferuje Twoja witryna.

W tym poście omówimy, dlaczego dostępność ma znaczenie, co to znaczy, w jakim stopniu WordPress jest już dostępny, w jaki sposób twórcy witryn mogą udostępniać witryny i jak testować dostępność witryny.

Zacznijmy!

Sprawdź nasz przewodnik wideo dotyczący dostępności stron internetowych

Co oznacza dostępność sieciowa

Dostępność sieci oznacza, że ​​strona internetowa jest projektowana i rozwijana tak, aby wszyscy mogli z niej korzystać. Obejmuje to sposób, w jaki rozumieją, nawigują, wchodzą w interakcję z witryną i przyczyniają się do niej.

Dobrym sposobem na pełne zdefiniowanie i zrozumienie dostępności sieci jest obalenie niektórych z jej mitów.

Im bardziej dostępna jest Twoja witryna, tym więcej osób może z niej korzystać. To takie proste. Dowiedz się więcej w tym przewodniku. ️ Kliknij, aby tweetować

Mit pierwszy: to tylko dla niewidomych

W pełni dostępna strona internetowa powinna być dostępna dla osób z niepełnosprawnością słuchową, poznawczą, neurologiczną, fizyczną, mowy i wzroku. Osoby niepełnosprawne są głównym celem działań na rzecz dostępności. Jednak nie są to jedyne osoby, które czerpią korzyści z dostępnej strony internetowej.

Dostępność sieciowa poprawia komfort użytkowania dla wszystkich następujących rodzajów osób i sytuacji:

• Osoba korzystająca z urządzeń mobilnych z mniejszymi ekranami i różnymi trybami wprowadzania.
• Osoby o ograniczonych zdolnościach, wzroku lub mobilności z powodu starzenia się.
• Ktoś z chwilowymi trudnościami, jak zraniona ręka.
• Osoba korzystająca z witryny w miejscu o oświetleniu, które może zmieniać kontrast na ekranie.
• Osoba uzyskująca dostęp do witryny z ograniczonym połączeniem internetowym lub przepustowością.

Mit drugi: to moda lub trend

Możliwe, że w ostatnich latach coraz więcej słyszałeś o dostępności sieci. Ponieważ sieć się rozwija i coraz więcej osób polega na niej, dostępność sieci staje się coraz pilniejszą kwestią. Ale to nie tylko moda.

„Dostępność cyfrowa jest prawem obywatelskim i prawem człowieka osób niepełnosprawnych na całym świecie”.
Lainey Feingold, prawnik i autor zajmujący się prawami osób niepełnosprawnych

W miarę upływu czasu i wszechobecności korzystania z sieci rośnie potrzeba powszechnej dostępności sieci. Gdy witryna nie jest w pełni dostępna zgodnie z wytycznymi WCAG, osoby fizyczne mogą podjąć kroki prawne przeciwko deweloperowi lub właścicielowi witryny.

Wystarczy spojrzeć na liczbę spraw sądowych dotyczących dostępności sieci, aby zrozumieć, jak poważnie ludzie to traktują. Liczba spraw sądowych w latach 2017-2018 prawie się potroiła. Od tego czasu liczba ta wynosiła średnio 2345 pozwów rocznie. Nawet podczas pandemii COVID-19 w 2020 r. liczba pozwów dotyczących dostępności witryny internetowej ADA Tytuł III w sądzie federalnym wzrosła do 12% w porównaniu z rokiem poprzednim.

Dostępność w sieci pozostanie na zawsze. Tworząc oprogramowanie i strony internetowe, musimy uwzględniać dostępność sieci w naszych postępujących procesach. Jest to konieczne nie tylko dlatego, że nikt nie lubi być pozywany, ale dlatego, że Internet musi zaspokajać potrzeby wszystkich osób, bez względu na to, jakie są te potrzeby.

Mit trzeci: możesz w pełni zautomatyzować dostępność

Gdy zrozumiesz, dlaczego dostępność jest ważna — i że mogą wystąpić konsekwencje braku priorytetyzacji — możesz się spieszyć, aby upewnić się, że Twoja witryna jest zgodna z WCAG.

Jednym z najpopularniejszych mitów na temat dostępności sieci jest to, że możesz pobrać prostą wtyczkę lub zainstalować oprogramowanie, które jednym ruchem palca sprawi, że Twoja witryna będzie w pełni dostępna. To po prostu niemożliwe.

Według a11yproject.com kwestie dostępności są albo obiektywne, albo subiektywne. Kwestie obiektywne można wykryć za pomocą kodu, a subiektywne wymagają ludzkiej oceny. Kod nigdy nie jest w stanie dokładnie rozwiązać problemów, które należą do tej drugiej kategorii, a próby rozwiązania tego problemu często przynoszą więcej szkody niż pożytku.

„Rozwiązania nakładkowe to zautomatyzowane rozwiązania programowe, które, jak wiemy, mogą przede wszystkim wykryć tylko około 30% problemów WCAG. Dzieje się tak, ponieważ WCAG jest zniuansowany i interpretacyjny. Maszyny nie są w tym dobre”. (źródło)

Pamiętaj, że dostępność nie polega na unikaniu ryzyka, ale na zapewnieniu zoptymalizowanych doświadczeń wszystkim użytkownikom.

Wskazówki dotyczące dostępności treści internetowych

Inicjatywa dostępności stron internetowych opracowała zestaw wytycznych dotyczących dostępności treści internetowych (WCAG), które mogą pomóc w zapewnieniu, że Twoja witryna jest zgodna i w pełni dostępna. Jeśli projektujesz, rozwijasz lub wspierasz witrynę internetową, powinieneś dobrze zapoznać się z tymi wytycznymi.

Dostępność to nie tylko cel dla programistów, ale także projektantów, marketerów, autorów treści, kierowników projektów i nie tylko. Dostępność powinna być priorytetem w całym procesie budowy witryny, od planowania do uruchomienia. Należy również stale poprawiać dostępność witryny po jej uruchomieniu.

Jak dostępny WordPress jest po wyjęciu z pudełka

To jedno z głównych pytań, jakie zadaje sobie wiele osób, rozważając WordPress jako opcję tworzenia witryn: Jak bardzo jest dostępny i ile pracy trzeba włożyć, aby WordPress był dostępny? Ponieważ nie ma na to czarno-białej odpowiedzi, przyjrzyjmy się, w jakim stopniu WordPress jest już dostępny.

Gdzie WordPress dobrze radzi sobie z ułatwieniami dostępu

Dobrą wiadomością jest to, że z biegiem czasu WordPress staje się coraz bardziej dostępny. Każda wersja wprowadza małe kroki i postępy z myślą o dostępności. Ponieważ dostępność staje się większym tematem w umysłach większej liczby osób, więcej osób może nadać jej priorytet.

Ponadto wiele osób w społeczności WordPressa z pasją i głosem porusza te tematy. Każdy nowy domyślny motyw WordPress podejmuje dodatkowe kroki, aby stać się bardziej dostępnym. Deweloperzy cały czas wymyślają nowe narzędzia pomocnicze oraz piszą przewodniki i artykuły na temat ułatwień dostępu WordPressa. W rezultacie nigdy nie będziesz sam w swojej podróży z ułatwieniami dostępu w WordPressie.

Jeśli chcesz dowiedzieć się więcej o WordPressie i ułatwieniach dostępu bezpośrednio od członków społeczności, odwiedź WordPress.tv i obejrzyj wykłady na temat dostępności.

Gdzie WordPress mija znak

Pomimo ostatnich postępów WordPress nie zawsze jest w 100% dostępny po wyjęciu z pudełka. Każde wydanie WordPressa spotyka się z krytyką, jeśli chodzi o to, gdzie się nie sprawdza. Na początku 2019 r. WPCampus przeprowadził obszerny audyt najnowszej w tym czasie wersji Gutenberga. Taka praca jest niezwykle ważna; od tego audytu zamknięto 116 spraw związanych z dostępnością.

Niepełnosprawni twórcy treści mogą mieć trudności z publikowaniem za pomocą WordPress. Ponieważ niemożliwe jest zautomatyzowanie wszystkich dostępnych aspektów projektowania i programowania, każdy może tworzyć niedostępne strony internetowe za pomocą WordPressa.

„Front-end WordPressa jest prawie w tym samym miejscu, w którym był od lat: doskonale dostępny, ale całkowicie zależy to od programisty budującego witrynę. Słaby motyw lub niedostępne wtyczki robią różnicę. Administrator nadal się poprawiał — ciężko było przenieść edytor Gutenberga w kierunku lepszej dostępności, ale poczyniono postępy. To powiedziawszy, to ciągła walka o uniknięcie regresji dostępności z każdym nowym komponentem interfejsu”. (źródło)

Co to oznacza dla Ciebie jako programisty lub projektanta WordPressa? Twoja podróż do w pełni dostępnej strony internetowej jest nieco krótsza, gdy zaczynasz od WordPressa. Jednak do mety pozostało jeszcze trochę czasu.

Jak zrobić dostępną witrynę WordPress?

Przejdźmy teraz do kroków, które możesz podjąć, aby upewnić się, że witryna WordPress jest dostępna dla wszystkich użytkowników.

Bez względu na wszystko, nigdy nie zostawiaj dostępności jako zadania do wykonania na końcu projektu. Powinno to być priorytetem zintegrowanym od samego początku procesu. I powinien to być ciągły cel po uruchomieniu witryny.

Nie ma jednej listy kontrolnej, którą można by śledzić lub zautomatyzować, aby zapewnić 100% dostępność. Wiele pracy zależy od wtyczek, motywu i treści.

Tworzenie dostępnej strony internetowej jest jak budowanie bezpiecznego budynku — oczywiście istnieją wytyczne, ale indywidualna uwaga, utrzymanie i przemyślane renowacje są niezbędne, aby osiągnąć cel.

Najlepsze praktyki projektowania z ułatwieniami dostępu

Zacznijmy od kilku najlepszych praktyk projektowania witryn WordPress z ułatwieniami dostępu, podzielonych według typu. Informacje te powinny służyć jako solidna podstawa edukacji w zakresie dostępności.

Obrazy

Wszystkie obrazy w Twojej witrynie muszą być dostępne dla wszystkich użytkowników. Biorąc pod uwagę, że nie wszyscy użytkownicy widzą obrazy, niektórzy mogą korzystać z technologii wspomagającej, aby zrozumieć elementy wizualne, dlatego Twoja witryna powinna być gotowa do pracy z tą technologią.

Tekst alternatywny (lub „alt”) to pisemny opis dołączany do obrazu. Czytniki ekranu przeczytają ten opis na głos każdemu gościowi, który może nie widzieć obrazu. Tekst alternatywny powinien być używany do wszelkich obrazów, które zawierają przydatne informacje na stronie. Obejmuje to wszystko, od zdjęć przez ikony po infografiki.

Jedynym wyjątkiem jest sytuacja, gdy obraz jest uważany za czysto „dekoracyjny”. Obrazy tła, separatory lub obrazy przedstawiające tekst prezentowany na samej stronie nie muszą koniecznie wymagać tekstu alternatywnego.

Pisząc tekst alternatywny, pamiętaj, aby nie opisywać obrazu takim, jakim jest. Zamiast tego poinformuj, co oznacza obraz w kontekście na stronie. Oto kilka dobrych wskazówek, które pomogą Ci napisać doskonały tekst alternatywny:

• Najlepsze jest krótkie i proste.
• Czytniki ekranu poinformują, że to jest obraz, więc unikaj mówienia „To jest obraz…” w tekście alternatywnym.
• Jeśli obraz jest linkiem, tekst alternatywny powinien wyjaśniać, co się stanie, jeśli użytkownik wybierze ten obraz.
• Tekst alternatywny powinien zawierać dowolny tekst, który pojawia się na obrazie. Wyjątkiem jest sytuacja, gdy ten sam tekst pojawia się również w pobliżu obrazu, jak w podpisie.

Dodawanie tekstu alternatywnego do obrazów w witrynie WordPress jest łatwiejsze niż myślisz. Możesz dodać ten tekst w tym samym miejscu, w którym dodajesz podpis do obrazu.

Otwórz Bibliotekę multimediów i wybierz obraz, który chcesz edytować. Otworzy się ekran Ustawienia dla tego obrazu. W polu Tekst alternatywny dodaj tekst alternatywny, a następnie kliknij Zapisz :

Zabarwienie

Przy projektowaniu dostępnej witryny niezbędne jest zapewnienie odpowiedniego kontrastu kolorów. Słaby kontrast kolorów może w wielu przypadkach wpływać na czytelność Twoich witryn, na przykład dla użytkowników niedowidzących, daltonistów lub osób korzystających z niektórych urządzeń. Obrazy, tekst i elementy, takie jak przyciski, wymagają odpowiedniego kontrastu kolorów.

Kontrast kolorów odnosi się do tego, jak jasne lub ciemne kolory pojawiają się, gdy są umieszczone obok siebie lub bardzo blisko siebie. Na przykład czarny tekst na białym tle ma znacznie wyższy kontrast kolorów (21:1) niż żółty tekst na białym tle (1,08:1). WCAG 2.0 AA wymaga co najmniej współczynnika 4,5:1 dla normalnego tekstu i 3:1 dla większego tekstu (pogrubione 18px lub standardowe 24px i większe).

Co to dokładnie oznacza? Najprostszym sposobem sprawdzenia, czy kolory dobrze ze sobą współgrają, jest wstawienie ich do narzędzia do testowania kontrastu, takiego jak WebAIM Contrast Checker. Istnieje mnóstwo darmowych narzędzi do sprawdzania online.

Sprawdź naszą sekcję testowania, aby dowiedzieć się więcej o testowaniu kolorów.

W miarę testowania coraz większej liczby kombinacji kolorów, na podstawie samego wzroku będziesz coraz lepszy w określaniu, które kombinacje kolorów działają, a które nie.

Musisz również upewnić się, że unikasz używania koloru jako głównego czynnika wyróżniającego. Na przykład wiele witryn zawiera linki w innym kolorze niż otaczający tekst treści. Jeśli jednak z jakiegoś powodu kolor jest trudny do zobaczenia dla użytkownika, odróżnienie słowa połączonego od słowa niepołączonego może być niemożliwe. Użyj koloru, aby upiększyć łącze, ale dodaj podkreślenie pod tekstem, aby łącze było dostępne.

Tekst

Wiele z tego, czego doświadczamy w sieci, to tekst. Używamy stron internetowych do czytania artykułów, przepisów, historii i wielu innych. Czytasz teraz ten post! W rezultacie tekst musi być zoptymalizowany dla wszystkich czytelników — niezależnie od tego, czy czytają oczami, czy uszami.

Istnieją dwa główne sposoby omawiania tekstu w kontekście ułatwień dostępu: czcionki i rozmiary.

Dostępna czcionka jest łatwa do odczytania w małych i dużych rozmiarach. Dostępne są czcionki takie jak Tahoma, Calibri, Helvetica, Arial, Verdana, Times New Roman, Arvo, Museo Slab i Rockwell. Czytelnicy z dysleksją mogą mieć trudności z czytaniem niektórych czcionek, w tym wielu czcionek szeryfowych. Czcionki bezszeryfowe do tekstu podstawowego są zwykle bezpieczniejszym wyborem. Najlepiej unikać czcionek wyświetlanych — takich jak style pisma ręcznego lub kursywa — chyba że tekst jest duży, rzadki i przeważnie dekoracyjny.

Rozmiar czcionki jest niezwykle ważny dla dostępności. Omówmy kilka praktycznych zasad dotyczących rozmiaru czcionki z ułatwieniami dostępu.

Domyślna czcionka powinna mieć co najmniej 9 lub 12 pikseli. Zalecane jest 12 lub 16 pikseli. Zgodnie z wytycznymi WCAG tekst powinien być czytelny po powiększeniu do 200%. Do ustawiania rozmiaru czcionki zaleca się używanie wartości procentowych lub em zamiast pikseli lub punktów. Korzystanie z różnych grubości czcionki jest w porządku, ale upewnij się, że jeśli Twój tekst jest lekki, jest wystarczająco duży, aby go zobaczyć.

To nie koniec projektowania z myślą o dostępności. Ale ważne jest, aby wiedzieć, od czego zacząć. Jeśli chcesz dokładniej zapoznać się z projektowaniem pod kątem ułatwień dostępu, zapoznaj się z tymi zasobami:

• Projektowanie stron internetowych i aplikacje W3C
• Podstawa dostępności sieci dla projektantów
• Projektowanie pod kątem dostępności nie jest takie trudne
• 10 przykładów dostępnych projektów stron internetowych zgodnych z ADA
• Dostępność w projektowaniu

Najlepsze praktyki dostępnego rozwoju

Tworząc witrynę internetową lub jej oprogramowanie uzupełniające (takie jak motywy i wtyczki), należy pamiętać o ważnych kwestiach dotyczących ułatwień dostępu. Niektóre z nich pokrywają się z projektem, ale ta następna sekcja koncentruje się głównie na tym, jak działa Twoja witryna i w jaki sposób będzie z nią wchodził użytkownik.

Elementy interaktywne

Użytkownicy powinni mieć względną łatwość interakcji z Twoją witryną i korzystania z niej, bez względu na wszystko. Obejmuje to nie tylko cieszenie się obrazami i czytanie tekstu, ale także interakcję z menu, formularzami, przyciskami i filmami.

Tworząc witrynę, upewnij się, że wszystkie elementy interaktywne można łatwo zidentyfikować. Wszystkie menu nawigacyjne — od nagłówka do stopki — powinny być dostępne z kontrolkami klawiatury. Wygląd linków i przycisków po hover , focus i click powinien się zmienić.

Nawigacja po stronach Twojej witryny powinna być spójna i przejrzysta. To, jak nazywasz, stylizujesz i pozycjonujesz linki nawigacyjne, jest niezwykle ważne. Przemyślane okruszki i przejrzyste nagłówki pozwolą użytkownikom pewnie wchodzić w interakcję z Twoimi treściami.

Są szanse, że masz formularz lub dwa na swojej stronie internetowej. Możesz być zaskoczony, gdy dowiesz się, ile formularzy jest niedostępnych. Elementy formularza muszą zawierać powiązane etykiety, po lewej lub nad polem. (Pola wyboru i pola radiowe mogą znajdować się po prawej stronie.) Powinno być jasne dla użytkowników, do czego służy każde pole formularza.

Jeśli masz w swojej witrynie jakiekolwiek treści, które są odtwarzane automatycznie, takie jak GIF, suwak, karuzela, wideo lub muzyka, powinny być widoczne elementy sterujące, które pozwolą użytkownikowi zatrzymać animację lub dźwięk. Najlepiej zapewnić opcje zatrzymania, wstrzymania lub całkowitego ukrycia elementu.

Jeśli jesteś programistą, który chce zagłębić się w programowanie pod kątem dostępności sieciowej, zapoznaj się z tymi wskazówkami bezpośrednio od W3C.

Motywy WordPress

Jeśli jesteś twórcą witryn typu „zrób to sam”, możesz osiągnąć wiele z tego, o czym mówi ten post, wybierając dostępny motyw. Dla programistów ważne jest, aby zrozumieć, co sprawia, że ​​motyw jest dostępny, aby nadać mu priorytet w swoich projektach.

Motywy WordPress kontrolują wygląd Twojej witryny. Wiele motywów jest dostarczanych ze schematami kolorów i rodzinami czcionek. Konieczne jest upewnienie się, że te kolory i czcionki spełniają wymagania opisane powyżej. Wiele motywów reklamuje się jako „w pełni dostępne”, ale nie zawsze jest to prawdą. Użyj własnych testów, aby określić, czy motyw jest dostępny.

Zespół ułatwień dostępu na WordPress.com przygotował listę 92 darmowych motywów w repozytorium WordPressa, z których możesz zacząć korzystać już teraz.

Tworząc dostępny motyw, upewnij się, że od samego początku znasz wymagania WCAG. Wspólne obszary, które należy uwzględnić podczas opracowywania, obejmują:

• Odpowiedni kontrast kolorów w ramach wstępnie ustawionych palet kolorów
• Możliwość łatwego poruszania się po stronie za pomocą klawiatury
• Korzystanie z odpowiednich ról ARIA i/lub punktów orientacyjnych HTML5, aby zapewnić obsługę czytnika ekranu
• Właściwe znaczniki semantyczne HTML
• Unikanie powtarzających się identyfikatorów na stronie
• Umożliwienie użytkownikom zatrzymywania lub kontrolowania dowolnego automatycznego ruchu

Pamiętaj, aby dodać do zakładek wytyczne dotyczące ułatwień dostępu WordPress, aby ułatwić sobie korzystanie z nich podczas tworzenia motywu.

Wtyczki WordPress

Wtyczki WordPress umożliwiają dodawanie funkcji plug-and-play do witryny WordPress. Istnieją dwa rodzaje wtyczek ułatwień dostępu do WordPressa: te, które pomagają zbudować dostępną witrynę internetową i udostępnić istniejącą witrynę użytkownikom.

Pamiętaj o wtyczkach WordPress, które zapewniają takie gwarancje, jak „dostępność jednym kliknięciem” lub „dostępność automatyczna”. Te rzeczy są niemożliwe. Wtyczki to narzędzia, które mogą pomóc w osiągnięciu celów związanych z dostępnością, a nie magiczne różdżki, które wykonują całą pracę za Ciebie. Czasami wtyczki mogą nawet utrudnić działania związane z dostępnością — więc zachowaj ostrożność!

Istnieje mnóstwo wtyczek ukierunkowanych na ułatwienia dostępu, które obiecują ulepszyć, monitorować lub rozwiązywać problemy z dostępnością. Mogą przeprowadzić audyt witryny i poinformować Cię, gdzie można wprowadzić ulepszenia. Mogą też zapewnić narzędzia frontendowe, które ułatwią tworzenie przystępnego środowiska w Twojej witrynie.

Niektóre z nich są bardzo pomocne. Inni jednak składają fałszywe obietnice. Zawsze upewnij się, że dokładnie sprawdziłeś taką wtyczkę, zanim się do niej zdecydujesz.

Niektóre wtyczki tworzą interaktywne treści, takie jak quizy i suwaki. Jak wspomniano wcześniej, te elementy wymagają szczególnej uwagi i testowania, aby upewnić się, że są w pełni dostępne. Zawsze dokładnie przetestuj interaktywną wtyczkę w witrynie testowej lub programistycznej przed opublikowaniem jej na żywo.

To samo można powiedzieć o wtyczkach formularzy. Niestety wielu ma problemy z dostępnością. W takim przypadku dobrą alternatywą są formularze z niestandardowym kodowaniem.

Popularną kategorią wtyczek są wtyczki do tworzenia stron. Świetnie nadają się do szybkiego tworzenia solidnych i wyrafinowanych projektów typu „przeciągnij i upuść”. Jednak często mogą wprowadzać więcej problemów z dostępnością, niż rozwiązują. Nie ma jednego rozwiązania tego problemu, więc utrzymuj projekt prosty i upewnij się, że przetestowałeś wszystkie elementy, aby potwierdzić dostępność.

Oświadczenia o dostępności

Oświadczenie dotyczące ułatwień dostępu to strona w witrynie, na której przedstawiasz swoje wewnętrzne zasady, cele dotyczące ułatwień dostępu i wcześniejsze sukcesy w pracy z osobami niepełnosprawnymi.

Powinieneś wygenerować i opublikować oświadczenie o dostępności w swojej witrynie WordPress z następujących powodów:

• Aby pokazać użytkownikom, że zależy Ci na dostępności i im
• Aby zapewnić informacje o dostępności Twoich treści
• Aby wykazać zaangażowanie w dostępność i odpowiedzialność społeczną

Możesz napisać własną deklarację dostępności, postępując zgodnie z wytycznymi dostarczonymi przez W3C lub używając generatora deklaracji dostępności.

Jak przetestować dostępność witryny WordPress

Ułatwienia dostępu nie polegają na naciśnięciu odpowiednich przycisków, a następnie odejściu. Testowanie jest kluczowym elementem zapewnienia pełnej dostępności witryny. Zarówno testy automatyczne, jak i ręczne mogą pomóc w upewnieniu się, że wszystkie podstawy są objęte ochroną.

Jak przeprowadzać testy automatyczne

Testy automatyczne pomagają określić, od czego zacząć. Jeśli dopiero zaczynasz korzystać z ułatwień dostępu lub nie masz pewności, od czego zacząć, zacznij od automatycznych testów i ocen.

Większość automatycznych testów identyfikuje takie rzeczy, jak słaby kontrast kolorów, brakujący tekst alternatywny, puste linki, problemy z elementami strukturalnymi i tak dalej. Możesz użyć tych testów, aby wygenerować listę problemów do rozwiązania. Testy takie jak te są szczególnie przydatne w znajdowaniu błędów opartych na kodzie, które mogą być mniej widoczne gołym okiem, ale mają duże znaczenie dla niektórych użytkowników.

Jednym z przykładów bezpłatnego testu ułatwień dostępu, którego możesz użyć, jest narzędzie WebAim. Sprawdza całą stronę internetową i generuje listę błędów. Pokaże Ci nawet, gdzie dokładnie na stronie występują te błędy.

Możesz znaleźć mnóstwo indywidualnych narzędzi ułatwień dostępu, które pomogą w określonych problemach. Na przykład użyj sprawdzania kontrastu przed rozpoczęciem projektowania, aby upewnić się, że kolory w Twojej palecie będą ładnie ze sobą współgrały.

Pamiętaj tylko, że żaden automatyczny test nie jest doskonały, niezawodny ani nie zastąpi testów ręcznych.

Jak przeprowadzać testy ręczne

Ponieważ dostępność WordPressa dotyczy rzeczywistych przypadków użycia przez ludzi, to prawdziwi ludzie muszą być tymi, którzy decydują o tym, czy witryna jest dostępna, czy nie. W związku z tym rezerwowanie czasu i zasobów na testowanie ręczne jest niezwykle ważne.

Jak więc przeprowadzić test ręczny? Oto kilka rzeczy, które możesz zrobić, aby sprawdzić dostępność witryny bez wymyślnych lub drogich narzędzi lub programów:

1. Porzuć mysz: upewnij się, że możesz rozsądnie i łatwo poruszać się po wszystkich funkcjach witryny, używając tylko klawiszy klawiatury. Obejmuje to poruszanie się między sekcjami, dostęp do menu, przechodzenie od strony do strony, przeskakiwanie strony w dół oraz interakcję z linkami i formularzami.
2. Użyj czytnika ekranu: Postaw się w sytuacji kogoś, kto ma niską lub słabą widoczność. Użyj aplikacji czytnika ekranu lub witryny internetowej i przejrzyj zawartość swojej witryny, aby upewnić się, że nadal ma sens i brzmi płynnie, gdy jest czytana na głos.
3. Przetestuj witrynę w różnych środowiskach: Idź gdzieś z publicznym Wi-Fi, aby upewnić się, że Twoja witryna ładuje się poprawnie bez połączenia internetowego wysokiej jakości. Zwróć uwagę na obszary witryny, które pozostają w tyle lub całkowicie znikają przy słabym połączeniu.
4. Zwiększ powiększenie: otwórz swoją witrynę w przeglądarce i użyj ustawień przeglądarki, aby powiększyć o 200%. Czy nadal możesz korzystać z witryny, poruszać się po niej i wchodzić z nią w interakcję przy tym ustawieniu? Czy istnieją treści, które znikają lub zostają odcięte?
5. Skoncentruj się na interaktywności: poświęć dużo czasu na testowanie elementów interaktywnych, takich jak filmy, formularze i przyciski. Łącza i pola formularzy powinny być zawsze wyostrzone za pomocą konturu, podkreślenia, specjalnego kursora.
6. Dokładnie sprawdź tagi alt: Jeśli nie masz pewności, czy obraz ma dołączony obraz alternatywny, użyj narzędzia Sprawdź element, aby potwierdzić.
7. Pomyśl inaczej: jeśli wszystkie obrazy z Twojej witryny znikną, czy ktoś nadal będzie mógł z niej korzystać? Jeśli wszystkie kolory w Twojej witrynie nagle zmienią się na czarno-białe, jak wpłynie to na użyteczność? Upewnij się, że podstawowe części Twojej witryny będą nadal działać, jeśli w jakiś sposób wpłynie to na elementy dekoracyjne.

W razie wątpliwości skontaktuj się z firmą, która zapewnia ręczne testowanie ułatwień dostępu. Eksperci w zakresie ułatwień dostępu oraz projektowania i tworzenia stron internetowych mogą szybko wykonać ręczny przegląd i dokładnie powiedzieć, które obszary wymagają pracy.

Nie zapominaj, że publiczność z prawdziwego życia jest jednym z Twoich najlepszych zasobów. Wyznacz w witrynie wyraźny obszar, w którym użytkownicy mogą przesyłać opinie o ułatwieniach dostępu. Jeśli ktoś ma trudności z korzystaniem z Twojej witryny, z Twoich wysiłków związanych z gromadzeniem opinii powinno jasno wynikać, że jesteś otwarty na usłyszenie o tym doświadczeniu i rozwiązanie problemu.

Czy Twoja witryna jest dostępna dla wszystkich odwiedzających? Dowiedz się więcej o testowaniu dostępności w tym przewodniku ️ Kliknij, aby tweetować

Streszczenie

Internet stał się jednym z najważniejszych narzędzi w naszym codziennym życiu. Każdy musi mieć do niego swobodny dostęp, niezależnie od tego, czy przegląda rozrywkę, czy niezbędne informacje. Twoja witryna ma obowiązek spełniać standardy dotyczące równości w sieci.

Zrozumienie potrzeby posiadania tych wytycznych jest pierwszym krokiem w kierunku dokonania znaczących i trwałych zmian. Stworzenie dostępnej witryny oznacza, że ​​w dłuższej perspektywie więcej osób korzysta z tego, co ma do zaoferowania Twoja witryna.

Czy masz jakieś pytania dotyczące ułatwień dostępu WordPress? Daj nam znać w sekcji komentarzy!