6 prostych sposobów na poprawę dostępności sieci
Opublikowany: 2022-08-02Ujawnienie: Ten post może zawierać linki partnerskie. Zakup produktu za pośrednictwem jednego z tych linków generuje dla nas prowizję bez dodatkowych kosztów dla Ciebie.
Jeśli Twoja witryna ma słabą dostępność, wiele osób nie może z niej efektywnie korzystać, zwłaszcza użytkownicy niepełnosprawni.
To nie tylko szkodzi biznesowi; Może to doprowadzić do pozwania Twojej firmy za naruszenie Ustawy o Niepełnosprawnych Amerykanach (ADA), prawa zakazującego dyskryminacji osób niepełnosprawnych.
Kluczem do złagodzenia procesów sądowych jest udostępnienie Twojej witryny wszystkim użytkownikom i zapewnienie jej zgodności z ADA.
Chociaż może to być długi i złożony proces, możesz podjąć wstępne kroki, takie jak korzystanie z dostępnych motywów WordPress, aby zacząć poprawiać dostępność swojej witryny.
Zacznij od tych sześciu praktycznych sposobów, aby Twoja witryna była bardziej dostępna.
1. Uruchom test dostępności sieci
Zanim cokolwiek zmienisz, najpierw przetestuj dostępność swojej witryny.
W końcu musisz wiedzieć, co zmienić lub udoskonalić, zanim dokonasz niezbędnych dostosowań ułatwień dostępu w swojej witrynie.
Upewnij się, że korzystasz z niezawodnych narzędzi do sprawdzania dostępności witryny.
Po prostu podaj adres URL swojej witryny, a narzędzie przeskanuje całą witrynę w ciągu kilku minut.
Następnie narzędzie ocenia każdy element i komponent witryny, taki jak formularze, grafika i menu, na podstawie ich dostępności i zgodności.
Otrzymasz również szczegółowe informacje na temat wytycznych dotyczących dostępności oraz konkretnych problemów wymagających naprawy.
Niezawodny i dokładny program do sprawdzania dostępności witryny umożliwia szybkie i łatwe wykrycie błędów dostępności w witrynie.
Będziesz wiedział, co dokładnie dostosować, w tym jak dostosować lub zmienić określone elementy witryny, aby rozpocząć podróż do witryny, która jest bardziej dostępna i zgodna z ADA i wytycznymi dotyczącymi dostępności treści internetowych (WCAG).
2. Umieść kluczowe elementy interaktywne na górze
Wykonaj to szybkie ćwiczenie ułatwień dostępu w sieci Web: Określ kluczowe elementy sterujące interfejsu użytkownika i hiperłącza, do których użytkownicy witryny potrzebują dostępu na Twoich stronach internetowych.
Następnie policz, ile razy nacisnąłeś klawisz Tab, aby się do nich dostać.
Czy zajęło to kilka czy za dużo pras? Czy po naciśnięciu klawisza Tab możesz zobaczyć, gdzie fokus znajdował się na hiperłączu kontrolki interfejsu?
Jeśli przejście do hiperłączy wymaga zbyt wielu naciśnięć, a fokus nie jest widoczny lub wyróżniony, osoby, które mogą korzystać tylko z nawigacji za pomocą klawiatury, będą miały trudności z interakcją z Twoją witryną.
Sprawia, że Twoja witryna jest niedostępna, co frustruje odwiedzających i rujnuje wrażenia użytkownika.
Aby temu zaradzić, umieść swoje interaktywne elementy i niezbędne linki na górze lub wyżej na swoich stronach internetowych.
Dzięki temu użytkownicy korzystający tylko z klawiatury mogą szybciej i łatwiej dotrzeć do żądanych linków i elementów.
3. Spraw, aby tytuły stron były wyraźne i znaczące
Użytkownicy niewidomi i osoby z poważnymi wadami wzroku korzystają z oprogramowania czytnika ekranu — technologii pomocniczej, która renderuje obraz i tekst w postaci alfabetu Braille'a lub mowy.
Mówiąc prościej, czytniki ekranu „odczytują” treści internetowe dla użytkownika.
Pierwszą rzeczą, jaką użytkownicy czytników ekranu zwykle napotykają po zakończeniu ładowania strony internetowej, jest tekst między tagami <title>.
Jeśli Twoja strona internetowa nie ma tagu tytułu lub jeśli używasz tego samego na wszystkich innych stronach, użytkownicy czytników ekranu nie będą wiedzieć, na której stronie się znajdują.
Czytniki ekranu opierają się na znacznikach HTML, więc użytkownicy niedowidzący nie mogą skutecznie poruszać się po witrynie bez odpowiednich tagów tytułu.
Może zrujnować wrażenia użytkownika i przyczynić się do słabej dostępności sieci.
Jednym z rozwiązań jest zapewnienie czytelnych i zwięzłych tytułów stron w celu dostarczenia opisów użytkownikom czytników ekranu.
Użyj znaczących atrybutów tytułu, aby opisać, dokąd hiperłącze zabierze użytkowników czytnika ekranu po kliknięciu.
Unikaj używania atrybutu tytułu, który jest taki sam jak tekst linku, ponieważ nie zapewni on użytkownikowi sensownych opisów.
Ponadto może utrudnić użytkownikom czytników ekranu znalezienie linków internetowych na Twoich stronach.
4. Używaj właściwych nagłówków
Nagłówki zarysowują twoją stronę internetową, nadają jej odpowiednią strukturę i rozkładają bloki tekstów na logiczne podsekcje. Pozwalają one odwiedzającym zrozumieć i przetrawić Twoje treści, czyniąc je bardziej dostępnymi.
Użyj odpowiednich podtytułów, takich jak nagłówek tytułu w tytule, H1 dla pierwszych podtytułów, H2 itd., aby zastosować logiczną strukturę do treści internetowych.
Właściwe dzielenie na sekcje i używanie tagów nagłówków umożliwia użytkownikom czytników ekranu szybkie przechodzenie do żądanych sekcji w Twojej witrynie.
Nie będą musieli przedzierać się przez całą zawartość, zanim dotrą do żądanych sekcji, co zapewnia bezproblemowy dostęp.
5. Etykietowanie elementów formularza
Udostępnienie formularzy internetowych HTML ma kluczowe znaczenie, ponieważ są to główne sposoby interakcji użytkowników z witryną.
Użyj prawidłowych znaczników, aby zapewnić włączający, uniwersalny projekt. Oznacz elementy wejściowe formularza opisowym i znaczącym tekstem.
Dzięki temu odwiedzający, zwłaszcza użytkownicy czytników ekranu, będą mieli jasność, jakie informacje powinni podać.
Jeśli używasz kaskadowych arkuszy stylów (CSS), możesz zaprojektować elementy etykiety w ikony. Możesz również ukryć elementy etykiety przed zwykłym widokiem, wypychając rzutnię przeglądarki (jeśli to konieczne).
6. Zezwól na pominięcie nawigacji
Użytkownicy czytników ekranu i osoby, które mogą używać tylko klawiatury, nie mogą przeskakiwać do żądanej sekcji strony internetowej ani do żądanych informacji.
Na przykład użytkownicy czytników ekranu muszą przejrzeć cały dokument HTML, ponieważ nie mogą zeskanować strony internetowej.
Dzięki pomijaniu nawigacji, czytnikowi ekranu i obsłudze klawiatury użytkownicy mogą pomijać długie listy linków, aby szybko przejść do wybranej sekcji, zapewniając lepszą dostępność sieci.
Pomiń nawigację to łącze u góry strony internetowej, które użytkownicy mogą kliknąć lub uzyskać dostęp, aby wyświetlić sekcję treści.
Użytkownicy mogą szybko przeglądać listę i przechodzić do żądanej zawartości lub informacji bez przechodzenia przez całą witrynę.
Spraw, aby Twoja witryna była bardziej dostępna
Istnieje wiele sposobów i różnych poziomów złożoności, dzięki którym Twoja witryna jest dostępna.
Chociaż osiągnięcie pełnej dostępności nie jest często szybkie, możesz zacząć od wprowadzenia prostych i wstępnych zmian.
Rozpocznij swoje wysiłki od wskazówek zawartych w tym przewodniku, korzystaj z odpowiednich rozwiązań ułatwień dostępu w sieci i współpracuj z ekspertami, aby zapewnić, że Twoja witryna zapewnia równy dostęp wszystkim użytkownikom.