Lista kontrolna dostępności witryny SaaS

Czym jest dostępność witryny?

Ułatwienie dostępu do sieci polega na zapewnieniu, że każdy może uzyskać dostęp, korzystać z zawartości witryny SaaS i korzystać z niej. Dostępna witryna internetowa to taka, która obsługuje wszystkich użytkowników na wszystkich urządzeniach, bez względu na fizyczne lub psychiczne zdolności użytkownika.

Dostępność jest istotną częścią nowoczesnego projektowania doświadczeń użytkownika, zarówno w przypadku witryny SaaS, jak i produktu. Najnowsza wersja wytycznych dotyczących dostępności treści internetowych (WCAG) 2.1 opracowanych przez konsorcjum World Wide Web Consortium (W3C) obejmuje szeroki zakres zaleceń dotyczących zwiększania dostępności treści internetowych.

Po co udostępniać swoją witrynę SaaS?

Chcesz, aby Twoje rozwiązanie SaaS docierało do maksymalnej liczby użytkowników. Ale zgadnij co? Spora część Twojej grupy docelowej prawdopodobnie żyje z niepełnosprawnością, taką jak ślepota barw, trudności z czytaniem, upośledzenie słuchu itp.

• Według WHO osoby z pewnym rodzajem niepełnosprawności stanowią 15% światowej populacji.
• Co czwarta osoba dorosła — czyli 61 milionów ludzi — w Stanach Zjednoczonych jest niepełnosprawna.

Zwiększenie dostępności witryny SaaS jest nie tylko słuszne, ale zaniechanie tego oznacza, że ​​odrzucasz potencjalnych klientów, zanim zdążysz zaprezentować swój produkt.

Poza tym brak dostępności SaaS może przyciągnąć kosztowne procesy sądowe.

• W 2018 r. odnotowano 181% wzrost liczby pozwów federalnych ADA w porównaniu z 2017 r.
• Liczba pozwów, w których zarzuca się, że strony internetowe, aplikacje i filmy są niedostępne dla osób niepełnosprawnych, wzrosła o 64% w pierwszej połowie 2021 r. w porównaniu z 2020 r.

4 podstawowe zasady przystępnego projektowania stron internetowych

Wytyczne dotyczące dostępności treści internetowych są zorganizowane wokół czterech zasad:

• Dostrzegalne: odwiedzający z niepełnosprawnością wzrokową, słuchową lub sensoryczną mogą korzystać z treści (za pomocą czytnika ekranu, napisów, transkrypcji lub innej technologii wspomagającej).
• Obsługa: Odwiedzający mogą obsługiwać witrynę za pomocą preferowanych przez siebie elementów sterujących, takich jak skróty klawiaturowe dla osób, które nie mogą korzystać z myszy.
• Zrozumiały: interfejs witryny jest zrozumiały dla użytkowników z zaburzeniami poznawczymi, takimi jak epilepsja lub autyzm.
• Solidność: Witryna jest dostępna w wielu przeglądarkach, na wielu platformach i jest zgodna z obecną technologią wspomagającą.

Poziomy dostępności WCAG

Istnieją trzy poziomy zgodności dostępności (A, AA i AAA), przy czym poziom A to spełnione minimum wymagań (nie w pełni dostępne), a AAA to najbardziej zoptymalizowany poziom dostępności.

• Poziom A: Najniższy poziom dostępności spełniający minimalny zestaw wymagań. Wiele grup użytkowników z niepełnosprawnościami będzie mieć utrudniony lub niemożliwy dostęp do treści na takich stronach internetowych.
• Poziom AA: Wyższy poziom dostępności. Niektóre grupy użytkowników będą miały trudności z dostępem do informacji na takich stronach. Osiągnięcie tego poziomu usunie główne bariery w dostępie do treści internetowych dla użytkowników niepełnosprawnych.
• Poziom AAA: Najwyższy poziom dostępności. Spełnienie tych kryteriów zapewni optymalne wrażenia użytkownika osobom niepełnosprawnym.

14-punktowa lista kontrolna dostępności witryny SaaS

Ta lista kontrolna nie jest wyczerpująca, ale obejmuje najważniejsze elementy, które należy wziąć pod uwagę, aby Twoja witryna SaaS była bardziej dostępna i zgodna:

• Stwórz przejrzystą strukturę nagłówka HTML z prawidłowym użyciem H1, H2 itp.
• Spraw, aby hiperłącza na stronie były przyjazne dla użytkownika:
  • Podkreśl tekst połączony w wierszu i użyj innego koloru niż reszta treści.
  • Napisz opisowy tekst kotwicy, taki jak „Pobierz nasz bezpłatny przewodnik dotyczący ułatwień dostępu” zamiast „Kliknij tutaj”.
• Dodaj opisowy tekst alternatywny do wszystkich obrazów i tabel, aby zawartość była dostępna dla osób korzystających z technologii wspomagających, takich jak czytniki ekranu.
• Upewnij się, że masz napisy, osadzone podpisy lub przynajmniej transkrypcje tekstowe dostępne dla treści wideo i audio.
• Używaj kolorów ostrożnie:
  • Mieć odpowiedni kontrast kolorów między różnymi elementami (takimi jak tekst i przyciski) a tłem.
  • Upewnij się, że same kolory nie są używane do przekazywania informacji użytkownikom.
  • Użyj wzorów lub tekstur, aby wskazać wizualne różnice na wykresach, wykresach itp.
• Wybierz dostępne kroje pisma, aby znaki były łatwo odróżnialne od siebie, a czcionka miała wystarczające odstępy między literami.
• Zapewnij możliwość łatwej zmiany rozmiaru tekstu, gdy strona nadal działa zgodnie z oczekiwaniami we wszystkich przeglądarkach.
• Spraw, aby Twoja witryna SaaS była przyjazna dla klawiatury:
  • Upewnij się, że wszystkie części Twojej witryny są dostępne bez myszy, używając tylko klawiszy klawiatury. Wszystkie czynności, które można wykonać za pomocą myszy, muszą być również możliwe do wykonania za pomocą klawiatury.
  • Zadbaj o intuicyjną i zwięzłą nawigację w witrynie, uwzględniając w menu tylko niezbędne kategorie.
  • Pokaż widoczny wskaźnik ostrości, który wskazuje aktywny element, który użytkownik aktualnie wybrał.
• Udostępnij swoje formularze:
  • Zdefiniuj wyraźne granice i granice.
  • Oznacz elementy formularza, aby wyjaśnić, jakie dane należy wprowadzić.
  • Zaznacz wymagane pola formularza jako wymagane.
  • Podaj pomocne komunikaty o błędach.
• W przypadku stron, które mają limit czasu, zezwól użytkownikom na dostosowanie limitu lub wyłączenie go.
• Upewnij się, że treść tekstu jest poprawna gramatycznie i napisana prostym językiem, aby ułatwić czytelność i zrozumienie. Zdefiniuj skróty lub nietypowe słowa w słowniku.
• Nie umieszczaj na stronie żadnych elementów, które migają częściej niż trzy razy na sekundę.
• Użyj semantycznych elementów HTML, aby skutecznie opisać przeznaczenie elementów strony.
• Opublikuj oświadczenie o dostępności, które określa docelowy poziom dostępności Twojej firmy i jej wysiłki na rzecz osiągnięcia zgodności z ADA.

Starannie dobrane bezpłatne narzędzia oceny dostępności

Oto kilka z wielu bezpłatnych narzędzi, których możesz użyć do oceny dostępności swojej witryny:

• WAVE : zestaw narzędzi do oceny, który pomaga autorom w zwiększaniu dostępności treści internetowych dla osób niepełnosprawnych.
• WebAccessibility.com : uzyskaj ogólny wynik zgodności W3C na 100, aby zobaczyć, jak zgodna jest Twoja witryna SaaS z WCAG.
• SortSite : Sprawdź swoją witrynę pod kątem standardów dostępności WCAG i zgodności z sekcją 508 ustawy o rehabilitacji. Sprawdza dostępność, uszkodzone linki, zgodność kodu przeglądarki, optymalizację pod kątem wyszukiwarek i inne problemy z użytecznością.
• ACE by accessiBe : W pełni zautomatyzowane narzędzie ułatwień dostępu, które zapewnia natychmiastową i dokładną odpowiedź na pytanie, czy Twoja witryna jest zgodna z ADA i WCAG.

Czy ta lista kontrolna była przydatna? Oto przydatna wersja infografiki, którą możesz udostępnić współpracownikom i sieci.