Najbardziej dostępne strony internetowe na świecie

Dla wielu z nas internet jest czymś oczywistym. Wiesz, gdzie szukać, co kliknąć i jak wszystko działa – niezależnie od tego, który kreator stron internetowych lub CMS stworzył to, na co patrzysz. A co by było, gdybyś był jedną z miliarda osób niepełnosprawnych na świecie, dla których Internet jest znacznie trudniejszy do zrozumienia?

Niektóre niepełnosprawności sprawiają, że Internet jest bardziej zagmatwany i tu pojawia się kwestia dostępności.

Przyjrzeliśmy się niektórym z najpopularniejszych stron internetowych na świecie, aby dowiedzieć się, które z nich przeszły testy dostępności, a które wymagają dużo więcej pracy.

Dlaczego dostępność ma znaczenie?

Dostępność sieci wpływa na nas wszystkich w sposób, z którego nawet nie zdajemy sobie sprawy. Dzięki niemu internet nie tylko stanie się bardziej użytecznym miejscem dla miliarda ludzi na całym świecie, którzy są od niego zależni, ale także sprawi, że będzie on lepszy dla wszystkich innych osób.

Dzięki temu tekst jest łatwy do odczytania bez konieczności mrużenia oczu. Dzięki temu staje się jasne, jak sfinalizować zamówienie i jak kliknąć link, a także sprawia, że ​​możemy z samego rana spojrzeć na nasz telefon i nadal rozumieć, co się dzieje.

W przypadku osób o szczególnych potrzebach związanych z dostępnością może to stanowić różnicę między wydaniem pieniędzy w witrynie internetowej a wybraniem innego miejsca. Zatem dla marek ma to znaczenie nie tylko dlatego, że ulepszy witrynę, ale także dlatego, że może je to kosztować.

W samej Wielkiej Brytanii kwota utracona z powodu niedostępnych stron internetowych – znana jako funt kliknięcia – wyniosła 11,75 miliarda funtów w 2020 r. To miliardy, które gospodarka mogłaby zarobić, gdyby tylko firmy wprowadziły kilka prostych zmian, aby dostosować swoje witryny do standardów standard.

Jak oceniana jest dostępność?

Dostępność sieci jest porównywana z wytycznymi dotyczącymi dostępności treści internetowych (WCAG). Ich obecne wytyczne, WCAG 2.2, mówią właścicielom stron internetowych, co muszą zrobić, aby ich treści były użyteczne dla każdego, kto może je znaleźć.

Oceniają witryny w trzech różnych kategoriach:

A – Minimalne standardy dostępności.

Możesz poruszać się po witrynie za pomocą klawiatury, nie wpadniesz w żadne pułapki, wszystkie filmy mają podpisy, a kształt, rozmiar i kolor nie przekazują żadnego znaczenia.

AA – akceptowalna dostępność, coś, do czego powinny dążyć witryny.

Kontrast kolorów musi być na wyższym poziomie, obrazy potrzebują alternatywnego tekstu, który powie niewidomym użytkownikom, co się na nich znajduje, nawigacja będzie przejrzysta, a nagłówki wyjaśnią, o czym mówi treść pod nimi.

AAA – Najwyższy poziom dostępności.

Kontrast kolorów musi być prawie czarno-biały, filmy wymagają języka migowego, nigdy nie przekroczysz limitu czasu realizacji zamówienia, a podpowiedzi będą widoczne, gdy cel treści wymaga wyjaśnienia.

Raport dostępności serwisu – kto ocenia?

Przeprowadziliśmy testy dostępności – o których więcej dowiesz się na końcu raportu – na 200 najpopularniejszych stronach internetowych na świecie. W testach tych sprawdzano wszystko, od kontrastu kolorów po obszary, na których można ustawić ostrość, co dało nam łączny wynik zasobów witryny oraz liczbę z nich, które zakończyły się niepowodzeniem.

Wykorzystaliśmy ten wynik, aby ustalić, jaki procent witryny był niedostępny dla użytkowników z jakimkolwiek rodzajem niepełnosprawności.

Oczywiście nie wszystkie upośledzenia wymagają dodatkowej dostępności. Na przykład osoby na wózkach inwalidzkich nie będą musiały korzystać z czytników ekranu. I choć wszyscy korzystają z dostępnych stron internetowych, niektórzy internauci potrzebują ich bardziej niż większość. Oto kilka przykładów:

Ślepota

Jest to prawdopodobnie najbardziej oczywiste upośledzenie, o jakim myślą ludzie, jeśli chodzi o dostępne treści. Niewidomi użytkownicy nie potrafią czytać tego, co piszemy, dlatego korzystają z czytnika ekranu, który robi to za nich. Jest też mało prawdopodobne, że będą używać myszy i zamiast tego przeglądać zawartość klawiszami tabulacji.

Użytkownicy z chorobami mózgu

