Jak stworzyć dostępną stronę B2B w 2023 roku

Jest rok 2023 i do dziś niepełnosprawni użytkownicy mają trudności z dostępem do blogów, stron internetowych i różnych innych materiałów. Istnieje wyraźny wzorzec niezamierzonego wykluczenia, w przypadku gdy materiały marketingowe nie są przeznaczone dla osób niepełnosprawnych.

Tylko 3% stron internetowych jest dostępnych dla użytkowników z niepełnosprawnościami. Liczba dostępnych serwisów B2B jest jeszcze mniejsza.

A dzięki tym witrynom wyposażonym w unikalne interaktywne narzędzia, takie jak formularze do przesyłania treści i długie blogi, potrzeba zapewnienia dostępności sieci jest pilna.

Na tym blogu pomożemy Ci wypełnić lukę, wyjaśniając, czym jest dostępność witryny, jak ją osiągnąć i jak może pomóc firmom B2B rozszerzyć zasięg na krytycznie niedostatecznie obsługiwane części rynku.

Czym jest dostępność sieci i dlaczego jest ważna?

Standardy dostępności sieci i najlepsze praktyki zapewniają, że osoby niepełnosprawne mogą uczestniczyć w doświadczeniach internetowych.

Obejmuje to poruszanie się po witrynie, pobieranie e-booka, oglądanie seminarium internetowego i nie tylko.

Nie ma uniwersalnego podejścia do dostępności. Istnieje wiele rodzajów niepełnosprawności, a każdy z nich może mieć szeroki zakres wpływu na różne osoby.

Jednak właściciele stron internetowych mogą zaradzić tym skutkom w znormalizowany sposób.

Wytyczne dotyczące dostępności treści internetowych (w skrócie WCAG) określają najlepsze praktyki w zakresie zaspokajania potrzeb niepełnosprawnych użytkowników sieci.

Stosowanie się do tych wytycznych nie gwarantuje, że każda osoba niepełnosprawna będzie mogła korzystać z Twojej witryny. Zapewniają jednak wspólny punkt wyjścia, który pozwala właścicielom witryn internetowych na bardziej integracyjne korzystanie z sieci.

WCAG jest również podstawą zgodności z amerykańską ustawą o osobach niepełnosprawnych (w skrócie ADA).
W większości przypadków strony internetowe zgodne z WCAG są również zgodne z ADA.

Przestrzeganie protokołów WCAG to najlepszy sposób zapewnienia zgodności z ADA .

Nie każda strona internetowa jest zaprojektowana z myślą o zgodności. W rzeczywistości jest ich bardzo niewielu.

Dlatego właściciele witryn B2B używają narzędzia do sprawdzania zgodności z WCAG, aby dowiedzieć się, w jaki sposób poprawiają dostępność sieci. Pomoże Ci to dowiedzieć się, co stoi między Tobą a osiągnięciem zgodności z WCAG. Otrzymasz szczegółowy raport wskazujący obszary Twojej witryny, które należy poprawić, aby osiągnąć optymalny stan dostępności sieci.

Siła nabywcza społeczności osób niepełnosprawnych

Chociaż dostępność jest ważna z moralnego punktu widzenia, jest również cennym wyróżnikiem marki.

Około 15% światowej populacji doświadcza jakiejś formy niepełnosprawności. Niepełnosprawności nie ograniczają bariery narodowe ani kulturowe. Mają wpływ na każdą grupę demograficzną, na całym świecie.

Oznacza to, że twoi klienci składają się częściowo z osób niepełnosprawnych. Kessler Foundation informuje, że osoby niepełnosprawne stanowią coraz większą część amerykańskiej siły roboczej. Trend z roku na rok nadal nabiera rozpędu ze stałymi wzrostami o punkty procentowe.

Ignorowanie tych ludzi jest nie tylko niesprawiedliwe, ale i nierozsądne.

Jeśli Twoja strategia marketingowa B2B opiera się na generowaniu ruchu organicznego na Twoim blogu, nie ma sensu wykluczać około 15% potencjalnych klientów.

Jednak tak właśnie robi wiele firm.

Dla osób niepełnosprawnych dostępność sieci jest absolutnie niezbędna dla wygody użytkownika.

Dla wielu z tych osób korzystanie z niezgodnych z przepisami witryn internetowych jest niemożliwe. Spotykają się z treścią, jak wszyscy inni, ale są całkowicie wykluczeni z interakcji z nią.

Ta treść odgrywa kluczową rolę w podróży kupującego B2B.

Jest to właściwe postępowanie, a także opłacalna strategia biznesowa.

Jak stworzyć dostępną stronę internetową

Oficjalny dokument WCAG 2.1 zawiera ponad 100 stron wysoce technicznych standardów projektowania stron internetowych i interaktywności. To zastraszający dokument z wieloma zasadami, klauzulami i zastrzeżeniami.

