← Blog · 11 kwietnia 2026 · Zespół ConvertCaseHQ · 7 min czytania

Dostępność a wielkie litery: dlaczego tekst pisany WIELKIMI LITERAMI utrudnia czytanie

Wielkie litery są w porządku w dwuwyrazowej etykiecie, a przy czymkolwiek dłuższym to zły wybór. Długie ciągi wielkich liter czyta się wolniej, gubią informacje, które niesie zwykła pisownia (czy „US” to kraj, czy angielskie „us”, czyli „nas”?), a czytniki ekranu w większości ignorują wielkość liter, więc zamierzony nacisk znika, za to od czasu do czasu jakieś krótkie słowo zostaje przeliterowane. Dostępne podejście polega na tym, by pisać tekst zwykłą wielkością liter, a jeśli projekt naprawdę wymaga wielkich liter, nakładać je w CSS, choć nawet to nie jest rozwiązanie niezawodne.

Dlaczego długie fragmenty wielkimi literami czyta się trudniej

Badacze porównują czytanie tekstu wielkimi i małymi literami od prawie stu lat. Artykuł Kevina Larsona dla Microsoftu, „The Science of Word Recognition”, podsumowuje badania sięgające Woodwortha z 1938 roku: czytelnicy przechodzili przez fragmenty pisane małymi literami o 5 do 10 procent szybciej niż przez te same fragmenty złożone wielkimi.

Popularne wyjaśnienie to „kształt wyrazu” (word shape): wyrazy pisane małymi literami mają charakterystyczne zarysy dzięki wydłużeniom górnym i dolnym, a wielkie litery zamieniają każdy wyraz w prostokąt. Larson przekonuje, że dane tego nie potwierdzają. Rozpoznajemy wyrazy po literach, a małe litery wygrywają głównie dlatego, że to na nich najwięcej ćwiczymy. Osoby zmuszone do czytania dużej ilości tekstu wielkimi literami czytają go coraz szybciej.

To pożyteczna poprawka, ale nie ratuje akapitu wielkich liter na Twojej stronie. Twoi czytelnicy nie mieli takiej wprawy, a koszt najmocniej odczuwają ci, dla których czytanie i tak jest wysiłkiem. Strona MDN o text-transform ostrzega, że duże fragmenty tekstu pisanego wielkimi literami „may be difficult for people with cognitive concerns such as Dyslexia to read” (mogą być trudne do odczytania dla osób z trudnościami poznawczymi, takimi jak dysleksja). Przewodnik stylu GOV.UK pokazuje to na własnym przykładzie: „DO NOT USE BLOCK CAPITALS FOR LARGE AMOUNTS OF TEXT AS IT'S QUITE HARD TO READ.” (Nie używaj wielkich liter do długich tekstów, bo dość trudno się je czyta.)

Wielkie litery gubią informacje

Mieszana wielkość liter to nie ozdoba. Wielka litera podpowiada, że wyraz jest nazwą własną, skrótem albo początkiem zdania. Przeczytaj to angielskie zdanie i zwróć uwagę, ile musisz się domyślać:

PLEASE CONTACT US ABOUT POLISH ORDERS IN MARCH. NASA SAYS HI.

Stany Zjednoczone czy „us” (nas)? Klienci z Polski czy pasta do mebli („polish”)? Marzec czy marsz protestacyjny („march”)? Kiedy tekst raz został wpisany wielkimi literami, nie odzyska tej informacji także oprogramowanie. Przepuść tę linijkę przez opcję Zdanie (Sentence case) w naszym konwerterze wielkości liter, a dostaniesz „Please contact us about polish orders in march. Nasa says hi.” Konwerter zamienia wszystko na małe litery i zaczyna wielką literą każde zdanie, bo tylko tyle może wiedzieć. Nazwy własne trzeba wstawić z powrotem ręcznie.

Co czytniki ekranu robią z tekstem pisanym wielkimi literami