Osoby cierpiące na choroby takie jak choroba neuronu ruchowego i choroba Parkinsona cierpią na takie objawy, jak drżenie mięśni, drżenie i sztywność. Mogą nie być w stanie używać myszy ani klikać treści i zamiast tego mogą używać różdżki do poruszania się po witrynach. Różdżka na głowę to urządzenie noszone na głowie, przy czym zamiast palców używa się długiego drążka do uderzania w klawiaturę.

Trudności w nauce

Trudności w nauce, takie jak dysleksja lub zaburzenia neurologiczne, takie jak autyzm, mogą sprawić, że treści będą bardzo trudne do odczytania. Litery mogą się pomieszać, słowa mogą się poruszać, a długie treści mogą powodować bóle głowy i frustrację.

Głuchota

Osoby głuche nie będą mogły słyszeć żadnych treści wideo, a młodzi niesłyszący często mają trudności z czytaniem. W filmach wymagane będą napisy lub język migowy, a język powinien być prosty.

Internet oczami innych użytkowników

Dobra dostępność może nie tylko sprawić, że Twoja witryna będzie działać lepiej, ale może również sprawić, że będzie wyglądać lepiej dla osób, które wchodzą z nią w inny sposób. Wymyśliliśmy, jak wyglądałyby niektóre z najpopularniejszych witryn na świecie, gdyby były oglądane przez osoby z wadami wzroku, dzięki czemu możesz zobaczyć, jak ważna jest dostępność.

Widzenie tunelowe robi dokładnie to, czego można się spodziewać — sprawia, że ​​ludzie widzą rzeczy tak, jakby patrzyli przez tunel. Na Amazon spowodowałoby to, że ogromna liczba produktów byłaby całkowicie niewidoczna i sprawiałaby wrażenie, jakby po prostu nie było tam żadnych bocznych menu.

Dysleksja spowodowałaby, że znaczna część Google wyglądałaby na nieczytelną. Może sprawić, że czytanie, pisanie i ortografia będą stanowić wyzwanie, powodując, że litery będą wyglądać na pomieszane i bezsensowne. W witrynach takich jak Google, gdzie tekst stanowi większość platformy, byłoby to szczególnie problematyczne.

Na ślepotę cierpi 2,2 miliarda ludzi na całym świecie i dlatego Netflix mógłby tak wyglądać. Linia, którą widzisz, ilustruje kolejność tabulacji – sposób, w jaki ludzie poruszaliby się po witrynie za pomocą klawisza Tab – natomiast puste pola obrazów są widoczne dla wszystkich, gdyby nie tekst alternatywny. Kolejność zakładek kończy się na dole strony, nie dając użytkownikom możliwości powrotu na górę. Nie chcesz oglądać Squid Game? Pech.

Ślepota barw może przybierać różne formy i wpływać na różne kolory u różnych osób. Chociaż w niektórych witrynach może to po prostu sprawić, że wszystko będzie wyglądać nieco inaczej, jeśli kiedykolwiek użyjesz koloru do przekazania znaczenia, pozbawi to całe to znaczenie. Moglibyśmy zobaczyć, że zielony przycisk oznacza rejestrację, a czerwony przycisk oznacza anulowanie, ale nie byłoby to tak jasne dla wszystkich.

Zaćma sprawia, że ​​korzystanie z Internetu jest znacznie bardziej niewyraźne. Tekst może stać się niejasny i przyprawić o ból głowy, dlatego tak ważny jest wysoki poziom kontrastu kolorów. W witrynach takich jak Twitter zaćma może sprawić, że ludzie będą przewijać treści, nie będąc w stanie się zaangażować.

Najbardziej dostępne strony internetowe

Narodowy Instytut Zdrowia ma najbardziej dostępną stronę internetową

Ocena dostępności: AAA

Z naszego raportu wynika, że ​​Narodowy Instytut Zdrowia (NIH), ogólnokrajowa instytucja, która co roku inwestuje miliardy w amerykańską opiekę zdrowotną, ma najbardziej dostępną stronę internetową w Internecie. Tylko 0,18% witryny jest niedostępne, co czyni ją fantastycznym źródłem informacji dla osób, które z niej korzystają.

Biorąc pod uwagę zainteresowanie stron internetowych związanych z opieką zdrowotną, niezwykle ważne jest, aby ich treść była dostępna dla każdego. NIH osiąga to dzięki wysokiemu kontrastowi kolorów między tekstem a tłem, opisowym linkom informującym, co przyniesie ich kliknięcie, oraz przejrzystej i spójnej nawigacji, która ułatwia poruszanie się po witrynie.

Jedynym błędem wykrytym przez nasze testy był pojedynczy przypadek „określenia nieprawidłowego języka”, który jest błędem w kodowaniu, który może czasami powodować awarię czytników ekranu. Ponieważ jednak pojawia się to tylko raz w całej witrynie, jest mało prawdopodobne, aby miało to wpływ na jej ogólną wydajność.