Ale nie musisz być ekspertem w zakresie ułatwień dostępu, aby zbudować dostępną witrynę internetową.
Wiele protokołów WCAG 2.1 opiera się na podstawowym zestawie zasad, które są łatwe do zrozumienia.

Zaimplementuj je w swojej witrynie, a będziesz na dobrej drodze do zapewnienia zgodności z ułatwieniami dostępu:

Zezwalaj na nawigację za pomocą klawiatury

Mysz to wspaniałe narzędzie, ale nie jest zbyt łatwo dostępne. To samo dotyczy touchpadów i ekranów dotykowych. Osoby niepełnosprawne wzrokowo lub motorycznie nie mogą korzystać z tych urządzeń.

Zamiast tego wiele osób niepełnosprawnych używa specjalnych klawiatur.
Urządzenia takie jak te mogą zamienić prawie każdy rodzaj fizycznego wprowadzania danych – na przykład drganie policzka Stephena Hawkinga – w polecenie klawiaturowe.

Podobnie oprogramowanie do odczytywania ekranu, takie jak JAWS, działa całkowicie poza poleceniami klawiaturowymi. Jeśli Twoja witryna zawiera przycisk lub funkcję, która nie jest dostępna za pomocą klawiatury, użytkownicy czytników ekranu nie będą mogli z niej korzystać.

Umożliwienie użytkownikom poruszania się po witrynie i korzystania z treści tylko za pomocą poleceń klawiaturowych jest jednym z najlepszych sposobów na poprawę dostępności w całej witrynie.

Jest to szczególnie ważne w przypadku serwisów B2B, które wykorzystują interaktywne treści (np. formularze on-video) do pozyskiwania i konwersji leadów.

Wykorzystaj hierarchie nagłówków

Nagłówki są szczególnie ważne dla użytkowników czytników ekranu.
Rozwiązania te grupują treść tekstową na podstawie struktury nagłówków strony internetowej. Dzięki temu użytkownicy z niepełnosprawnością wzroku mogą przeglądać treści bez konieczności czytania każdego słowa na stronie.

Nie mogą tego zrobić, jeśli strony internetowe nie używają odpowiednich nagłówków HTML.

Zwykle dzieje się tak, gdy autorzy treści dzielą bloki normalnego tekstu z dodatkowym normalnym tekstem. Tekst podziału może być powiększony lub pogrubiony, ale nie jest nagłówkiem. Czytniki ekranu odczytają ten tekst w taki sam sposób, jak wszystko inne na stronie.

Nagłówki są częścią struktury Twojej strony internetowej. Są one oznaczone w określonej hierarchii ważności, zwykle od H1 do H4. Wszystkie edytory tekstu sformatowanego umożliwiają autorom treści oddzielanie bloków tekstu za pomocą tych nagłówków. Upewnij się, że Twoja witryna robi to samo.

Dodaj opisowy tekst alternatywny

Pliki graficzne stanowią problem dla użytkowników czytników ekranu. Gdy czytnik ekranu napotka plik obrazu, odczyta użytkownikowi znacznik tekstu alternatywnego obrazu. Jeśli nie ma tekstu alternatywnego, oprogramowanie po prostu powie na głos „obraz”, a następnie przejdzie dalej.

Dodanie tekstu alternatywnego do obrazów pozwala użytkownikom czytników ekranu zrozumieć wskazówki kontekstowe, które w innym przypadku mogłyby zostać przeoczone. Jeśli dany obraz zawiera ważne informacje, znacznik tekstu alternatywnego jest jedynym miejscem, w którym czytniki ekranu mogą uzyskać te informacje.

Jest to szczególnie ważne w przypadku obrazów, które obsługują treści pisane. Wykresy, infografiki i inne obrazy objaśniające mają do odegrania istotną rolę w marketingu treści B2B. Znaczniki tekstu alternatywnego zapewniają, że osoby z upośledzeniem wzroku mogą właściwie zrozumieć te obrazy.

Im bardziej opisowy jest znacznik tekstu alternatywnego, tym lepiej.
Spróbuj zawrzeć wartość obrazu i pokazać, dlaczego został wybrany w pierwszej kolejności.

Doskonal sztukę kontrastów kolorów

Zły kontrast kolorów może mieć ogromny wpływ zarówno na użyteczność, jak i dostępność. Nawet osoby o doskonałym wzroku nie mogą łatwo odczytać tekstu napisanego na tle o podobnym kolorze. Dostępny tekst strony internetowej musi być umieszczony na tle zapewniającym przyzwoity kontrast kolorystyczny.

W przypadku większości witryn kontrast kolorów nie jest trudnym problemem w tekście podstawowym. Jest to znacznie częstszy problem w przypadku banerów, tekstu nagłówka i tytułów stron. To dlatego, że ten tekst często leży na obrazie. Jeśli kolor tekstu i obrazu będzie zbyt podobny, będzie nieczytelny.

Strona główna Rock Content jest doskonałym przykładem kontrastu kolorów w pracy. Ma jasnofioletowe tło flary za głównym obrazem i czarny tekst na górze. Jest prosty, skuteczny i łatwy do odczytania.

Jest kilka rzeczy, które możesz zrobić, aby poprawić kontrast kolorów w swojej witrynie:

Dostosowanie koloru tekstu do współczynnika kontrastu 4,5:1 jest jednym z najłatwiejszych rozwiązań.
Wiele dostępnych witryn internetowych umieszcza przezroczyste pole między obrazami tła a tekstem nagłówka. Inni po prostu przesuwają tekst nagłówka obok obrazu, a nie na nim.

Upewnij się, że filmy są dostępne

Marketing wideo jest kluczowym elementem każdej nowoczesnej strategii marketingowej B2B. Jeśli chcesz zaprezentować produkt lub zademonstrować nową technologię, wideo jest najbardziej wciągającym formatem, jaki możesz wybrać.

Jednak wideo może być również jednym z najtrudniejszych formatów dla użytkowników niepełnosprawnych. Łączy informacje dźwiękowe i wizualne, aby opowiedzieć historię, a większość odtwarzaczy wideo ma interfejs typu „wskaż i kliknij”.

Napisy i transkrypcje odgrywają istotną rolę w umożliwianiu osobom niepełnosprawnym korzystania z treści wideo. Napisy są idealne dla osób niedosłyszących, a transkrypcje umożliwiają użytkownikom czytników ekranu również śledzenie tekstu.

Zapewnienie możliwości poruszania się po klawiaturze dla treści wideo może być trudne. Nie wszyscy dostawcy usług hostingu wideo oferują przystępne wrażenia użytkownika. Publikowanie transkrypcji może pozwolić na ominięcie tego wymogu, ale nie zawsze idealnie oddaje znaczenie treści wideo.

To samo dotyczy formularzy.

Jeśli bramkujesz treści wideo za pomocą formularza, musisz upewnić się, że jest on dostępny i łatwy do wypełnienia. Powinna być czytelna, łatwa w nawigacji za pomocą klawiatury i kompatybilna z czytnikiem ekranu.

Zoptymalizuj zgodność dzięki zaawansowanym rozwiązaniom innych firm

Protokoły WCAG zawierają ogromną liczbę technicznych szczegółów projektowych. Obejmują one określone współczynniki kontrastu kolorów, standardy obsługi, wydajność kotwicy i inne.

Ręczna weryfikacja wszystkich tych elementów jest trudnym i czasochłonnym procesem. Będziesz musiał zapamiętać, sprawdzić i porównać setki drobnych szczegółów technicznych na każdej stronie swojej witryny.

Narzędzia ułatwień dostępu w sieci Web mogą pomóc zautomatyzować to zadanie. Narzędzia takie jak accessWidget zawierają sztuczną inteligencję, aby automatycznie naprawiać niedostępny kod w Twojej witrynie.

Umożliwia także niepełnosprawnym odwiedzającym witrynę modyfikację interfejsu użytkownika witryny w oparciu o ich indywidualne potrzeby. Obejmuje to dostosowanie opcji kolorów i wyświetlania, włączenie nawigacji za pomocą klawiatury oraz dostosowanie do technologii czytnika ekranu.

Należy pamiętać, że nie każde wymaganie w standardzie WCAG można zautomatyzować. Niektóre z tych wymagań odnoszą się do sposobu, w jaki treść przekazuje „znaczenie” użytkownikom. Tylko człowiek może to zweryfikować.

Dostępność to stałe zobowiązanie

Dostępność to coś więcej niż pole zgodności do sprawdzenia. Nie ma sposobu, aby zagwarantować, że każda osoba, z każdą niepełnosprawnością, znajdzie Twoją witrynę internetową i wszystkie jej treści dostępne. Część podróży w zakresie dostępności obejmuje zbieranie informacji zwrotnych od osób niepełnosprawnych i wdrażanie ich.

Im wcześniej rozpoczniesz tę podróż, tym lepszy będzie jej wynik. Poświęć trochę czasu na audyt swojej witryny i zidentyfikuj obszary, w których możesz poprawić dostępność treści. Dotrzyj do społeczności osób niepełnosprawnych i pokaż, że inwestujesz w jej sukces i integrację. Odpowie w naturze.

Aby uzyskać więcej wskazówek, jak sprzedawać swoją firmę różnym odbiorcom, zapoznaj się z naszym pakietem planowania marketingowego.