Opis obrazu: Próbnik typograficzny przedstawiający różne kroje pisma bezszeryfowego z linijką interlinii i okularami do czytania na wierzchu — wizualny znacznik typografii włączającej.

Czas czytania: 9 minut

Typografia to warstwa cyfrowego produktu, której większość czytelników nigdy świadomie nie zauważa — dopóki ich nie zawodzi. Dla czytelnika z dysleksją, słabowidzącego lub wykazującego cechy deficytu uwagi różnica między komfortową a wyczerpującą stroną jest często mierzona w milimetrach interlinii, w setnych częściach em odstępów między literami i w wartości rozmiaru czcionki ustawionej w arkuszu stylów sześć miesięcy temu i nigdy niezweryfikowanej. Typografia włączająca to dyscyplina doboru tych wartości na podstawie tego, co faktycznie potwierdzają badania nad czytelnością — a nie tego, co wygląda „designersko“ na zdjęciu okładkowym portfolio.

Niniejszy primer mapuje stan dziedziny w 2026 roku. Obejmuje dobór kroju pisma — w tym dobrze znane, lecz słabo udokumentowane twierdzenie dotyczące OpenDyslexic oraz bardziej wiarygodne alternatywy w postaci Atkinson Hyperlegible i rodziny Tiresias. Omawia cztery liczbowe czynniki regulowane przez kryterium sukcesu 1.4.12 Odstępy w tekście WCAG 2.2: interlinię, odstępy między literami, odstępy między wyrazami i odstępy między akapitami. Na końcu skupia się na niedocenianych czynnikach, do których badania wciąż powracają — długości wiersza, wyrównaniu i rozsądnym minimalnym rozmiarze czcionki. Wyniki badań pokazują, że to, co pomaga czytelnikom słabowidzącym, w znacznym stopniu pokrywa się z tym, co pomaga czytelnikom z dysleksją i czytelnikom z trudnościami w skupieniu uwagi w typie ADHD.

Dobór kroju pisma: co mówią (i czego nie mówią) badania

Istnieje silne przekonanie, że „czcionka dla dyslektyków“ istnieje i że przejście na nią w istotny sposób poprawi czytanie u dyslektycznych użytkowników. Dwa kroje najczęściej wymieniane z nazwy to OpenDyslexic (wydany jako bezpłatny krój open-source w 2011 roku) i Dyslexie (komercyjny krój zaprojektowany przez Christiana Boera w 2008 roku). Oba opierają się na charakterystycznej strategii projektowej: obciążone dolne części glifów „kotwiczące“ litery do linii bazowej, wyraźnie otwarte formy takich liter jak c i e, wzmocnione zróżnicowanie między parami lustrzanymi (b/d, p/q, n/u). Logika wizualna jest intuicyjna, a marketing był skuteczny. Dowody naukowe są jednak słabsze, niż sugeruje marketing.

Najczęściej cytowane badanie empiryczne — Rello i Baeza-Yates (2013) — nie stwierdziło żadnej znaczącej przewagi w szybkości czytania dla dyslektycznych czytelników używających OpenDyslexic w porównaniu z konwencjonalnymi krojami bezszeryfowymi. W badaniu uzupełniającym Wery i Diliberto (2017) opublikowanym w Annals of Dyslexia testowano dzieci z dysleksją czytające Times New Roman, Arial i OpenDyslexic — nie stwierdzono konsekwentnej przewagi kroju przeznaczonego dla dyslektyków. Przegląd z 2018 roku sporządzony przez British Dyslexia Association wykazał, że nie udowodniono, by jakikolwiek jedyny krój pisma przewyższał dobrze zaprojektowany, prosty krój bezszeryfowy pod względem szybkości czytania, dokładności i rozumienia w stopniu uzasadniającym zalecanie go jako narzędzia terapeutycznego. Komentarz uzupełniający tej samej organizacji z 2024 roku podtrzymał to stanowisko.

