Understanding WCAG 2.0

Skip to Content (Press Enter)

C21: Sorközök specifikálása CSS-ben

Alkalmazás

Minden CSS-t támogató technológia.

Ez a technika az alábbiakra vonatkozik:

Leírás

Számos értelmi fogyatékos felhasználó számára gondot jelent az egyes sorközzel beállított szöveges tartalmak értelmezése. A 1,5-ös és 2-es sorközzel beállított szövegek megkönnyítik az új sorok megkezdését az olvasott sor befejezése után.

Példák

1. példa

Másfeles sorköz beállítása a stíluslapon.

Példa kód:

p { line-height: 150%; }

A fenti példa szerint a sorköz 1,5-es értékű lesz az egész dokumentumban.

Példa kód:

<p> Lorem ipsum dolor sit ?  </p>
2. példa

Másfeles (egy és egy fél sorköz) sorköz beállítása a stíluslapon történő meghatározással.

Példa kód:

p.tall {line-height:150%}

Az osztály megnevezése a tartalomban.

Példa kód:

<p class="tall"> Lorem ipsum dolor sit ?  </p>
3. példa

Kétszeres sorköz beállítása a stíluslapon történő meghatározással.

Példa kód:

p.tall {line-height:200%}

Az osztály megnevezése a tartalomban.

Példa kód:

<p class="tall"> Lorem ipsum dolor sit ?  </p>

Ellenőrzések

Folyamat
  1. Nyissa meg a tartalmat a böngészővel.
  2. Ellenőrizze, hogy a szövegblokkok sorai között 1,5-es vagy 2-es értékű-e a sorköz beállítása.
Elvárható eredmények
  • A 2. pont igaz.


Teljesítési feltételek: