10 sposobów na poprawę dostępności witryny WordPress

Dostępność witryny to upewnienie się, że witryna jest łatwa w użyciu dla wszystkich, niezależnie od ich niepełnosprawności fizycznej i sytuacyjnej czy ograniczeń ekonomicznych. Chcesz mieć pewność, że korzystanie z Twojej witryny będzie bezproblemowe dla wszystkich użytkowników, niezależnie od okoliczności.

Jeśli ten aspekt Twojej witryny nie zostanie naprawiony, istnieje duże prawdopodobieństwo, że ograniczasz dużą liczbę rynków docelowych tylko dlatego, że nie mają dostępu do kluczowych funkcji na Twojej stronie internetowej.

Chociaż można by myśleć głównie o osobach niepełnosprawnych, to oczywiście jest to dobre miejsce na rozpoczęcie; problemy z dostępnością strony internetowej mogą dotyczyć tymczasowych okoliczności sytuacyjnych, takich jak:

• użytkownicy, którzy muszą uzyskać dostęp do Twojej witryny za pośrednictwem telefonów komórkowych lub innych urządzeń z małym ekranem, korzystając z inteligentnych telewizorów (telewizorów) i tym podobnych;
• Starsi odwiedzający witrynę z różnymi i zmieniającymi się wyzwaniami związanymi ze starzeniem się;
• Użytkownicy uzyskujący dostęp do Twojej witryny w słabo oświetlonym obszarze; oraz
• Użytkownicy, którzy korzystają z wolnych połączeń internetowych lub których przepustowość jest droga ze względu na kraj lub miejsce.

Znajomość szerokiego i zróżnicowanego krajobrazu wyzwań, którym musisz sprostać, może pomóc w opracowaniu skutecznych rozwiązań. Poniżej przedstawiono kluczowe sposoby poprawy dostępności w witrynie

1. Spraw, aby Twoja treść była kontrolowana za pomocą głosu

Rozpoznawanie głosu to funkcja, którą można zintegrować z witryną internetową, aby umożliwić sterowanie treścią za pomocą głosu. Obejmuje to formularze, przyciski, łącza i inne kontrolki. Możesz zintegrować oprogramowanie do dyktowania, które pozwoli użytkownikom, którzy nie mogą używać myszy lub klawiatury, wykonywać funkcji w witrynie za pomocą głosu.

Cała zawartość będzie musiała być odpowiednio zakodowana i zaprojektowana, aby to zadziałało. Ponadto będziesz potrzebować identyfikatorów i etykiet w kodzie źródłowym witryny, które pasują do ich wizualnej reprezentacji, aby było jasne, która kontrola zostanie aktywowana za pomocą polecenia głosowego.

2. Uważaj na swój wybór kolorów

Miliony ludzi na całym świecie są daltonistami, więc kolory, których używasz, powinny być świadome tej rzeczywistości.

Ponadto należy zachować ostrożność przy wyborze proporcji kolorów i kontrastu w witrynie. Opcje kontrastu kolorów powinny być wysokie, na przykład czarny tekst na białym tle, aby ułatwić użytkownikom czytanie treści, nawet jeśli mają pewne ograniczenia wizualne.

3. Upewnij się, że Twoje linki są podkreślone

Wiele osób ostatnio zrezygnowało z zasady „podkreślaj swoje linki”, ponieważ tekst, który nie jest podkreślony, jest bardziej estetyczny niż ten, który jest podkreślony. To może być prawda, ale głównym zadaniem Twojej witryny jest funkcjonalność. Oznacza to we wszystkim; powinieneś traktować priorytetowo funkcjonalność.

Usunięcie podkreślenia utrudnia użytkownikom zidentyfikowanie hiperlinków części licznika. Jeśli nadal nie chcesz podkreślać treści, rozważ inne sposoby wyróżnienia linków na tle reszty tekstu. W tym celu możesz użyć koloru lub pogrubionego tekstu.

4. Dodaj znaczniki Alt do obrazów

Aby poprawić dostępność swojej witryny, musisz rozważyć dodanie „tagów alt” do wszystkich obrazów w witrynie.

Niektóre witryny używają tekstu alternatywnego w ramach strategii optymalizacji pod kątem wyszukiwarek (SEO): zamiast używać go do jak najkrótszego i jak najlepszego opisania obrazu, wykorzystują przestrzeń do umieszczania słów kluczowych, które według nich pomogą ich witrynie w rankingu. Oczywiście zwykle nie zapewnia to dobrego czytania dla odwiedzających witrynę i chcesz tego uniknąć, aby Twoja witryna była dostępna.

Gdy ktoś uzyskuje dostęp do Twojej witryny za pomocą czytnika ekranu, a Twoja witryna nie ma tagów alt dodanych do jego treści wizualnych, jego czytnik ekranu nie będzie w stanie wyjaśnić czytelnikowi, co jest na obrazie. Tag alt informuje oprogramowanie czytnika ekranu, co znajduje się na obrazie i jaki ma on związek z otaczającą zawartością.

Aby dodać tagi alt do obrazów w witrynie, musisz przejść do pola Tekst alternatywny po prawej stronie edytora i napisać krótkie zdanie opisujące obraz.

