1.4.12Poziom AA1.4 Distinguishable

Odstępy w tekście

No loss of content or functionality occurs when users set line height to at least 1.5 times the font size, letter spacing to at least 0.12 times the font size, word spacing to at least 0.16 times the font size, and space after paragraphs to at least 2 times the font size.

Zobacz specyfikację W3C ↗

Co to oznacza

Zrozumieć KS Odstępy w tekście | Jak spełnić KS Odstępy w tekście (Poziom AA) W treściach tworzonych za pomocą języków znaczników, umożliwiających ustawienie poniższych właściwości stylu , nie następuje utrata żadnych treści lub funkcjonalności, gdy tekst ustawiony zostanie tak, aby uwzględniał wszystkie poniższe parametry oraz gdy wprowadzone zostaną zmiany w jakiejkolwiek innej właściwości stylu: Wysokość linii (odstęp między wierszami) do co najmniej 1,5-krotności rozmiaru czcionki; Odstęp między akapitami co najmniej 2 razy większy od rozmiaru czcionki; Odstępy między literami (tracking) do co najmniej 0,12-krotności rozmiaru czcionki; Odstępy między wyrazami do co najmniej 0,16 wielkości czcionki. Wyjątek: Języki naturalne i skrypty, które nie wykorzystują jednej lub więcej z tych właściwości stylu tekstowego w tekście pisanym, mogą być zgodne przy użyciu tylko tych właściwości, które istnieją dla tej kombinacji języka i skryptu.

Failing example

/* Fails: fixed-height container clips text when spacing increases */
.excerpt {
  height: 48px;
  overflow: hidden;
  line-height: 1.2;
}

How to fix it

/* Pass: allow container to grow with text spacing overrides */
.excerpt {
  min-height: 48px; /* min, not fixed */
  overflow: visible;
  line-height: 1.5; /* already at baseline */
}

Jak A11yRisk to wykrywa

A11yRisk wykrywa to kryterium automatycznie.

Skanuj swoją witrynę pod kątem tego naruszenia →