Jak poprawić dostępność swojej witryny - 8 łatwych sposobów.

Opublikowany: 2021-06-02

Zbyt często projektanci i programiści spędzają zbyt dużo czasu na tworzeniu pięknej strony internetowej, że zapominają o stworzeniu funkcjonalnej, dostępnej dla wszystkich, także dla osób niepełnosprawnych. Nie tylko udostępnienie Twojej witryny internetowej dla wszystkich jest wymogiem prawnym, ale jest to również moralna rzecz do zrobienia i może mieć poważne korzyści finansowe dla Twojej firmy. W tym artykule opowiem Ci kilka najlepszych, łatwych sposobów na poprawę dostępności Twojej witryny.

97% witryn internetowych nie spełnia globalnych przepisów internetowych . To pokazuje, że firmy muszą zrobić więcej, aby zaspokoić potrzeby użytkowników z dodatkowymi potrzebami.

Po co poprawiać dostępność swojej witryny?

Poprawa dostępności Twojej strony internetowej przede wszystkim otwiera Twój biznes na większą bazę konsumentów, co może skutkować wyższymi zyskami. Poprawa dostępności Twojej witryny może również poprawić jej optymalizację pod kątem wyszukiwarek, ponieważ Twoja witryna jest łatwiejsza do zrozumienia z punktu widzenia wyszukiwarki.

Im większy ruch w Twojej witrynie, a więcej odwiedzających może przeczytać Twoje treści, tym większa szansa na sprzedaż. Firmy takie jak Tesco odnotowały wzrost sprzedaży podczas wdrażania rozwiązań dostępności.

Wreszcie, ulepszenie witryny internetowej, aby niepełnosprawni użytkownicy mogli z niej korzystać, jest moralnie słuszne, a także jest wymogiem prawnym , brak udostępnienia witryny internetowej dla niepełnosprawnych użytkowników może otworzyć Twoją firmę na procesy sądowe, wystarczy zapytać firmy takie jak Netflix, Domino's Pizza i Target, które wszyscy zostali pozwani za posiadanie strony internetowej, która nie była dostępna dla niepełnosprawnych użytkowników.

Jak poprawić dostępność swojej witryny?

Istnieją dwie możliwości poprawy dostępności Twojej witryny. Pierwszą opcją jest zbudowanie witryny z myślą o dostępności lub zainstalowanie narzędzi innych firm, które mogą pomóc niepełnosprawnym użytkownikom uzyskać dostęp do Twojej witryny.

Jeśli budujesz swoją witrynę z myślą o ułatwieniach dostępu, oto kilka wskazówek, które mogą Ci pomóc.

1) Wybór dostępnego systemu zarządzania treścią.

content management system

System zarządzania treścią, jak sama nazwa wskazuje, to narzędzie zaplecza na stronie internetowej, które obsługuje Twoje bazy danych i treść wyświetlaną na interfejsie witryny.

Jednym z najczęstszych systemów zarządzania treścią jest WordPress i jako CMS jest dostępny po wyjęciu z pudełka, ale kiedy użytkownicy zaczynają tworzyć swoje układy i projekty, możesz napotkać problemy.

W przypadku WordPressa używają systemu wtyczek, który umożliwia instalowanie oprogramowania innych firm, co często jest przydatne. Jednak to oprogramowanie innej firmy nie jest tworzone przez Ciebie, więc możesz nie rozumieć, co dzieje się pod kodem, dlatego często kod nie pomaga w dostępie do Twojej witryny.

Mając to na uwadze, istnieją również wtyczki ułatwień dostępu innych firm, które można dodać do witryny, aby pomóc w problemach z ułatwieniami dostępu.

2) Użyj poprawnego znacznika semantycznego.

Znacznik semantyczny opisuje, czym obiekt jest dla przeglądarki i programisty. Korzystanie z prawidłowych znaczników może pomóc w oprogramowaniu, takim jak czytniki ekranu.

Przykładem znaczników semantycznych są: <formularz>, <tabela> i <artykuł>, ponieważ wyraźnie opisują dane, które mają je wypełnić.

HTML5 zawiera wiele przykładów znaczników semantycznych, które można wykorzystać do pomocy w technologii czytania ekranu. Więcej przykładów można znaleźć w witrynie W3Schools .

3) Odpowiednio otaguj swoje obrazy.

Oprogramowanie do czytania ekranu umożliwia osobom z wadami wzroku przeglądanie Internetu. Ta technologia bardzo dobrze radzi sobie z informowaniem użytkownika, o czym jest strona, jednak nadal ma swoje ograniczenia.

Oprogramowanie do czytania ekranu nie może opisać, czym jest obraz, ani odczytać tekstu na obrazie. Z tego powodu programiści powinni we właściwy sposób oznaczać obrazy na swoich stronach internetowych. Czytniki ekranu mogą zrozumieć tekst ALT na obrazie, a jego nieprawidłowe wypełnienie pomoże niepełnosprawnym użytkownikom trochę lepiej zrozumieć Twoją stronę.

Tagi ALT mogą być nadużywane przez marketerów, ponieważ uważają, że jest to czynnik rankingowy w wyszukiwarkach. Marketer może oznaczyć obrazy w Twojej witrynie następującym tekstem ALT: „buty na sprzedaż”. Podczas gdy ktoś zainteresowany dostępnością strony użyłby tekstu ALT: „brązowe skórzane buty noszone przez mężczyznę w biurze”.

Na powyższym przykładzie widać wyraźne różnice z perspektywy marketingowej i dostępności.

4) Nie każdy używa myszy, więc odpowiednio zaplanuj.