To, co ta sama baza badań faktycznie potwierdza, to fakt, że wybory typograficzne mają znaczenie — tyle że nie w sposób, w jaki twierdzi marketing czcionek dla dyslektyków. Cechy poprawiające czytelność u dyslektycznych czytelników są tymi samymi cechami, które poprawiają czytelność u czytelników słabowidzących i czytających w nieoptymalnych warunkach oświetleniowych:

  • Hojne x-height (wysokość x) — wysokość małej litery względem wysokości kapitalika. Większe x-height ułatwia identyfikację poszczególnych glifów przy mniejszych rozmiarach wyświetlania.
  • Jednoznaczne formy liter — wyraźne rozróżnienie między małą l, wielką I i cyfrą 1; między zerem a wielką O; między c, e i o; między parami lustrzanymi b/d i p/q.
  • Otwarte apertury — szczeliny w literach takich jak c, e, a i s powinny być szeroko otwarte, a nie zamknięte. Zamknięte apertury kolapnięciają się przy małych rozmiarach i niskim kontraście.
  • Równomierny ciężar kreski — kroje wysokokontrasto​we (grube pionowe, cienkie poziome) zmniejszają czytelność przy małych rozmiarach dla czytelników słabowidzących; równomierny lub umiarkowanie kontrastowy ciężar kreski jest bardziej odporny.
  • Hojne odstępy wbudowane w krój — niektóre kroje mają domyślnie ciasne metryki, które utrudniają czytanie zanim jeszcze zastosuje się jakikolwiek CSS.

Dwa kroje najbardziej wiarygodne na podstawie dowodów to Atkinson Hyperlegible, zaprojektowany i wydany przez Braille Institute w 2019 roku specjalnie dla czytelników słabowidzących, oraz rodzina Tiresias, pierwotnie zaprojektowana w RNIB do użytku w napisach i na ekranie w latach 90. i nadal stosowana w brytyjskiej dostępności nadawczej. Atkinson Hyperlegible jest bezpłatny, zawiera znaczące pokrycie językowe i jest dostarczany jako domyślna opcja w ustawieniach dostępności kilku systemów operacyjnych. Jego wybory projektowe — wyraziste zróżnicowanie między 0 a O, między 1 a I i l, między c a e — były testowane na czytelnikach słabowidzących w trakcie opracowywania, a te same wybory pomagają dyslektycznym czytelnikom, ponieważ leżące u ich podstaw wzorce pomyłek nakładają się na siebie.

Uczciwe podsumowanie brzmi zatem: nie należy obiecywać, że czcionka specyficzna dla dysleksji rozwiąże problem czytania u dyslektycznego czytelnika. Należy wybrać dobrze zaprojektowany krój bezszeryfowy z hojnym x-height, wyraźnym zróżnicowaniem liter, otwartymi aperturami i równomiernym ciężarem kreski. Atkinson Hyperlegible to mocna wartość domyślna. Podobnie Tiresias w kontekście tylko-ekranowym. Podobnie, przy odpowiednim składzie, Verdana, Tahoma, Trebuchet MS lub systemowy krój interfejsu użytkownika na danym systemie operacyjnym. Badania nie mówią „użyj tego jednego kroju“; mówią „nie używaj wysokokontra​stowego, o niskim x-height, ciasnoaperturowego kroju display do tekstu głównego“.

Interlinia: dolna granica 1,5x

Jeśli dobór kroju pisma to najczęściej omawiany czynnik w typografii włączającej, interlinia to czynnik najczęściej ignorowany. Kryterium sukcesu 1.4.12 Odstępy w tekście WCAG 2.2 ustanawia dolną granicę wprost: gdy użytkownik zastosuje nadpisanie arkusza stylów zwiększające odstępy w tekście, nie powinna być utracona żadna treść ani funkcjonalność. Cztery ograniczenia z kryterium 1.4.12 to interlinia co najmniej 1,5-krotności rozmiaru czcionki; odstęp po akapitach co najmniej 2-krotności rozmiaru czcionki; odstęp między literami co najmniej 0,12-krotności rozmiaru czcionki; oraz odstęp między wyrazami co najmniej 0,16-krotności rozmiaru czcionki. To minimalne wartości, które strona musi obsłużyć bez awarii. Nie są to jednak jedyne wartości warte poznania — stanowią dolną granicę akceptowalności.

Mechanizm, dzięki któremu interlinia pomaga czytelnikom, jest dobrze zbadany. Gdy wiersze są złożone ciasno — interlinia 1,0 lub 1,1 — dolne wydłużenia jednego wiersza tłoczą się przy górnych wydłużeniach kolejnego, tworząc zakłócenia wizualne, które oko musi rozwiązać przed identyfikacją kształtów glifów. Dla typowo czytającego dorosłego to rozwiązanie jest automatyczne. Dla dyslektycznego czytelnika, który już poświęca więcej zasobów kognitywnych na identyfikację liter i segmentację wyrazów, dodatkowy koszt rozwiązywania zakłóceń między wierszami jest niebagatelny. To samo dotyczy czytelnika słabowidzącego, którego efektywna wielkość znaku po powiększeniu jest mniejsza niż przeciętna. Odpowiednia interlinia izoluje każdy wiersz jako własne poziome pasmo, co zmniejsza tendencję oka do pomijania wierszy lub ponownego czytania tego samego wiersza — udokumentowana trudność u dyslektycznych czytelników.