Dostępność strony internetowej Centrum Kontroli i Zapobiegania Chorobom wynosi 99,82%.

Ocena dostępności: AAA

Inna rządowa witryna poświęcona zdrowiu również uzyskała bardzo wysoką ocenę pod względem dostępności. Tylko 0,18% witryny Centrum Kontroli i Zapobiegania Chorobom (CDC) jest niedostępne dla użytkowników, co zapewnia wygodę użytkowania wszystkim odwiedzającym.

Podobnie jak NIH, jest to kolejna witryna internetowa, której docelowymi odbiorcami mogą być osoby niepełnosprawne, dlatego dostępność treści jest niezwykle istotna. Przejrzysta konstrukcja i białe tło eliminują ryzyko niskiego kontrastu kolorów, a także ułatwiają nawigację. Elementy są ułożone w sposób, jakiego oczekują użytkownicy, wszystkie obrazy zawierają tekst alternatywny, a linki mają charakter opisowy.

Spada dopiero na drugie miejsce ze względu na ostrzeżenia o umieszczaniu linków w tytułach, co może nieco utrudniać ich znalezienie.

Strona internetowa rządu Wielkiej Brytanii jest trzecią pod względem dostępności witryną na świecie

Ocena dostępności: AAA

Uważa się, że zespół odpowiedzialny za gov.uk – główną witrynę internetową rządu Wielkiej Brytanii – wynalazł termin „projektowanie treści”, zatem logiczne jest, że jej witryna internetowa działa tak dobrze. Projektowanie treści polega na tym, jak użytkownicy poruszają się po treści, umieszczając rzeczy tam, gdzie ludzie się ich spodziewają, w sposób łatwy do znalezienia. Jasne jest, że tak właśnie stało się z gov.uk. Witryna ma tylko 0,20% niedostępnych funkcji, a ogromna ilość szczegółowej treści jest dobrze ułożona i łatwa do eksploracji. Ponownie białe tło z czarnym i ciemnoniebieskim tekstem zapewnia doskonały kontrast kolorów, a linki opisowe są dostępne w obfitości.

Najmniej dostępne strony internetowe

W odróżnieniu od dostępnych witryn, żadna z nich nie uzyskała oceny dostępności. Wszyscy ponieśli porażkę w starciu z WCAG, przez co mieli mnóstwo pracy do wykonania.

ASOS ma najmniej dostępną stronę internetową

Wynik dostępności: brak

Jeśli szukasz szybkiej mody, ASOS ma ich więcej niż większość. Jeśli jednak cierpisz na jakąkolwiek niepełnosprawność lub niepełnosprawność, istnieje duże prawdopodobieństwo, że nie będziesz mógł niczego kupić. Zdumiewające 21,38% ich strony internetowej jest niedostępne, a błędy, takie jak słaby kontrast kolorów, tekst na obrazach i brakujące etykiety ARIA (​Accessible Rich Internet Applications), sprawiają, że jest to trudne doświadczenie dla wszystkich niepełnosprawnych fanów mody.

Brakujące etykiety są przyczyną większości problemów w witrynie. Etykiety nie są widoczne dla większości użytkowników, ale umożliwiają dostęp do wyskakujących okienek i elementów interaktywnych każdemu, kto korzysta z technologii wspomagających. Wyświetlą na przykład baner sprzedażowy lub formularz zgłoszeniowy do konkursu.

W tej chwili ASOS nie oferuje ich wystarczającej liczby, odstraszając miliony potencjalnych klientów.

Aktualizacja z 3 maja 2022 r. – Po opublikowaniu naszego badania firma ASOS odpowiedziała na nasz raport i wprowadziła ulepszenia na swojej stronie internetowej. Po ponownej ocenie przez nasz zespół strony głównej ASOS.com zaobserwowaliśmy znacznie lepsze wyniki w zakresie dostępności.

Oto jak wyglądają ich nowe wyniki za rok 2022:

20,66% strony logowania na Instagramie jest niedostępne

Wynik dostępności: brak

Pomimo tego, że jest to dość prosta witryna z minimalną zawartością, Instagram jest drugą najmniej dostępną witryną w Internecie – i to jeszcze zanim się zalogujesz. Ich strona logowania ma problemy ze względu na brak tekstu alternatywnego, a zmieniające się obrazy oznaczają, że mają niewielką kontrolę nad jak tekst wygląda po nałożeniu.

13,6% kanałów na Instagramie nie może zostać odczytanych

Po wejściu do aplikacji Instagram nadal ma problemy. Ponieważ są to głównie treści tworzone przez użytkowników, wiele obrazów pojawia się bez tekstu alternatywnego, a historie są przesyłane z ruchomym tekstem na obrazach – oba są koszmarem związanym z dostępnością.

