Wprowadzenie do dostępności: część 3

W pierwszym artykule w naszym przeglądzie dostępności omówiliśmy standardy postrzegania witryny. W następnym omówiliśmy wymagania dotyczące działania witryny. W ostatnim artykule z naszego przeglądu ułatwień dostępu omówimy dwie ostatnie zasady dostępnych witryn: zrozumiałą i solidną. Zrozumiałe, na pierwszy rzut oka, brzmi dość oczywiste. Ale solidny? Co to u diabła ma znaczyć? Właśnie tego jesteśmy tutaj, aby się dowiedzieć.

Zacznijmy od zrozumiałego.

Zrozumiale

Standardy mówią: „Informacje i działanie interfejsu użytkownika muszą być zrozumiałe”. Z perspektywy treści wygląda to jak „no cóż, oczywiście (przewraca oczami)” i miałbyś rację. Zasada, że ​​strona jest zrozumiała, powinna być jasna, ale podobnie jak góra lodowa, to, co znajduje się na powierzchni, a co pod spodem, to dwie zupełnie różne rzeczy.

Aby witryna była zrozumiała, musi obejmować trzy główne punkty: być czytelna, przewidywalna, a w przypadku wkładu użytkownika zapewniać pomoc. Użytkownik musi być w stanie odczytać treść z punktu widzenia języka, zapewnić zachowanie witryny w przewidywalny sposób (tak jak zachowuje się „większość” stron internetowych) i otrzymać podstawowe wskazówki, gdy zostaniesz poproszony o wprowadzenie danych (pomyśl o etykietach w kontakcie Formularz).

Język stanowi dużą część standardów zrozumiałości. Na poziomie podstawowym oznacza to użycie atrybutu lang w głównym elemencie HTML. Motywy WordPress powinny to być domyślne. Atrybut lang jest standardem na poziomie A, co oznacza, że ​​jest wymagany przez prawo sekcji 508. Jeśli Twój motyw nie, prawdopodobnie napotkasz kilka innych problemów z ułatwieniami dostępu. W rezultacie możesz poważnie rozważyć inny temat.

Jednym z poważniejszych aspektów zrozumiałej witryny jest to, co dzieje się po zastosowaniu fokusu. W ostatnim artykule z tej serii dużo dyskutowaliśmy o skupieniu, ale należy się tym zająć ponownie. Kiedy element jest skupiony, kontekst tego elementu nie powinien się zmieniać. To naukowy sposób na stwierdzenie, że przycisk nie powinien być aktywowany po prostu przez zastosowanie fokusa. Postaw się w sytuacji osoby nawigującej za pomocą klawiatury. Naciskasz klawisz tabulatora, aby przejść do następnego linku, i nagle ładuje się nowa strona. Czy zrozumiałbyś, co się dzieje?

Wprowadzenie do dostępności: część 1

Dostępność to termin, który wciąż słyszysz, ale możesz nie w pełni zrozumieć. Dzieje się tak po części dlatego, że samo słowo może być nieco mylące. Słowo źródłowe, dostęp, sprawia, że ​​koncepcja wydaje się być powiązana z takimi rzeczami, jak...

Standard zrozumiałości, a zwłaszcza jego aspekt przewidywalności, powoduje, że oczekiwane zachowania przycisków są tak ważne. Użytkownik nie powinien przesyłać formularza, dopóki nie aktywuje (kliknięcie lub naciśnięcie klawisza Enter) przycisku. Zwykłe najechanie na niego myszą lub przeciągnięcie na niego tabulatora nie powinno zmienić niczego poza zastosowaniem najechania lub zmiany stanu CSS.

Innym kluczowym elementem przewidywalności jest projekt witryny. Rzeczy takie jak najechanie i stan skupienia powinny być spójne w całej witrynie. Dzięki temu użytkownicy, zwłaszcza ci z wyzwaniami wizualnymi, mogą skuteczniej widzieć zmiany stanu. Mogą nie być w stanie od razu odczytać tekstu przycisku, ale zauważając zmianę kontrastu kolorów, będą wiedzieć, że najechali lub skupili się na elemencie. To nie tylko dobry projekt, to dobra dostępność.

Należy w tym miejscu zauważyć, że wiele standardów zrozumiałości jest na poziomie AAA. Chociaż nie są one wymagane przez prawo, nie oznacza to, że nie należy ich brać pod uwagę. Na przykład weźmy standardowe 3.1.5 – Poziom czytania działa na ruchomej skali w zależności od grupy docelowej. Ten standard odnosi się do poziomu czytania w gimnazjum. Odpowiada to mniej więcej poziomowi czytania w szóstej klasie, który jest standardem dla większości współczesnych gazet amerykańskich, ale nawet gazety nie stosują tego standardu, w zależności od tematu.

