Dostępność sieci

Mówiąc w skrócie, dostępność treści w sieci oznacza upewnienie się, że nasze aplikacje są zrozumiałe dla użytkowników;

• z niepełnosprawnościami/upośledzeniami
• z połączeniami o niskiej przepustowości
• którzy korzystają ze starszych technologii
• chwilowo niesłyszących lub w hałaśliwym otoczeniu
• którzy są zupełnie nowymi użytkownikami i
• którzy mają bariery językowe

Istnieje wiele przewag konkurencyjnych wynikających z dostosowywania dostępnych treści dla przedsiębiorstw. Na przykład firma może zwiększyć swoją różnorodność i integrację dzięki dostępnym treściom i utrzymać lojalnych klientów dla swojej marki. Ponadto firmy mogą poprawić swoje wyniki SEO i rozszerzyć zasięg rynkowy. Ponadto w niektórych krajach przyjęcie ułatwień dostępu w aplikacjach internetowych jest koniecznością, aby firmy mogły zminimalizować ryzyko prawne, przyjmując pewne standardy dostępności.

Standardy dostępności sieci są określane przez W3C Web Accessibility Initiative i nazywane „ Wytycznymi dotyczącymi dostępności treści internetowych (WCAG) ”. Według WCAG treść powinna być zgodna z zasadą POUR.

P — dostrzegalne: informacje powinny być widoczne (alternatywy tekstowe, alternatywne media oparte na czasie)

O — Sprawny: Formularze interfejsu, kontrolki i nawigacje działają („działania” powinny działać)

U — zrozumiały: interfejs użytkownika powinien być zrozumiały, a treść czytelna

R — solidny: użytkownicy muszą mieć dostęp do treści w miarę rozwoju technologii. Cała zawartość powinna pozostać dostępna.

Więc możesz zapytać „Od czego zacząć?” Prawdziwa odpowiedź na to pytanie brzmi „Design”. Projekt powinien odpowiadać potrzebom wszystkich użytkowników kierujących się zasadą POUR.

Jest kilka rzeczy, które możemy zrobić, aby sprawdzić lub zapewnić sobie dostępność.

1. Otwórz Chrome > Więcej narzędzi > Narzędzia dla programistów > Responsywność > Poznaj różne rozmiary ekranu i czytelność treści
2. Iść dohttps://webaim.org/resources/contrastchecker/i sprawdź kontrast kolorów. Używaj prostych kolorów z dobrym kontrastem. Minimalny współczynnik kontrastu powinien ogólnie wynosić 4,5:1. Upewnij się, że spełnione są kryteria w [4] i [5]
3. Pobierz „narzędzie wyroczni kolorów” i zobacz, jak różni użytkownicy z daltonizmem i upośledzeniami postrzegają Twoją aplikację.
4. Pamiętaj, aby zmienić kolor linków podczas odwiedzania lub najechania kursorem.
5. Sprawdź typografię i czytelność treści. Sprawdź kształt, wagę, skalę, styl, odstępy i wyrównanie treści.
6. Staraj się trzymać 1–2 czcionek w swojej aplikacji. Sprawdzaćhttps://fonts.google.com/do wyboru czcionek. Tutaj Google ma dla Ciebie „zalecenia dotyczące parowania rodzin czcionek”. Spróbuj użyć już dostępnych czcionek, które nie wymagają pobierania na różne urządzenia. Pomoże to w czasie ładowania aplikacji.
7. Odstępy mają 4 główne kategorie, w tym odstępy między literami, odstępy między akapitami, odstępy między literami i odstępy między wyrazami. Postępuj zgodnie z tą dokumentacjąhttps://www.w3.org/TR/WCAG21/#text-spacingdla rozstawu.

Bibliografia:

[1]https://www.w3.org/WAI/standards-guidelines/#wcag

[2]https://www.w3.org/TR/WCAG21/

[3]https://webaim.org/standards/wcag/checklist

[4]https://www.w3.org/TR/WCAG21/#contrast-minimum

[5]https://www.w3.org/TR/WCAG21/#contrast-enhanced