Przeważnie nic. Czytniki ekranu odczytują słowa i nie wspominają o ich wielkości liter. W 2022 roku konsultant do spraw dostępności Adrian Roselli przetestował prawniczy tekst pisany wielkimi literami w programach JAWS, NVDA, Narrator, Orca, VoiceOver i TalkBack przy ustawieniach domyślnych i żaden z nich nie poinformował słuchacza, że tekst jest pisany wielkimi literami. Opcje takie jak zmiana wysokości głosu w NVDA albo „say cap” służą do poruszania się po tekście znak po znaku, a nie do czytania zdań na głos.

To oznacza dwie rzeczy:

• Wielkie litery niosące znaczenie giną. Jeśli wielkimi literami mówisz „to ważne” (ostrzeżenie, klauzula umowy, wykrzyczane słowo), słuchacz słyszy zwykły tekst. Wyjątkiem są osoby czytające pismem Braille’a, bo ma ono znak wielkiej litery.
• Niektóre krótkie wyrazy są literowane. Syntezatory mowy zgadują, czy ciąg wielkich liter jest skrótem. Roselli podaje „AM”, „ADD” i „IT” jako wyrazy, które czytniki ekranu często literują, gdy są zapisane wielkimi literami, a praktycy zgłaszali, że „CONTACT US” brzmiało jak „contact U.S.”

To, które wyrazy zostaną przeliterowane, zależy od czytnika ekranu, głosu, ustawień użytkownika, a czasem także od przeglądarki, i zmienia się między wersjami. Nie da się tego niezawodnie przewidzieć, a to najlepszy argument, żeby ważnych słów w ogóle nie pisać wielkimi literami.

Nigdy nie udawaj rozstrzelenia liter spacjami

Rozstrzelone wielkie litery to popularny zabieg projektowy, a wpisanie ich jako S A L E to najgorszy sposób na uzyskanie takiego efektu. Czytniki ekranu odczytują każdą literę osobno, a WCAG wymienia „using white space characters to control spacing within a word” (używanie znaków odstępu do sterowania odstępami wewnątrz wyrazu) jako błąd (technika F32). Użyj CSS-owego letter-spacing, jak w przykładzie poniżej.

Użyj CSS text-transform: uppercase zamiast wpisywać wielkie litery

Jeśli przycisk, zakładka albo mały nagłówek ma wyglądać, jakby był pisany wielkimi literami, zapisz go zwykłą wielkością liter i pozwól CSS zmienić jego wygląd:

<button class="caps">Add to basket</button>

.caps {
  text-transform: uppercase;
  letter-spacing: 0.06em; /* capitals need a little extra room */
}

Tekst w Twoim HTML-u nadal brzmi „Add to basket” i dzięki temu zyskujesz kilka rzeczy:

• Przeprojektowanie jest tanie. Rezygnacja z wielkich liter w przyszłości to jedna linijka CSS, a nie przeszukiwanie każdej etykiety i każdego pliku z tłumaczeniami.
• Tekst sprawdza się wszędzie. Kanały informacyjne (feedy), eksporty i każde inne miejsce, do którego nie sięga Twój arkusz stylów, dostają poprawnie zapisane słowa.
• Języki są obsłużone za Ciebie. Przeglądarki stosują reguły językowe na podstawie atrybutu lang. Dokumentacja MDN dotycząca text-transform wymienia je: greckie samogłoski tracą akcenty w zapisie wielkimi literami, a w tureckim do i pasuje İ. Dzięki CSS zapisany grecki tekst zachowuje akcenty; wpisane wielkie litery straciłyby je na zawsze.

Nie przeceniaj jednak tego rozwiązania. Przeglądarki mogą przekazać technologiom wspomagającym już przekształcony tekst. Błąd w WebKit zgłoszony w 2016 roku, wciąż otwarty, opisuje, jak VoiceOver czyta przycisk „Add to Cart” ze stylem wielkich liter jako „A D D to cart”, a programiści zgłaszali to samo przy VoiceOver w Chrome. Poza tym wielkie litery z CSS nadal są wielkimi literami dla osób widzących, więc koszt długich ciągów się nie zmienia. Traktuj text-transform jako właściwy sposób na wielkie litery w kilku słowach, a nie przyzwolenie na składanie w nich całych akapitów.