Istnieje jednak wiele problemów, które Instagram może sam rozwiązać. Niski kontrast między czcionką witryny a jej jasnoszarym tłem sprawia, że ​​większość z nich jest nieczytelna, a brakujące etykiety ARIA uniemożliwiają użytkownikom zobaczenie przycisków odtwarzania i przesłanych nowych historii.

Strona logowania Telegramu nie przechodzi 20,29% testów dostępności

Źródło zdjęcia: LoboStudioHamburg (Pixabay)

Wynik dostępności: brak

Telegram jest platformą mediów społecznościowych umożliwiającą swobodne rozmowy, przyciągając tych, którzy czują się zaniedbywani przez zwykłe kanały. Jeśli jednak chce przyciągnąć uwagę kogokolwiek ze słabym wzrokiem, ma przed sobą pracę. Głównym problemem jest niski kontrast kolorów na stronie logowania, co sprawia, że ​​zalogowanie się jest wyzwaniem dla każdego, kto nie ma wzroku 20/20.

11,11% kanałów Telegramu jest niedostępnych

Po wejściu do aplikacji będziesz mieć problemy z obrazami, jeśli jesteś niedowidzący. Nie zawierają tekstu alternatywnego, więc niewidomi użytkownicy nie zrozumieją ich znaczenia. Zoom jest również wyłączony, co uniemożliwia każdemu powiększanie małej czcionki, jeśli chce zobaczyć coś z bliska.

Najbardziej i najmniej dostępne witryny w różnych sektorach

Przyjrzeliśmy się stronom internetowym związanym z modą, bankowością, handlem elektronicznym, rozrywką i oczywiście narzędziami do tworzenia witryn, aby dowiedzieć się, kto jest najlepszy i najgorszy pod względem dostępności. Niektóre wielkie nazwiska mają dość duże problemy, które wymagają naprawy.

LinkedIn to najbardziej dostępna platforma mediów społecznościowych

LinkedIn jest nie tylko dobrym miejscem do znalezienia pracy, ale także doskonałym miejscem, jeśli korzystasz z technologii wspomagających. Tylko 0,34% ekranu logowania do witryny jest niedostępne, ponieważ linki opisowe, świetny kontrast kolorów i prosty układ ułatwiają poruszanie się po stronie.

Po zalogowaniu dostępność jest (prawie) tak samo dobra. Tylko 2,94% kanału nie przechodzi testów dostępności, ponieważ przejrzysty projekt i spójna nawigacja sprawiają, że nawigacja po witrynie jest łatwa. Możesz nawet dodać tekst alternatywny do przesyłanych obrazów i dokumentów, pokazując, że LinkedIn naprawdę poważnie podchodzi do kwestii dostępności.

LinkedIn nieznacznie pokonuje Pinteresta na pierwszym miejscu. Tylko 0,95% strony logowania do platformy udostępniania zdjęć jest niedostępne i 3,19% głównego kanału, co wciąż stanowi świetny wynik, biorąc pod uwagę ilość treści generowanych przez użytkowników znajdujących się w witrynie.

Na trzecim miejscu z 3,76% znajduje się Reddit. Ale chociaż ich strona logowania osiąga dobre wyniki, ich rzeczywiste forum wypada płasko. 13,98% z nich jest niedostępnych, a treści generowane przez użytkowników, memy, GIF-y i inne elementy sprawiają, że jest to pole minowe, w którym można obejść się przez technologie wspomagające.

Instagram, Telegram i Facebook naruszają zasady dostępności

Instagram to najmniej dostępna platforma mediów społecznościowych, do której można się zalogować. Aplikacja oparta na obrazach ma problemy z czytelnością tekstu i opcjonalnym tekstem alternatywnym na obrazach, przez co 20,66% strony logowania jest bezużyteczne dla 2,2 miliarda osób niedowidzących na całym świecie. Pasza jest minimalnie lepsza, ale 13,6% jest niedostępna, więc nadal pozostawia wiele do życzenia.

Telegram, aplikacja do przesyłania wiadomości, znajduje się na drugim miejscu od końca, z niedostępnymi 20,29% ekranu logowania i 11,11% kanałów, co sprawia, że ​​Facebook zajmuje ostatnie miejsce na nieczytelnym podium. Mimo że jest największą platformą mediów społecznościowych na świecie, która co miesiąc przyciąga 467 milionów odwiedzin, 16,14% jej ekranu głównego jest niedostępne. Chociaż rzeczywisty kanał jest znacznie lepszy – tylko 2,37% kończy się niepowodzeniem – jeśli nie możesz się zalogować, nigdy nie będziesz mógł się nim cieszyć.

Czcionka serwisu – biały tekst na niebieskim tle – to dopiero początek problemów. Nie spełnia minimalnych wymagań dotyczących kontrastu kolorów, nie wymusza tekstu alternatywnego przy przesyłaniu obrazów i brakuje kilku etykiet ARIA, co utrudnia niektórym użytkownikom nawigację.