Użytkownicy mający problemy z mobilnością mogą nie być w stanie używać myszy z precyzją niezbędną do przeglądania Internetu. Osoby z problemami z poruszaniem się będą korzystać z różnych urządzeń, takich jak klawiatury, patyczki do ust i patyczki na głowę, aby uzyskać dostęp do Internetu.

Nawet przy powyższej technologii dostęp do niektórych stron internetowych jest niemożliwy, ponieważ mają one złożone układy. Złożone układy mogą obejmować rozwijane nawigacje, złożone animacje, a nawet coś tak prostego, jak wyłączenie stylów CSS, które pokazują element sieci, na którym się koncentrujesz.

Niektórzy użytkownicy będą musieli przechodzić między elementami witryny, klikając klawisz na klawiaturze, w przypadku niedostępnych witryn prawie niemożliwe jest sprawdzenie, w którym elemencie się znajdujesz i gdzie możesz przejść dalej. Najlepszym wyjaśnieniem tego jest próba użycia myszy bez wyświetlania wskaźnika myszy na ekranie.

5) Zrozum i używaj ARIA

ARIA

Accessible Rich Internet Applications lub ARIA dla krótkich opisów, w jaki sposób należy wprowadzać zmiany w witrynie, aby można było na niej korzystać z technologii wspomagających. Wytyczne są przydatne przy określaniu sposobu wyświetlania treści dynamicznych w Twojej witrynie.

Możesz dowiedzieć się, jak używać ARIA na swojej stronie internetowej z W3C tutaj .

6) Starannie dobieraj kolorystykę swojej witryny

Przez lata opublikowano niezliczoną ilość artykułów na temat teorii kolorów, które omawiają, w jaki sposób określone kolory wywołują u ludzi i mogą pomóc im w dalszym procesie zakupu.

Jeśli wierzysz w teorię kolorów lub nie, jedno jest pewne: kolor może odegrać ogromną rolę w poprawie dostępności Twojej witryny. Jasne kolory mogą sprawić, że tekst na Twojej stronie będzie trudniejszy do odczytania dla osób niewidomych, podczas gdy kolory o tym samym kontraście mogą mieć podobny efekt.

Decydując się na kolorystykę swojej witryny, musisz wziąć pod uwagę swój branding. Jeśli jednak Twoja marka jest problematyczna dla niepełnosprawnych użytkowników, będziesz musiał znaleźć rozwiązanie, aby to naprawić.

7) Używaj napisów w swoich filmach

Firmy mogą używać objaśnień wideo na swojej stronie internetowej, aby pokazać, jak ich produkt rozwiązuje problem, ale wiele z nich nie używa napisów, aby pomóc swoim czytelnikom, którzy mają problemy ze słuchem.

Dodawanie napisów do filmów nie jest trudne ani nawet drogie, ponieważ możesz zatrudnić freelancera do ich transkrypcji.

Firmy takie jak YouTube automatycznie dodadzą napisy do Twoich filmów, ale ponieważ są one generowane komputerowo, nie zawsze są poprawne i mogą sprawić, że Twoi goście będą zdezorientowani wiadomością, którą próbujesz udostępnić.

Napisy są przydatne nawet dla osób bez problemów słuchowych, ponieważ niektórzy ludzie oglądają filmy podczas dojazdów do pracy i często je wyciszają. Napisy to dobry sposób na zrozumienie, co się dzieje, bez przeszkadzania innym.

8) Narzędzia innych firm

Third party tools

W zależności od rozmiaru Twojej witryny, czasami nie jest możliwe przejrzenie jej i wprowadzenie wyżej wymienionych zmian. Z drugiej strony możesz nie mieć budżetu na wprowadzenie tych zmian.

Jest to zrozumiałe, ale zdaj sobie sprawę, że marnujesz pieniądze, nie obsługując niepełnosprawnych użytkowników, i możesz stracić pieniądze, jeśli kiedykolwiek zostaniesz postawiony przed sądem w związku z Twoją witryną.

Na szczęście istnieją narzędzia innych firm, które można zainstalować, aby wprowadzić te zmiany za Ciebie.

Niektóre z narzędzi, których można użyć, są tak proste, jak ich instalacja i umożliwienie im wykonania reszty pracy. Najlepsze w tych narzędziach jest to, że są lekkie i nie wpływają na szybkość ładowania strony w Twojej witrynie. Użytkownicy bez dostępnych problemów nie zostaną naruszeni, a ci, którzy potrzebują dodatkowej pomocy, będą mogli znacznie łatwiej przeglądać Twoją witrynę.

Jedyną wadą tego oprogramowania, jeśli można to nazwać, jest to, że często wymagają miesięcznych opłat, ale biorąc pod uwagę, ile czasu oszczędza oprogramowanie, nie są one również drogie. Dalsze oszczędności można uzyskać płacąc corocznie. Jeśli nie masz budżetu na oprogramowanie, dostępne są bezpłatne wersje, ale będą one wymagać większego wkładu w Twoim imieniu.

Wniosek

Zapewnienie dostępnego rozwiązania dla niepełnosprawnych użytkowników jest nie tylko moralnie poprawne, ale także jest wymogiem prawnym.

Niepełnosprawni użytkownicy mają już trudne życie, więc jeśli przy odrobinie wysiłku możesz ulepszyć ich przeglądanie online, jest to coś, co wszyscy powinniśmy spróbować. Mniejsze witryny mogą wprowadzać zmiany powyżej siebie, podczas gdy witryny komercyjne mogą inwestować w oprogramowanie ułatwiające dostęp, które zapewni im dostęp w ciągu kilku godzin.

Jeśli chcesz zobaczyć listę najlepszych dostępnych obecnie programów na rynku, zamieściliśmy przewodnik w dalszej części strony.