Kiedy wielkie litery są w porządku i czego używać zamiast nich

Wielkie litery nie są zakazane. WCAG nie ma kryterium sukcesu, które by ich zabraniało, a krótkie ciągi sprawiają niewiele kłopotu. Zostawilibyśmy je dla:

• prawdziwych skrótów i skrótowców, takich jak NASA, HTML i BBC,
• krótkich etykiet, zakładek i małego nadtytułu (po angielsku „eyebrow”) nad nagłówkiem. Nasza praktyczna zasada to trzy słowa lub mniej, nakładane przez CSS,
• pojedynczego słowa na plakietce, takiego jak „New”, o ile nic nie zależy od tego, czy ktoś usłyszy je jako coś wyjątkowego.

W pozostałych przypadkach sięgnij po coś, co przetrwa zmianę stylu i czytanie na głos:

• Wyróżnienie: użyj <strong> i nadaj mu styl grubością lub rozmiarem pisma. Większość czytników ekranu domyślnie także nie zapowiada pogrubienia, więc ważną treść umieść w samych słowach: „Tej operacji nie można cofnąć” mówi więcej niż jakiekolwiek formatowanie.
• Ostrzeżenia: krótki, zwykły nagłówek („Usunięcie konta kasuje wszystkie Twoje pliki”) robi to, co próbował zrobić blok wielkich liter, a do tego jest czytany na głos.
• Teksty prawne: amerykańskie umowy często zapisują wyłączenia gwarancji wielkimi literami, ponieważ Uniform Commercial Code wymaga, by były „conspicuous” (rzucające się w oczy). Jego definicja nie wymaga wielkich liter w treści dokumentu: kwalifikuje się także większe pismo, pismo kontrastujące krojem, czcionką lub kolorem albo znaki, które wyróżniają tekst. Zanim cokolwiek zmienisz, skonsultuj się z osobą, która redaguje Twoje warunki, ale wielkie litery nie są jedyną drogą.

Ozdobne „kapitaliki” Unicode wcale nie są wielkimi literami

Nasz generator ozdobnego tekstu Unicode ma styl „Kapitaliki” i warto uczciwie powiedzieć, co on tworzy. Wpisz „Sale on now”, a dostaniesz „sᴀʟᴇ ᴏɴ ɴᴏᴡ”. To nie są litery narysowane mniejsze, tylko inne znaki, w większości zapożyczone z alfabetów fonetycznych. Niektóre litery nie mają wersji kapitalikowej, dlatego „s” zostaje zwykłym małym s, a „q” wychodzi jako „ǫ”, czyli o z ogonkiem.

Dla oprogramowania to niepowiązane ze sobą symbole, więc programy do sprawdzania pisowni zwykle je zgłaszają, a wyszukiwanie zwykłego słowa może ich nie znaleźć. Czytniki ekranu radzą sobie ze znakami łudząco podobnymi do liter bardzo niekonsekwentnie; gdy testowano podobne „fałszywe pogrubienie”, niektóre czytniki w ogóle pomijały te słowa. Nasz poradnik o pisaniu z myślą o czytnikach ekranu omawia ten test. Używaj tych stylów do dekoracji obok zwykłego tekstu, nigdy do słów, które ktoś musi usłyszeć.

Krótka lista kontrolna dla wielkich liter

• Pisz tekst zwykłą wielkością liter, a wielkie litery nakładaj przez text-transform.
• Ogranicz wielkie litery do kilku słów. Nigdy do akapitu.
• Dodaj wielkim literom trochę letter-spacing i nigdy nie rób tego spacjami.
• Znaczenie umieszczaj w słowach, nie w formatowaniu.
• Przed premierą odsłuchaj najważniejsze przyciski i etykiety w VoiceOver i NVDA.
• Znaki Unicode udające litery trzymaj z dala od wszystkiego, na czym Ci zależy.

O miejscach, w których wielkie litery naprawdę pasują do pisanego tekstu, od skrótów po nagłówki prawnicze, przeczytasz w naszym poradniku kiedy używać wielkich liter.