5. Zachowaj opis linków

Niektórzy użytkownicy będą używać technologii poleceń głosowych do poruszania się po witrynie z powodu ograniczeń wizualnych. Ponieważ ten segment użytkowników witryny będzie korzystać z czytników ekranu w celu uzyskania dostępu do zawartości witryny, linki muszą być bardziej kontekstowe.

Zamiast mówić coś niejasnego, takiego jak „czytaj więcej”, możesz dodać więcej szczegółów, aby skontekstualizować swój link, aby użytkownicy wiedzieli dokładnie, dokąd ten link ich zaprowadzi. Więc zamiast po prostu „czytaj więcej”, możesz dodać więcej szczegółów i poprosić o przeczytanie czegoś w stylu „kliknij tutaj, aby przeczytać więcej o tym, jak nasz zespół może ci pomóc”. W ten sposób użytkownik korzystający z czytnika ekranu zostanie poproszony o kliknięcie podanego linku.

6. Przetestuj rozmiar czcionki na różnych ekranach

Zanim skierujesz swoją aktualną uwagę na „nie zmieniaj rozmiaru”, musisz uzyskać dostęp do swojej witryny za pomocą różnych urządzeń z różnymi rozmiarami ekranu, na przykład testując wygląd tekstu na komputerze osobistym (PC) i telefonie komórkowym, aby upewnić się, że jest zoptymalizowany zarówno dla dużych, jak i małych ekranów.

7. Dodaj linki do głównej zawartości

Jeśli nic z tym nie zrobisz, użytkownicy korzystający z czytników ekranu będą mieli mnóstwo czasu na Twojej witrynie, ponieważ ich czytelnicy zaczną czytać Twoją witrynę od góry do dołu, a czasami może minąć trochę czasu, zanim zaczną czytać treść, której potrzebuje użytkownik czytać.

Aby temu zaradzić, podczas tworzenia witryny WordPress musisz wstawić linki, które pozwolą czytnikom ekranu przejść do głównej treści na Twojej stronie. Ten link można dodać do pierwszej kolumny hipertekstowego języka znaczników (HTML).

8. Oferuj alternatywy tekstowe dla treści wizualnych i dźwiękowych

Dodanie napisów do treści może pomóc osobom z wadami słuchu uzyskać dostęp do treści. Publikując filmy, podcasty lub książki audio w swojej witrynie, upewnij się, że dodałeś tekst alternatywnie do tej treści, aby każdy mógł go zrozumieć.

9. Włącz indeksowanie kart

Niektórzy użytkownicy, zwłaszcza ci o ograniczonych zdolnościach motorycznych, często odpowiadają za pomocą klawisza Tab na klawiaturze, zamiast poruszać się po witrynie za pomocą gładzika lub myszy.

Aby dostosować się do tych użytkowników, upewnij się, że Twoja witryna jest zaindeksowana na kartach. W tym przypadku pomagasz zapewnić wszystkim użytkownikom dostęp do treści w zamierzonej kolejności, ustalając kolejność elementów treści.

10. Projektuj strony internetowe dla niskich prędkości Internetu

Podczas gdy przeciętny użytkownik będzie miał dostęp do Twojej witryny od wysokiej do średniej prędkości, niektórzy użytkownicy doświadczają niższych niż normalne prędkości internetu.

Ponadto nawet użytkownicy z ogólnie wysokimi prędkościami internetu mogą od czasu do czasu doświadczać nierównych połączeń. Projektowanie witryny z myślą o tym może pomóc w utrzymaniu jej dostępności dla wszystkich przez cały czas.

Możesz pomyśleć, że oznacza to, że Twoja witryna powinna być napisana tylko w tekście HTML, ale to dalekie od tego. Standardy przepływu mogą obejmować:

• Upewnij się, że Twoje strony nie mają więcej niż 25 KB. Twoim celem powinno być załadowanie danych witryny w ciągu około 15 sekund.
• Użyj kaskadowych arkuszy stylów (CSS), aby zredukować obrazy w witrynie i zachować czystą strukturę witryny.
• Upewnij się, że strony Twojej witryny mogą być buforowane, co skraca czas wczytywania dla odwiedzających, którzy odwiedzają Twoją witrynę.
• Unikaj linków do dużych plików, takich jak PDF, ale upewnij się, że takie linki są konieczne. wyświetlić rozmiar pliku.
• Treść, która ładuje się jako pierwsza w Twojej witrynie, musi być bardzo ważna, ponieważ motywuje czytelnika do czekania jeszcze kilka sekund, podczas gdy inne informacje się ładują. Dlatego upewnij się, że na pierwszym miejscu umieszczasz cenne informacje.

Wniosek

Udostępnienie strony internetowej wymaga dużo planowania. Dzieje się tak niezależnie od tego, czy tworzysz witrynę od podstaw, czy chcesz dostosować swoją obecną. Poświęć trochę czasu na zastanowienie się, w jaki sposób użytkownicy z różnymi ograniczeniami mogą wchodzić w interakcję z Twoją witryną i jak ulepszyć ich wrażenia.