Platformy mediów społecznościowych z największymi problemami z dostępnością

Amazon Prime Video to najbardziej dostępna witryna rozrywkowa

Witryny rozrywkowe potrzebują nie tylko napisów i opisów dźwiękowych, aby ich treści były przystępne, ale muszą także zapewniać łatwość wyszukiwania i odtwarzania programów. Amazon Prime Video robi to lepiej niż ktokolwiek inny, ponieważ tylko 0,72% strony logowania – i 0,59% strony głównej – jest niedostępne. Wykorzystuje przejrzystą kolejność tabulatorów, aby umożliwić użytkownikom poruszanie się po każdej sekcji, jasną czcionkę na ciemnym tle i opisowe linki.

Pokonuje konkurencję ze strony HBO Max – 1,4% strony logowania i 1,35% niedostępnej strony głównej – oraz Twitcha, serwisu do strumieniowego przesyłania gier, który uzyskuje 1,4% za stronę logowania i 2,19% za stronę główną. Netflix, jeden z czołowych rywali Prime Video w przestrzeni rozrywkowej, w pewnym sensie powraca. Chociaż strona logowania radzi sobie bardzo dobrze – tylko 0,27% nie przeszło testów, 1,79% strony głównej nie przechodzi pomyślnie.

SoundCloud to najmniej dostępna witryna rozrywkowa na świecie

Chociaż SoundCloud może pozwolić Ci słuchać muzyki za darmo, jest to płatne dla wszystkich niepełnosprawnych użytkowników. 31,42% strony logowania do witryny jest niedostępne, a na obrazie tła występuje 66 tekstów, co utrudnia czytanie. Brakuje też etykiet ARIA, identyfikatorów formularzy i linków opisowych, co nie będzie muzyką dla niczyich uszu. Po zalogowaniu sytuacja nie wygląda dużo lepiej, ponieważ 14,92% treści pozostaje poza zasięgiem.

Steam jest drugi w złych książkach. Witryna umożliwia użytkownikom granie w gry online, ale ze względu na brak tekstu alternatywnego w obrazach, tekstu zamiast tekstu w tle i liczne problemy z formatowaniem tekstu, użytkownicy muszą nieco poważniej podejść do kwestii dostępności – obecnie 12,90% strony głównej i 9,53% treści poza granicami.

Roblox jest na trzecim miejscu. Gra online jest świetna dla dzieci, chyba że mają one pewne upośledzenia. 6,29% strony logowania do serwisu jest niedostępne, w szczególności formularze pozbawione etykiet i podpowiedzi. Bez etykiet formularzy użytkownicy niedowidzący nie będą wiedzieli, jakie informacje gdzie umieścić, co oznacza, że ​​nie będą mogli dołączyć do zabawy. Chociaż strona główna uległa drastycznej poprawie z wynikiem 1,13%, cała zawartość jest marnowana na użytkowników, którzy nigdy nie będą mogli do niej dotrzeć.

Witryny rozrywkowe z problemami z dostępnością

Dostępność Amazona przoduje w handlu elektronicznym

Witryna detaliczna Amazona jest najbardziej dostępna na rynku, ponieważ tylko 0,84% z niej nie przeszło naszych testów. Witryna ma białe tło i ciemny tekst, a jednocześnie oferuje cały szereg opisowych linków i menu, w które użytkownicy mogą kliknąć. Podróż użytkownika jest również niezwykle wydajna, umożliwiając szybkie dodawanie rzeczy do koszyka i realizację transakcji, zapobiegając ryzyku zbyt pochopnych przekroczeń limitu czasu.

Dunelm to druga pod względem dostępności witryna e-commerce. Tylko 1,01% strony sprzedawcy mebli jest niedostępne, co sprawia, że ​​podróż użytkownika jest tak samo wygodna, jak sprzedawane przez niego produkty. Mimo że w witrynie zamiast obrazów używa się tekstu, wyróżnia go on w wyraźny sposób, umożliwiając udostępnienie dostępnych funkcji bez utraty stylu.

Xfinity zajmuje trzecie miejsce na naszej liście. Strona dostawcy Internetu jest niedostępna w zaledwie 1,08% i oferuje wyraźne, białe tło, na którym można wyświetlać całą zawartość.

Smyths Toys to najmniej dostępna witryna e-commerce

Dzięki połączeniu białej czcionki na jasnoniebieskim tle, nieopisowych przycisków i różnych rozmiarów czcionek nie jest zaskoczeniem, że witryna Smyths Toys jest w 18,80% niedostępna. Przyciski z napisem „kup teraz” nie mają żadnego znaczenia wyrwanego z kontekstu, więc mało prawdopodobne jest, że ktokolwiek przeglądając zawartość, zatrzyma się i kliknie je.

