Zgodność z WCAG: Dlaczego dostępność stron internetowych jest korzystna dla biznesu i społeczeństwa

Perspektywa biznesowa

W tym artykule skupimy się głównie na biznesowej stronie tematu WCAG. Nie będziemy przechodzić przez wszystkie techniczne zasady WCAG, ponieważ istnieje wiele stron, które już je wyjaśniają. Na koniec postaram się również przedstawić krótki opis, jak Liferay wspiera WCAG.

Dlaczego dostępność internetowa ma znaczenie: Więcej niż zgodność z przepisami

Dostępność internetowa to nie tylko odhaczanie pól w celu zapewnienia zgodności - to tworzenie cyfrowych doświadczeń, z których każdy może korzystać, niezależnie od swoich możliwości czy niepełnosprawności. Przyjrzyjmy się kilku zaskakującym statystykom, które podkreślają, dlaczego ma to znaczenie:

• Ponad miliard ludzi na świecie żyje z jakąś formą niepełnosprawności - to około 15% światowej populacji
• 15% osób niepełnosprawnych zgłasza, że nigdy nie korzysta z internetu, często z powodu barier w dostępności
• 70% niepełnosprawnych kupujących opuszcza strony internetowe, które są trudne w użyciu
• Bez odpowiednich środków dostępności, firmy mogą wykluczać do 16% potencjalnych użytkowników

Te liczby to nie tylko statystyki - reprezentują one rzeczywistych ludzi, którzy potencjalnie są wykluczeni z cyfrowych usług, które wielu z nas uważa za oczywiste. Od zakupów online po informacje o opiece zdrowotnej, aplikacje o pracę czy usługi rządowe, dostępność cyfrowa wpływa praktycznie na każdy aspekt współczesnego życia.

Stan dostępności internetowej dzisiaj

Pomimo rosnącej świadomości, obecny stan dostępności internetowej pozostaje niepokojący:

• 95,9% stron internetowych nie spełnia standardów WCAG 2.1
• Przeciętna strona internetowa zawiera 56,8 błędów dostępności
• 98% stron internetowych ma menu nawigacyjne naruszające wytyczne WCAG

Te liczby podkreślają znaczącą lukę między standardami dostępności a ich wdrażaniem, tworząc bariery dla milionów użytkowników na całym świecie.

Zrozumienie WCAG: Cztery podstawowe zasady

Wytyczne dotyczące dostępności treści internetowych (WCAG) zostały opracowane przez World Wide Web Consortium (W3C) i służą jako międzynarodowy standard dostępności internetowej. WCAG opiera się na czterech fundamentalnych zasadach, często zapamiętywanych przez akronim POUR:

1. Postrzegalność (Perceivable)

Informacje i komponenty interfejsu użytkownika muszą być prezentowane użytkownikom w sposób, który mogą postrzegać. Oznacza to zapewnienie alternatyw tekstowych dla treści nietekstowych, tworzenie treści, które można przedstawić na różne sposoby, ułatwianie użytkownikom dostrzegania i słyszenia treści i więcej.

2. Funkcjonalność (Operable)

Komponenty interfejsu użytkownika i nawigacja muszą być funkcjonalne. Obejmuje to udostępnienie wszystkich funkcji z klawiatury, danie użytkownikom wystarczającej ilości czasu na przeczytanie i korzystanie z treści, nieprojektowanie treści w sposób, który mógłby powodować napady, oraz zapewnienie sposobów pomagających użytkownikom w nawigacji i znajdowaniu treści.

3. Zrozumiałość (Understandable)

Informacje i obsługa interfejsu użytkownika muszą być zrozumiałe. Tekst powinien być czytelny i zrozumiały, strony internetowe powinny działać w przewidywalny sposób, a użytkownikom należy pomóc unikać i korygować błędy.

4. Solidność (Robust)

Treść musi być wystarczająco solidna, aby mogła być wiarygodnie interpretowana przez szeroką gamę programów użytkownika, w tym technologie wspomagające. W miarę ewolucji technologii, treść powinna pozostać dostępna.

Europejski Akt o Dostępności: Harmonogram zgodności

Europejski Akt o Dostępności (EAA) stanowi znaczący krok w kierunku standaryzacji wymagań dotyczących dostępności w całej UE. Oto harmonogram, którego firmy muszą być świadome:

• 7 czerwca 2019: Przyjęcie Europejskiego Aktu o Dostępności
• 28 czerwca 2022: Termin dla państw członkowskich UE na przyjęcie krajowych przepisów
• 28 czerwca 2025: Rozpoczęcie egzekwowania

Z terminem egzekwowania za mniej niż dwa miesiące, organizacje działające w UE muszą zapewnić, że ich cyfrowe rozwiązania są zgodne ze standardami dostępności. Inaczej ryzykują karami.

Biznesowe argumenty za dostępnością internetową

Poza zgodnością z przepisami i unikaniem ryzyka prawnego, istnieją powody biznesowe, aby priorytetowo traktować dostępność internetową:

• Rozszerzony zasięg rynkowy: Dostępne strony internetowe mogą dotrzeć do szerszej publiczności, w tym do znaczącego rynku osób z niepełnosprawnościami. Badania pokazują, że osoby z niepełnosprawnościami, wraz z ich przyjaciółmi i rodziną, reprezentują znaczącą część globalnej siły nabywczej konsumentów - czyniąc ich ważną grupą demograficzną, której firmy nie mogą ignorować.
• Lepsza obsługa użytkownika dla wszystkich: Wiele funkcji dostępności przynosi korzyści wszystkim użytkownikom, nie tylko osobom z niepełnosprawnościami. Przejrzysta nawigacja, czytelne czcionki, odpowiednie współczynniki kontrastu i skróty klawiaturowe poprawiają użyteczność dla wszystkich.
• Lepsza wydajność SEO: Wiele praktyk związanych z dostępnością idealnie współgra z najlepszymi praktykami SEO. Prawidłowo ustrukturyzowana treść, opisowe teksty alternatywne i semantyczny HTML poprawiają widoczność Twojej strony w wyszukiwarkach, jednocześnie czyniąc ją bardziej dostępną.
• Wzmocniona reputacja marki: Demonstrowanie zaangażowania w dostępność pokazuje wartości Twojej organizacji i odpowiedzialność społeczną, potencjalnie wzmacniając wizerunek marki i lojalność klientów.
• Zmniejszone ryzyko prawne: Przy ramach regulacyjnych takich jak EAA w Europie i Americans with Disabilities Act (ADA) w USA, brak zgodności może prowadzić do pozwów i kar finansowych. Proaktywna zgodność minimalizuje te ryzyka.

Typowe wyzwania we wdrażaniu WCAG

Tworzenie stron internetowych zgodnych z wytycznymi WCAG powinno być standardem. Szczególnie, że zasady nie są aż tak skomplikowane. Pytanie więc brzmi: dlaczego tak wiele stron internetowych nie stosuje się do nich?

Niestety, nie ma jednej prostej odpowiedzi, a każda firma, która nie spełnia standardów w tym obszarze, ma swoje własne powody. Niektóre z najczęstszych wyzwań to:

• Brak świadomości: Wiele zespołów (zarówno od strony deweloperów jak i menedżerów) po prostu nie zna wymagań dostępności lub nie rozumie ich znaczenia. Bez odpowiedniej edukacji dostępność prawdopodobnie nie będzie priorytetowa.
• Złożoność techniczna: Wytyczne WCAG mogą być łatwe do zrozumienia, ale niekoniecznie łatwe do wdrożenia. Jest to szczególnie trudne dla organizacji o ograniczonych zasobach technicznych.
• Stare systemy: Starsze strony internetowe i aplikacje mogą wymagać znacznego przeprojektowania, aby spełnić standardy dostępności, potencjalnie zwiększając koszty wdrożenia. W wielu takich przypadkach koszt jest zbyt wysoki, aby uzasadnić takie ulepszenia.
• Ciągły wysiłek: Utrzymanie dostępności w miarę ewolucji strony internetowej wymaga ciągłej uwagi i zaangażowania. Często projekty osiągają zgodność w pewnym momencie, ale później tracą ją wraz z ewolucją strony.
• Komponenty zewnętrzne: Wiele stron internetowych zawiera elementy zewnętrzne, takie jak procesory płatności, odtwarzacze multimediów lub widżety mediów społecznościowych, które mogą mieć własne problemy z dostępnością poza Twoją bezpośrednią kontrolą.
• Inne priorytety: Większość stron internetowych ma inne cele biznesowe, które mają pierwszeństwo. To wyzwanie dotyczy również nas w InnRay - choć tworzymy strony internetowe zgodne z WCAG dla naszych klientów, nie znaleźliśmy jeszcze czasu, aby nasza własna strona była w pełni dostępna.

Praktyczne kroki do poprawy dostępności internetowej

Oto kilka praktycznych kroków, które Twoja organizacja może podjąć, aby poprawić dostępność internetową:

1. Przeprowadź audyt dostępności

Zacznij od kompleksowego audytu swoich stron internetowych i aplikacji, aby zidentyfikować problemy z dostępnością. Może to obejmować zautomatyzowane narzędzia testowe, ręczną ocenę ekspercką i testy użyteczności z osobami z niepełnosprawnościami. Jeśli Twój zespół nie ma doświadczenia lub czasu na to zadanie, rozważ współpracę z wyspecjalizowaną firmą zajmującą się dostępnością.

2. Opracuj realistyczny plan usprawnień

Stwórz priorytetową listę ulepszeń dostępności na podstawie wyników audytu. Pamiętaj, że doskonałe jest wrogiem dobrego - lepiej zająć się najpierw najbardziej krytycznymi problemami, które dotykają największej liczby użytkowników, niż tworzyć nierealistyczny plan, który nigdy nie zostanie wdrożony.