Baza badawcza zaleca interlinię około 1,4 do 1,6 dla tekstu głównego na ekranie — precyzyjna wartość zależy od kroju, rozmiaru i długości wiersza. Dla długiej formy czytania interlinia 1,5 to bezpieczna wartość domyślna; dla krótszych bloków tekstu przy nieco większych rozmiarach 1,4 może dobrze czytać; dla wąskich kolumn przy małych rozmiarach niekiedy zasadne jest 1,6 do 1,7. Dolna granica WCAG wynosząca 1,5 leży w dolnym zakresie tego pasma — dlatego jest dolną granicą, a nie celem. Jeśli strona ustawia line-height: 1.5, spełnia wymagania kryterium 1.4.12. Jeśli ustawia line-height: 1.6, spełnia wymagania i czyta się wygodniej dla czytelników, dla których to kryterium zostało napisane.

Odstępy między literami i między wyrazami

Dwa czynniki związane z odstępami wewnątrz wyrazu — odstęp między literami (tracking) i odstęp między wyrazami — to czynniki najczęściej pozostawiane domyślnie na zero. Większość dobrze zaprojektowanych krojów pisma ma metryki sprawdzające się przy rozmiarze, dla którego zostały zaprojektowane, co na ekranie zazwyczaj oznacza rozmiar tekstu głównego 14–16 px. Minima z kryterium WCAG 1.4.12 wymagają, aby strona obsługiwała odstęp między literami 0,12em i odstęp między wyrazami 0,16em bez awarii. Autorzy nie są zobowiązani do ustawiania tych wartości; są zobowiązani do tego, żeby strona nie psuła się, gdy agent użytkownika je zastosuje.

Mechanizm odstępów między literami jest podobny do mechanizmu interlinii: mały tracking — rzędu 0,02em do 0,05em dla tekstu głównego w kroju bezszeryfowym — zmniejsza percepcyjne zagęszczenie między sąsiednimi glifami. Efekt jest najsilniejszy u czytelników słabowidzących czytających powiększony tekst, gdzie litery stykające się lub bliskie siebie mogą zlać się w jeden klaster wizualny, oraz u dyslektycznych czytelników, dla których identyfikacja liter jest krokiem ograniczającym tempo. Ten sam skromny tracking pomaga w środowiskach ekranowych, gdzie renderowanie subpikselowe jest mniej dokładne (wyświetlacze wysokiej rozdzielczości pracujące z niecałkowitymi współczynnikami skalowania).

Odstęp między wyrazami to często pomijany brat odstępu między literami. W wyjustowanym bloku tekstu (którego typografia włączająca powinna unikać — patrz niżej) odstępy między wyrazami rozciągają się i kurczą nieprzewidywalnie, gdy renderer wyrównuje szerokości wierszy. W bloku wyrównanym do lewej odstęp między wyrazami jest stały. Odstęp między wyrazami wynoszący około 0,16em — w przybliżeniu dolna granica WCAG stosowana jako pozytywne przesunięcie — poprawia segmentację wyrazów u dyslektycznych czytelników, co jest udokumentowanym wąskim gardłem. Ta sama wartość pomaga w podglądzie czytania tekst-na-mowę i poprawia rytm śledzenia palcem dla użytkowników taktylnych lup.

Praktyczna recepta na tekst główny w treściwym serwisie, wyrażona w CSS, wygląda następująco:

  • font-size: co najmniej 16px (1rem przy domyślnym rozmiarze korzenia 16px), najlepiej 17–18px dla długiej formy prozy
  • line-height: co najmniej 1,5, preferowane 1,6 dla tekstu głównego
  • letter-spacing: od 0 do 0,02em dla większości krojów bezszeryfowych; do 0,05em w krojach szeryfowych płytowych lub przy małych rozmiarach
  • word-spacing: domyślnie 0, ze stroną przetestowaną pod kątem zachowania funkcjonalności przy zastosowanym przez użytkownika 0,16em

Odstępy między akapitami

Czwarta wartość z kryterium WCAG 1.4.12 to odstęp między akapitami: co najmniej 2-krotność rozmiaru czcionki między akapitami, gdy użytkownik zastosuje nadpisanie. Mechanizmem jest wizualne grupowanie. Oko czyta w sakkadach — szybkich skokach między punktami fiksacji — a wyraźnie zaznaczony koniec akapitu pozwala oku zresetować się bez wychylenia w następny akapit. Dla czytelnika z cechami deficytu uwagi wyraźna przerwa między akapitami to wbudowana pauza; dla czytelnika słabowidzącego korzystającego z powiększenia to strukturalny punkt orientacyjny, który przetrwa utratę poziomego kontekstu narzucaną przez powiększenie.

W praktyce oznacza to unikanie powszechnego wyboru typograficznego polegającego na łączeniu akapitów z wcięciem jako jedynym separatorem. Wcięciowe rozdzielanie akapitów sprawdza się w druku przy drukowych rozmiarach czcionek i w kolumnach prasowych z wyraźnymi ramkami między kolumnami; nie przetrwuje tłumaczenia na ekran telefonu o szerokości 320 px przy rozmiarze tekstu głównego 18 px. Wyraźna pusta linia — w przybliżeniu równa jednej interlinii, co wygodnie mieści się powyżej dolnej granicy 2x rozmiar czcionki — to bezpieczniejsza wartość domyślna.

Niedoceniane czynniki: długość wiersza, wyrównanie i minimalny rozmiar

Trzy czynniki, które nie pojawiają się w kryterium WCAG 1.4.12, ale pojawiają się wielokrotnie w literaturze o czytelności, to długość wiersza, wyrównanie tekstu i minimalny rozmiar czcionki. Każdy z nich jest niewidoczny, dopóki się go nie zmierzy; każdy ma znaczący wpływ na dyslektycznych i słabowidzących czytelników.

Długość wiersza to pozioma szerokość kolumny tekstu, mierzona umownie w znakach na wiersz (CPL). Badania Bringhursta, Tinkera i kolejne badania czytelności na ekranie zbiegają się w komfortowym przedziale 50–75 znaków na wiersz dla druku i 60–80 dla ekranu. Poniżej 45 CPL oko wykonuje zbyt wiele sakkad i rytm czytania się fragmentuje; powyżej 90 CPL oko gubi wątek, w którym wierszu się znajduje, przy powrocie na prawy brzeg — udokumentowana trudność u dyslektycznych czytelników i u czytelników słabowidzących korzystających z powiększenia. Dla rozmiaru tekstu głównego 16–18 px przy zalecanej interlinii ten przedział zazwyczaj odpowiada kolumnie o szerokości około 32–42em (ok. 500–700 px w układzie desktopowym). Fakt, że większość blogów i serwisów redakcyjnych nadal ustawia kolumny treści na szerokość 800–900 px przy tekście głównym 16 px — co daje 95–110 CPL — to znaczący błąd włączającego projektowania.

Wyrównanie tekstu to drugi niedoceniany czynnik. Tekst główny powinien być wyrównany do lewej w pismach od lewej do prawej (lub do prawej w pismach od prawej do lewej), z postrzępionym przeciwległym brzegiem. Tekst wyjustowany — gdzie renderer dostosowuje odstępy między wyrazami, aby oba brzegi były równe — tworzy nierówne i nieprzewidywalne odstępy między wyrazami. Zmienność zaburza segmentację wyrazów u dyslektycznych czytelników i wytwarza widoczne „rzeki“ białej przestrzeni biegnące pionowo przez kolumnę, które czytelnicy słabowidzący określają jako wizualnie natrętne. Wyjustowanie to konwencja typografii drukowanej zależna od precyzyjnego CSS lub ręcznego dostosowania odstępów między literami i dzielenia wyrazów. We współczesnej typografii internetowej koszt rzadko jest uzasadniony. Tekst wyrównany do lewej z postrzępionym prawym brzegiem to domyślna opcja dla włączającego projektowania.

Minimalny rozmiar czcionki to trzeci czynnik. Sieć skonwergowała, bardziej przez przypadek niż z zamysłu, na rozmiarze tekstu głównego 16 px (1rem przy domyślnym rozmiarze korzenia). Ta wartość to dolna granica — czytelnicy słabowidzący rutynowo powiększają do 200% lub więcej, a dolna granica 16 px umożliwia to bez zapaści strony. Ustawienie tekstu głównego poniżej 16 px — 13 px, 14 px, a nawet ulubiany „elegancki“ 15 px — przesuwa czytanie po powiększeniu poza sufit przelania 400% definiowany przez kryterium WCAG 1.4.10 Przelanie i stawia czytanie bez powiększenia poniżej progu komfortu dla większości dorosłych po 40. roku życia. Tekst główny powinien wynosić co najmniej 16 px, preferowane 17–18 px. Podpisy, przypisy i metadane mogą leżeć na poziomie 14–15 px, ponieważ ich funkcja jest uzupełniająca. Tekst główny — nie.

Co faktycznie mówią badania

Synteza literatury o czytelności ostatnich dwóch dekad — aktualizacje przewodników stylistycznych British Dyslexia Association, uzasadnienie projektowe Atkinson Hyperlegible opublikowane przez Braille Institute, Notatki Grupy Roboczej W3C towarzyszące kryterium WCAG 1.4.12 oraz nurt akademicki biegnący od Tinkera przez Beier i Larsona do Rello — przynosi trzy powtarzające się obserwacje.

Po pierwsze, nie istnieje żadna pojedyncza „czcionka dla dyslektyków“, o której wykazano by w kontrolowanych badaniach, że w istotny sposób poprawia czytanie u dyslektycznych użytkowników. Kroje pisma specyficzne dla dysleksji wydane w ciągu ostatnich piętnastu lat nie przewyższyły dobrze zaprojektowanych krojów bezszeryfowych w bezpośrednim porównaniu. Marketing wyprzedził dowody naukowe.

Po drugie, wybory typograficzne, które wyraźnie pomagają dyslektycznym czytelnikom, pomagają też czytelnikom słabowidzącym i czytelnikom z trudnościami w skupieniu uwagi. Zbieżność ta nie jest przypadkowa — odzwierciedla fakt, że wszystkie trzy grupy czytelników opierają się na tych samych mechanizmach niskiego poziomu (identyfikacja liter, segmentacja wyrazów, śledzenie wiersza), które muszą być jak najtańsze. Strona hojna w interlinii, skromna w odstępach między literami, komfortowa w długości wiersza i wyrównana do lewej — to strona, która czyta się lepiej dla wszystkich, a efekt ten koncentruje się w długim ogonie rozkładu czytelników.

Po trzecie, dolna granica kryterium WCAG 1.4.12 to dolna granica. Strona, która ją spełnia, jest zgodna; strona, która ją przekracza — interlinia 1,6, tracking 0,03em, tekst główny 16–18 px, kolumny 65 CPL, wyrównanie do lewej z odstępami między akapitami równymi jednej pełnej linii — czyta się wyraźnie lepiej dla czytelników, których to kryterium ma chronić, i nie czyta się gorzej dla wszystkich pozostałych.

Wnioski końcowe

Typografia włączająca nie jest egzotyczna ani kosztowna. To kwestia wybrania dobrze zaprojektowanego kroju bezszeryfowego, ustawienia tekstu głównego co najmniej na 16 px z interlinią 1,5 lub więcej, pozostawienia odstępu między literami blisko zera i akceptacji do 0,05em tam, gdzie krój tego wymaga, utrzymania długości wiersza w przedziale 60–80 znaków i wyrównania tekstu do lewej zamiast wyjustowania. Żaden z tych wyborów nie wymaga nowej licencji na krój pisma, przeprojektowania ani cyklu zamówień. Wymaga audytu CSS i gotowości do ponownego przejrzenia zmiennych typograficznych ustawionych pierwszego dnia projektu i nigdy nieprzeglądanych.

Pytanie o czcionkę dla dyslektyków to użyteczny wskaźnik diagnostyczny pozycji organizacji projektowej wobec dowodów naukowych. Organizacja, która wdrożyła OpenDyslexic jako „funkcję dostępności dla dyslektyków“, przedłożyła pozory działania nad literaturę o czytelności. Organizacja, która przeprowadziła audyt swojego tekstu głównego pod kątem x-height, apertury i kontrastu kresek, i która przyjęła Atkinson Hyperlegible lub porównywalnie dobrze zaprojektowany krój systemowy jako standard dla treści długoformatowych, wykonała trudniejszą, mniej fotogeniczną, trwalszą pracę. Następny artykuł z tej serii spojrzy na ten sam problem z drugiej strony: jak nadpisania arkuszy stylów stosowane przez użytkownika i narzędzia trybu czytania wchodzą w interakcję z decyzjami typograficznymi już podjętymi przez autora serwisu.