Standardy dostępności – strona dla każdego pacjenta
Z placówek medycznych korzystają wszyscy – w tym osoby starsze, z dysfunkcjami wzroku, słuchu i ruchu. Nasze strony budujemy tak, by żaden pacjent nie był wykluczony.
Dostępna strona to nie luksus – to standard etyczny
Dostępność cyfrowa (ang. web accessibility) oznacza projektowanie stron tak, by mogły z nich korzystać osoby z różnymi niepełnosprawnościami – wzrokowymi, słuchowymi, ruchowymi czy poznawczymi.
W kontekście medycyny ma to szczególne znaczenie: pacjenci z chorobami przewlekłymi, seniorzy, osoby po urazach – to właśnie grupy, które najczęściej korzystają z usług zdrowotnych i jednocześnie najbardziej potrzebują dostępnych interfejsów.
Dla placówek publicznych dostępność WCAG staje się także wymogiem prawnym wynikającym z unijnych dyrektyw. Budujemy z myślą o przyszłości.
Odpowiedni kontrast tekstu i tła (min. 4.5:1)
Pełna nawigacja klawiaturą bez myszy
Opisy alternatywne (alt text) dla obrazów
Wsparcie czytników ekranowych (screen readers)
Responsywność i skalowalność tekstu do 200%
Czytelne etykiety formularzy i komunikaty błędów
Jak budujemy dostępne strony medyczne
Postrzegalność
Każda informacja musi być dostępna dla zmysłów użytkownika – wzroku lub słuchu. Zdjęcia mają opisy alternatywne, filmy – napisy. Kontrast tekstu spełnia wymagania AA.
PERCEIVABLEFunkcjonalność
Cała strona jest obsługiwalna klawiaturą – bez myszy. Każdy przycisk, formularz i link jest dostępny dla osób z ograniczoną sprawnością ruchową.
OPERABLEZrozumiałość
Treści pisane prostym językiem, formularze z czytelnymi etykietami, komunikaty błędów które pomagają – nie frustrują. Szczególnie ważne dla seniorów.
UNDERSTANDABLESolidność techniczna
Kod zgodny ze standardami HTML5 i ARIA, współpracujący z czytnikami ekranowymi (NVDA, JAWS, VoiceOver) i technologiami wspomagającymi.
ROBUSTCo konkretnie robimy
w każdym projekcie
Projektowanie i treść
Kontrast tekstu min. 4.5:1 (poziom AA) dla wszystkich elementów
Czcionki min. 16px dla tekstu głównego, skalowalne do 200%
Opisy alternatywne (alt) dla każdego obrazu i ikony
Prosty, zrozumiały język – bez nadmiernego żargonu medycznego
Wyraźne etykiety formularzy i pola obowiązkowe
Technika i kod
Pełna nawigacja klawiaturą: Tab, Enter, Escape, strzałki
Atrybuty ARIA dla elementów interaktywnych
Semantyczny HTML5 – nagłówki, landmarki, listy
Testowanie z czytnikami ekranowymi (NVDA, VoiceOver)
Audyt dostępności narzędziami Lighthouse i Axe przed oddaniem