3. Przeszkól swój zespół i udokumentuj wymagania

Upewnij się, że wszyscy członkowie zespołu zaangażowani w tworzenie treści cyfrowych rozumieją zasady i najlepsze praktyki dostępności. Dotyczy to projektantów, programistów, twórców treści i testerów QA. Regularne sesje szkoleniowe i łatwo dostępna baza wiedzy na temat wymagań WCAG mogą pomóc Twojemu zespołowi tworzyć dostępne treści od początku.

4. Wbuduj dostępność w swój proces rozwojowy

Zintegruj kontrole dostępności na każdym etapie procesu rozwojowego, od projektowania przez testowanie po wdrożenie. Znacznie łatwiej jest rozwiązać problemy z dostępnością wcześnie, niż później dostosowywać rozwiązania.

5. Twórz dostępne biblioteki komponentów

Opracuj wspólne, ponownie używalne komponenty, które są zgodne z WCAG. Na przykład, jeśli stworzysz zestaw odpowiednio dostępnych przycisków, elementów formularzy i wzorców nawigacyjnych, każda nowa funkcja korzystająca z tych komponentów odziedziczy ich korzyści dostępności. To podejście promuje spójność, jednocześnie zmniejszając wysiłek potrzebny do utrzymania dostępności na całej stronie.

6. Wdrażaj regularne testy

Ustanów rutynę ciągłych testów dostępności. Powinno to obejmować automatyczne kontrole w pipeline'ie CI/CD, regularne testy manualne i okresowe audyty zewnętrzne, aby zapewnić ciągłą zgodność w miarę rozwoju stron internetowych i aplikacji.

7. Monitoruj opinie użytkowników

Stwórz wyraźne kanały dla użytkowników do zgłaszania napotkanych problemów z dostępnością. Ta rzeczywista informacja zwrotna często identyfikuje problemy, które automatyczne testy mogą przeoczyć i demonstruje Twoje zaangażowanie w obsługę wszystkich użytkowników.

Jak Liferay wspiera zgodność z WCAG

Liferay od wielu lat stara się uwzględniać dostępność w swoich domyślnych funkcjonalnościach. Pierwszy wpis na blogu (przynajmniej pierwszy, który mogliśmy znaleźć) na ten temat pochodzi sprzed 15 lat (gdzieś z okolic Liferay 6.0). Również niektóre z zadań w ich systemie Jira dotyczących tego tematu sięgają około 2010 roku. Obejmują one wiele różnych aspektów dostępności, na przykład możliwość dostępu do menu za pomocą klawiatury lub wsparcie ARIA (które jest używane przez czytniki ekranu).

Aby potwierdzić swoje starania, Liferay publikuje tak zwany "Raport zgodności z dostępnością" (Accessibility Conformance Report), który zawiera szczegóły na temat tego, jak Liferay stara się spełnić standardy wymagane przez WCAG, ale także inne - EN 301 549 i Section 508. Raport może zostać pobrany przez każdego: https://www.liferay.com/accessibility-compliance/digital-experience-platform.

Ostatnio powstają również nowe funkcje dotyczące tego tematu. Na przykład, zaledwie kilka miesięcy temu (2024.Q2, GA120) dodano wbudowane menu dostępności, które użytkownicy mogą wykorzystać do modyfikacji różnych ustawień dostępności.

Niemniej jednak Liferay to tylko platforma i choć może rozwiązywać niektóre problemy to gdy tylko zaczniesz tworzyć własny kod, w tym niestandardowe portlety, szablony (templates), fragmenty lub CX, musisz sam zadbać o te środki WCAG.

Podsumowanie: Dostępność jako szansa

Choć spełnienie standardów dostępności może wydawać się wyzwaniem, stanowi ono znaczącą szansę na poprawę cyfrowych doświadczeń dla wszystkich użytkowników. Przyjmując zasady inkluzywnego projektowania i wykorzystując odpowiednie narzędzia i platformy, organizacje mogą tworzyć strony internetowe, które nie tylko są zgodne z przepisami, ale naprawdę dostępne dla wszystkich.

Teraz gdy zbliża się termin egzekwowania Europejskiego Aktu o Dostępności, jest ostateczny czas, aby zweryfikować swoje rozwiązania i opracować plan usunięcia wszelkich luk. Takie wysiłki nie tylko zmniejszą ryzyko prawne, ale potencjalnie otworzą Twoją firmę na nowe rynki, poprawią doświadczenia użytkowników i wzmocnią reputację Twojej marki.

W InnRay specjalizujemy się w tworzeniu dostępnych doświadczeń cyfrowych przy użyciu platform takich jak Liferay. Jeśli potrzebujesz pomocy w ocenie swojego obecnego statusu dostępności lub wdrożeniu rozwiązań poprawiających zgodność, skontaktuj się z naszym zespołem w celu konsultacji.