Pisząc dla sieci, musisz mieć na uwadze swoich konsumentów. Jeśli Twoim celem są naukowcy pracujący nad stopniami doktora, Twoje treści powinny być na podobnym poziomie. Ale jeśli piszesz dla ogółu społeczeństwa, będziesz chciał uwzględnić coś takiego jak Skala Czytania Flescha-Kincaida. Jeśli korzystasz z wtyczki Yoast SEO dla swojej witryny WordPress, wbudowany jest test skali Flescha. Zapewni ci on podział, ocenę strony biernej, słów przejściowych i długości twoich zdań. Ponownie, pamiętaj o grupie docelowej. Weryfikator Yoast zakłada, że ​​piszesz dla ogółu odbiorców. Twoim celem nie powinien być zielony czek od Yoast, ale wysokiej jakości treści dla odbiorców.

Ostatnią kluczową częścią zrozumiałości jest pomoc w wejściu. Oznacza to co najmniej dwie rzeczy: tekstowe komunikaty o błędach i etykiety na danych wejściowych formularza. Użytkownicy muszą zostać poinformowani, do czego służą poszczególne dane wejściowe formularza i powiadomieni tekstem, jeśli wystąpi błąd. To są dwa poziomy A, wymagane przez normy prawne. Jeśli używasz jednej z popularnych wtyczek do formularzy, takich jak Gravity Forms lub Caldera Forms, omówiono już część komunikatów o błędach dla prostych pól. Nadal musisz się upewnić, że Twoje elementy są oznaczone. Właściwe etykietowanie to osobny temat, ale na razie upewnij się, że podajesz rozsądne instrukcje („Nazwa” w przypadku pola nazwy, „E-mail” w przypadku pola e-mail).

Solidny

Wprowadzenie do ułatwień dostępu: część 2

W pierwszym artykule w naszym przeglądzie dostępności omówiliśmy standardy postrzegania witryny. Ten niezbędny pierwszy krok ma kluczowe znaczenie, ale jest daleki od pełnego obrazu. Kiedy już mamy...

Ostateczną zasadą dostępności jest to, czy witryna/element treści cyfrowej są solidne. W szczególności „treść musi być wystarczająco solidna, aby mogła być niezawodnie interpretowana przez szeroką gamę programów użytkownika, w tym technologie wspomagające”. Krótko mówiąc: upewnij się, że działa niezależnie od technologii. Istnieją tylko dwa standardy dotyczące solidnej witryny i oba są na poziomie A, wymagane przez prawo sekcji 508.

Solidna witryna to taka, która jest zgodna ze standardami HTML. Elementy są w pełni uformowane i w razie potrzeby zamknięte. Jeśli otworzysz tag <p> , zamknij go po zakończeniu akapitu. To kolejny przykład „no, oczywiście”, ale zdarzają się błędy. Przeprowadź swoją witrynę przez usługę weryfikacji kodu HTML przed uruchomieniem. W3C zapewnia bezpłatną usługę. Użyj go, napraw błędy, a będziesz gotowy.

Innym aspektem solidnej witryny jest to, gdzie naprawdę w grę wchodzą WAI-ARIA (Web Accessible Initiative – Accessible Rich Internet Applications) lub ARIA. ARIA to osobny temat, ale w skrócie powinieneś używać jej tylko wtedy, gdy jest to wymagane. Niektóre przypadki oznaczają element formularza za pomocą ARIA, gdy etykieta formularza jest niewidoczna w inny sposób. Dzięki temu będziesz również chroniony w zakresie pomocy wejściowej w zakresie zrozumiałości, w zależności od tego, jak jeszcze element formularza jest oznaczony.

Wniosek

Dostępność w sieci wydaje się z pozoru złożonym tematem. W pewnym sensie tak jest, ale często rozwiązania są proste. Posiadanie dostępnej witryny to posiadanie takiej, z której może korzystać każdy potencjalny użytkownik. Z biznesowego punktu widzenia pogłębia to pulę potencjalnych klientów. Co ważniejsze, z ludzkiego punktu widzenia nikogo nie wykluczasz.

W ciągu najbliższych kilku miesięcy zagłębię się w niektóre z tematów, które przedstawiliśmy w tej serii przeglądów. Do tego czasu przejrzyj standardy i przejrzyj swoje witryny. Zrób listę tego, co należy naprawić i ustal priorytety na podstawie poziomu standardowego (A, AA lub AAA). Jeśli nie możesz sam tego naprawić, zatrudnij konsultanta ds. ułatwień dostępu. Chętnie pomogą Ci ulepszyć internet dla wszystkich Twoich potencjalnych użytkowników.