Unsplash to kolejny najgorszy program. 15,56% witryny jest niedostępne, a problem ten potęguje ogromna ilość zdjęć bez tekstu alternatywnego. Platforma jest doskonałym miejscem dla fotografów i projektantów do dzielenia się swoją pracą, ale tekst zamiast obrazów i myląca kolejność zakładek sprawiają, że jest to nieprzyjemne doświadczenie dla niepełnosprawnych użytkowników.

Halfords zajmuje niechciane trzecie miejsce. Chociaż witryna ta może być fantastycznym miejscem na części samochodowe, jest to kiepskie miejsce ze względu na kontrast kolorów, co daje niedostępny wynik 9,56%.

Najlepsze i najgorsze witryny e-commerce pod względem dostępności

Czwartek jest świetny na dostępne randki

Jeśli szukasz miłości z niepełnosprawnością, czwartek może być aplikacją randkową dla Ciebie. Jednak żaden serwis randkowy nie osiąga szczególnie dobrych wyników. 6,50% czwartku jest niedostępne. Wynik ten można poprawić, usuwając tekst z obrazów i zwiększając kontrast kolorów.

Na drugim miejscu znajduje się Tinder z wynikiem 6,77%. Ciemnoszara czcionka na jasnoszarym tle nigdy nie doprowadzi do bardzo przystępnej witryny, ale poza tym jest w porządku. Wstępne przesunięcie w prawo od nas.

Trzecie miejsce z 8,27% witryn jest niedostępnych, jest Grindr. Jest to jasnożółta witryna z pogrubionym, czarnym tekstem, dzięki czemu jest bardzo czytelna i łatwa w obsłudze.

14,34% Bumble jest niedostępnych

Choć Bumble mógł zrewolucjonizować scenę randek internetowych, tworząc aplikację, w której jako pierwsze mogą wypowiadać się tylko kobiety, jeszcze długa droga, zanim będzie dostępna naprawdę dostępna platforma. W obecnej sytuacji 14,35% witryny nie nadaje się do użytku dla osób niepełnosprawnych. Brakuje w nim opisowych linków i przycisków, a co najgorsze, zastosowano białą czcionkę na żółtym tle.

Trudno to odczytać nawet przy doskonałym wzroku.

Tylko nieznacznie lepsza, bo 13,93% jej witryny jest niedostępna, jest eHarmony. Jeden z oryginalnych serwisów randkowych wciąż pozostaje nieco w tyle, jeśli chodzi o dostępność treści, a czytanie tekstu na ruchomych obrazach to koszmar. Poza tym malutka, jasnoszara czcionka nie ułatwia sprawy.

Serwisy randkowe, które znalazły dostępnego partnera

GoDaddy to najlepszy kreator witryn internetowych ze względu na dostępność witryn

Przejdźmy teraz do naszego specjalistycznego tematu, czyli twórców stron internetowych. GoDaddy z pewnością jest jednym z największych, a jeśli chodzi o dostępność serwisu, jest też najlepszy. Tylko 2,11% witryny jest niedostępne, co czyni ją łatwiejszą w użyciu niż Wix z 3,61% i Weebly z 8,49%.

Wszystkie te witryny oferują dobrą użyteczność i przejrzystą nawigację, dzięki czemu klienci mogą łatwo poruszać się po usługach, niezależnie od poziomu ich umiejętności.

WordPress i Squarespace to najmniej dostępne narzędzia do tworzenia witryn internetowych

Pomimo tego, że są dwoma głównymi graczami na rynku, zarówno WordPress (10,22%), jak i Squarespace (9,33%) mają problemy z dostępnością. W obu przypadkach występują problemy z ostrością obszaru, co pozwala użytkownikom niedowidzącym na powiększanie sekcji i czytanie treści z bliska. Może także pomóc osobom, które nie potrafią używać myszy, pozostać na treści wystarczająco długo, aby ją przyswoić.

W obu tych witrynach problemem jest ostrość, a niski kontrast kolorów i brakujące etykiety ARIA wpływają na ich łączną ocenę.

Twórcy witryn internetowych, którzy muszą poprawić swoje wyniki dostępności

H&M, Nike i Nordstrom dobrze wyglądają, jeśli chodzi o dostępność

Witryny modowe, takie jak H&M, Nike i Nordstrom, ułatwiają użytkownikom dostęp do ich produktów, a witryny są zaprojektowane tak, aby były dostępne. H&M to jeden z najlepszych wyników w całym naszym raporcie – tylko 0,38% jego witryny jest niedostępne, a to głównie z powodu braku kilku etykiet ARIA.

Nike też jest dobre – tylko 1,68% jej witryny nie przeszło naszych testów. Używają czarnej czcionki na jasnym tle i umieszczają tekst alternatywny na swoich obrazach. Gdyby uporządkowali przyciski „sklep”, uzyskaliby jeszcze wyższy wynik. Nadanie nazwy produktowi na przycisku zwiększa czytelność, a także prawdopodobnie zwiększy liczbę osób, które go klikną.

Tylko 2,13% strony internetowej Nordstrom jest niedostępne, co również wynika z dobrego kontrastu kolorów i prostego układu.

ASOS nie jest jedynym sprawcą naruszenia dostępności mody

Chociaż ASOS jest najmniej dostępną witryną w całej naszej ankiecie, nie jest to jedyna witryna poświęcona modzie, która łamie przepisy. 21,38% jego terenu jest niedostępne, tylko nieznacznie gorzej niż Shein z 16,12%. Europejska witryna o modzie ma bardzo zajętą ​​stronę główną, co utrudnia użytkownikom zorientowanie się, dokąd się wybierają, a komukolwiek trudno je przeczytać.

Liczba wyskakujących okienek również jest wyzwaniem. Najlepsze czytniki ekranu sobie z nimi poradzą, jednak część się na nich utknie i uniemożliwi klientom przeglądanie któregokolwiek produktu.

Strony modowe nie są zbyt ładne, jeśli chodzi o dostępność

Gmail to najbardziej dostępny dostawca poczty e-mail

Skrzynki odbiorcze e-maili powinny być dość proste. Puste tło, oczywiste nagłówki i wyraźne linki ułatwiają otwieranie e-maili i odpowiadanie na nie, szczególnie jeśli Twoim głównym dostawcą jest Gmail. Platforma pocztowa Google ma tylko 3,17% niedostępnych funkcji, a większość błędów wynika ze złego oznakowania ARIA, przez co niektóre elementy są niejasne w przypadku korzystania z technologii wspomagających.

Gmail uzyskał dobre wyniki pod względem kontrastu kolorów i czytelności. Czarny tekst na białym tle nie może być łatwiejszy do odczytania, a uporządkowana skrzynka odbiorcza ułatwia nawigację po wiadomościach.

Po prostu pokonuje live.com, którego witryna ma 3,84% niedostępnych funkcji. To ogromny postęp w porównaniu z poprzednikiem Live, MSN Messengerem, w którym emotikony, tekst w dymkach i wibrujące czaty utrudniały zrozumienie wszystkim z wyjątkiem najbardziej zaangażowanych nastolatków pierwszej dekady XXI wieku.

Yahoo ma wiele do zrobienia, aby zapewnić dostępność swojej witryny

Jeden z największych konkurentów Gmaila w branży poczty e-mail zawodzi, jeśli chodzi o dostępność. Użytkownicy niepełnosprawni nie mają dostępu do 16,42% ich skrzynek e-mailowych, co oznacza, że ​​wiele e-maili pozostanie nieotwartych. Czarny tekst na ciemnoszarym tle jest trudny do odczytania, tekst zamiast obrazów może być mylący, a ogromna liczba reklam pojawiających się podczas próby uzyskania dostępu do skrzynki odbiorczej może powodować poważne problemy w niektórych czytnikach ekranu.

Dostawcy poczty e-mail okazują się trudni do odczytania

Najczęstsze problemy z dostępnością

Niektóre problemy z dostępnością pojawiają się częściej niż inne. Choć byłoby idealnie, gdyby każdy film na każdej stronie internetowej zawierał język migowy, rozumiemy, że nie jest to coś, na co każdy będzie miał budżet. Jednak wszystkie te typowe problemy można łatwo naprawić i mogą pomóc Twojej firmie zatrzymać więcej klientów i zarobić więcej pieniędzy.

Kontrast kolorów

Umieszczając tekst na kolorowym tle, musi on mieć wystarczająco duży kontrast, aby się wyróżniał. Wiele witryn wpada w pułapkę przedkładania stylu nad funkcjonalność i umieszczania kolorowych czcionek na kolorowym tle, co stwarza ryzyko, że staną się niewidoczne.

Brak tekstu alternatywnego na obrazach

Tekst alternatywny jest tym, na czym polegają osoby z problemami wzrokowymi podczas oglądania obrazów. To właśnie odczytają czytniki ekranu, aby opisać to, co przedstawia obraz, więc może to być wszystko, od „Kota siedzącego na pudełku” po „Zieloną zapinaną sukienkę w rozmiarze 12”. Jeśli nie użyjesz tekstu alternatywnego, miliony ludzi nie zauważą żadnego z Twoich zdjęć.

Brakujący tekst zakotwiczenia łącza

Tekst zakotwiczenia to tekst, w którym znajduje się link. Na przykład, gdybyśmy chcieli zamieścić link do recenzji naszych kreatorów stron internetowych, tekstem zakotwiczenia byłyby słowa „recenzje kreatorów stron internetowych”. Jeśli nie użyjesz tekstu zakotwiczenia, a zamiast tego po prostu umieścisz pełny adres URL w swojej treści, czytnikom ekranu może być trudniej odczytać, a kliknięcie będzie mniej zachęcające do kliknięcia.

Nieopisowy tekst zakotwiczenia

Tekst zakotwiczenia powinien informować, co spowoduje kliknięcie lub dokąd zabierze Cię link. Nie tylko buduje to zaufanie, ale także poprawia komfort użytkowania. Jeśli link informuje, co spowoduje jego kliknięcie, istnieje większe prawdopodobieństwo, że go klikniesz.

Nieopisowe linki mówią na przykład „dowiedz się więcej” lub „kliknij tutaj”. Jeśli tylko przeglądasz stronę i widzisz te linki wyrwane z kontekstu, nie zrozumiesz, do czego służą i prawdopodobnie nie będziesz się z nimi kontaktować.

Za dużo linków nawigacyjnych

Menu rozwijane, które udostępnia kilka różnych opcji, to sposób, w jaki poruszamy się po większości witryn internetowych. Jeśli jednak menu daje zbyt duży wybór, ustalenie, dokąd powinieneś się udać i co kliknąć, może okazać się niemożliwe.

Pomyśl o tym jak o menu w restauracji: przejrzyste, proste menu ułatwi Ci zamówienie jedzenia. Menu zawierające setki dań przytłoczy Cię i sprawi, że zwątpisz, jak dobre jest to jedzenie.

Puste etykiety formularzy

Wypełniając formularz, warto wiedzieć, co powinno znaleźć się w każdym polu. Zwykle widzimy to na stronach płatności, gdy podajesz firmie swój adres. Jeśli te formularze pozostaną puste, osoba z niepełnosprawnością wzroku może nie wiedzieć, jakie informacje gdzie umieścić.

Przerwy nie mogą zostać zatrzymane

Wiele witryn internetowych spowoduje przekroczenie limitu czasu, jeśli nie zrealizujesz zamówienia na czas. Może pojawić się ekran z informacją „Przepraszamy, upłynął limit czasu sesji”, co oznacza, że ​​będziesz musiał zacząć wszystko od nowa.

Jest to denerwujące dla wszystkich, ale szczególnie, jeśli wykonywanie czynności online zajmuje naturalnie więcej czasu. Osobom, które nie potrafią używać myszy, nie potrafią czytać lub widzieć, wykonanie tych samych czynności zajmie więcej czasu, co sprawi, że limity czasu będą niemożliwe do pokonania, a korzystanie z witryn będzie niemożliwe.

Chcesz mieć pewność, że Twoja witryna będzie atrakcyjna dla większej liczby osób?

Porównujemy najlepsze narzędzia do tworzenia stron internetowych, aby pomóc Ci stworzyć witrynę, która zapewnia wyniki. Niezależnie od tego, czy potrzebujesz pięknego kreatywnego portfolio, czy wielopoziomowej, wysoce bezpiecznej platformy do zakupu produktów, możemy pomóc Ci znaleźć narzędzie do tworzenia stron internetowych, które wykona zadanie, którego potrzebujesz.

Pamiętaj tylko, aby zapoznać się z naszymi wskazówkami dotyczącymi dostępności, aby nie zniechęcić miliarda ludzi.

Metodologia

W badaniu wykorzystano rozszerzenie do przeglądarki Chrome „Arc Toolkit”, aby sprawdzić dostępność ponad 150 witryn internetowych. Narzędzie analizuje poszczególne zasoby, błędy i ostrzeżenia, które służą do oceny dostępności stron internetowych. Aby badanie było sprawiedliwe, ranking oparliśmy na odsetku błędów strony głównej, aby znaleźć najbardziej i najmniej dostępne strony internetowe. W przypadku mediów społecznościowych i witryn rozrywkowych, do których należy się najpierw zalogować, sprawdziliśmy dostępność stron logowania, a następnie osobno przeanalizowaliśmy strony główne (kanały), aby badanie było spójne z innymi sektorami, które prowadzą bezpośrednio do strony głównej.

Oświadczenie: Patrząc na kanały w mediach społecznościowych, nie wszystko, co jest publikowane przez jednostki, może być kontrolowane przez strony w mediach społecznościowych, dlatego błędy mogą być wyższe w analizie głębokiego nurkowania. Jednak witryny te mogą starać się zachęcić użytkowników do dodawania takich rzeczy, jak alt-tekst do ich obrazów, dzięki czemu strona jest bardziej dostępna dla wszystkich. Nasz raport obejrzał zarówno strony domowe, jak i kanały, ponieważ użytkownicy będą musieli zalogować się, zanim będą mogli zrobić cokolwiek innego.

Najpopularniejsze strony internetowe zebrane z danych przez podobne Web. Znajdź nasze źródła danych tutaj.

Ten post został pierwotnie opublikowany w listopadzie 2021 r. I został zaktualizowany 3 maja 2022 r.