WCAG 2.1. – kryterium 1.4.8 – Prezentacja wizualna (poziom AAA)
- Przejdź do artykułów z tagiem A11Y
- Przejdź do artykułów z tagiem accessibility
- Przejdź do artykułów z tagiem accessibilityMatters
- Przejdź do artykułów z tagiem akademiaWCAG
- Przejdź do artykułów z tagiem dostępność cyfrowa
- Przejdź do artykułów z tagiem WCAG
Treść artykułu
Lubicie nasze WCAG’owe wpisy? My lubimy je dla Was pisać i mamy nadzieję, że są też dość miłe do czytania! Nawiązując do czytania… dzisiaj opowiemy Wam o kryterium WCAG 1.4.8, które właśnie dotyka tematu tekstu.📖
Kryterium 1.4.8 – Prezentacja wizualna (poziom AAA) statuuje nam zasady, które powinniśmy stosować podczas przedstawiania treści w Internecie.
Wydają się one dość oczywiste ale zacznijmy:
- Użytkownik może wybrać zarówno kolor fontu jak i tła.
- Szerokość bloku tekstowego nie przekracza 80 znaków lub glifów (40 znaków w przypadku języków takich jak chiński, japoński lub koreański).
- Tekst nie jest wyjustowany – zasadą jest by był on wyrównany do lewej strony.
- Interlinia wynosi przynajmniej 150%, a odstęp pomiędzy paragrafami 1,5 razy wartości interlinii.
- Tekst musi dać się powiększyć do 200% bez użycia technologii wspomagających nie wymagając przy tym od Użytkownika przewijania strony w poziomie.
Jakie wynikają profity ze stosowania tych reguł?
Spełnienie tego kryterium pomaga przede wszystkim użytkownikom słabowidzącym. Mogą skonfigurować sobie tekst w sposób, który będzie dla nich łatwiejszy do zobaczenia, pozwalając im kontrolować kolor i rozmiar tekstu.
Kryterium pomaga również osobom z trudnościami poznawczymi, językowymi i w uczeniu się postrzegać tekst i śledzić jego położenie w blokach tekstu. Wybierając własne kombinacje kolorów, a także możliwość kontrolowania odstępów między wierszami i akapitami pozwala na łatwiejsze przyswajanie tekstu.

Małgorzata Szymczak
Accessibility Specialist & Junior Frontend Developer
Polecane artykuły
-
10.08.2022Dostępność cyfrowa
SVG… SVG… czym jest SVG
SVG (ang. Scalable Vector Graphics) – to format wektorowego pliku graficznego, który w odróżnieniu do rastrowych jpg, png, gif, składa…
-
30.11.2022Badania
Jak zrobić audyt UX. Część 1 – Teoria, odrobina autokrytyki i parę praktycznych porad…
Dzisiaj wrzucamy na blog temat audytów użyteczności! Pomysł na ten wpis narodził się przy okazji audytu UX naszego bloga. Postanowiliśmy…
-
23.12.2022Dostępność cyfrowa
Dostępność cyfrowa – skąd czerpać wiedzę. Część 1
Dostępność, WCAG 2.1, inkluzywność, projektowanie uniwersalne: niektórzy mówią, że to tożsame pojęcia, ale mylą się… W takim razie skąd można…