Techniques for WCAG 2.0

F88: Az 1.4.8 teljesítési feltételhez tartozó hiba, amelyet a sorkizárt (a jobb és bal margókhoz igazított) szöveg alkalmazása okoz

Alkalmazás

Minden technológia.

Ez a hiba az alábbiakra vonatkozik:

1.4.8 teljesítési feltétel (Vizuális megjelenítés)
- Hogyan teljesül az 1.4.8 (Vizuális megjelenítés)
- Az 1.4.8 teljesítési feltétel értelmezése (Vizuális megjelenítés)

Leírás

Számos értelmi fogyatékos felhasználónak komoly gondot okoz a sorkizárt (a jobb és bal margókhoz igazított) szövegblokkok értelmezése. A szavak közötti szóközök a lapon lefelé futó "fehér folyókat" eredményeznek, ami bizonyos embereknek megnehezíti a szöveg olvasását. Ebben a részben a sorkizárt szöveg elrendezésből adódó hibák szerepelnek. Ezen problémák kiküszöbölésének legjobb módja a teljes mértékben sorkizártra (a jobb és bal margókhoz igazított) igazított szövegek kerülése.

Példák

1. hiba példa

Az alábbi hiba példában szereplő sorkizárt szöveg a HTML align attribútumának segítségével került igazításra.

Példa kód:

 
<p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sit amet pede. Phasellus 
nec sem id mauris vehicula tincidunt. Morbi ac arcu. Maecenas vehicula velit et orci. Donec 
ullamcorper porttitor velit. Sed arcu lorem, cursus sit amet, auctor eu, convallis ut, purus. 
Vivamus imperdiet accumsan nunc. Maecenas pellentesque nunc a libero. Vestibulum ante ipsum 
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur pharetra commodo 
justo. Nulla facilisi. Phasellus nulla lacus, tempor quis, tincidunt ac, rutrum et, mauris.
</p>

2. hiba példa

Az alábbi hiba példában szereplő sorkizárt szöveg a CSS text-align tulajdonságával került igazításra.

Példa kód:

 
...
p {text-align: justify}
...
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sit amet pede. Phasellus 
nec sem id mauris vehicula tincidunt. Morbi ac arcu. Maecenas vehicula velit et orci. Donec 
ullamcorper porttitor velit. Sed arcu lorem, cursus sit amet, auctor eu, convallis ut, purus. 
Vivamus imperdiet accumsan nunc. Maecenas pellentesque nunc a libero. Vestibulum ante ipsum 
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur pharetra commodo 
justo. Nulla facilisi. Phasellus nulla lacus, tempor quis, tincidunt ac, rutrum et, mauris.</p>

C22: A szöveg megjelenítésének szabályozása CSS segítségével

Ellenőrzések

Folyamat

Nyissa meg a lapot egy általánosan használt böngészővel.
Ellenőrizze, hogy a szöveg nem sorkizárt-e (a jobb és bal margókhoz igazított).

Elvárható eredmények

Amennyiben a 2. pont hamis, akkor a hiba bekövetkezik és a tartalom nem felel meg az 1.4.8 teljesítési feltétel követelményeinek.

Ez a weboldal A Technikák és Gyakori Hibák a Web Akadálymentesítési Útmutató 2.0-hoz része. Ez a dokumentum elérhető egy HTML fájlban is. Nézze meg a A WCAG 2.0 dokumentumait ezen dokumentum és a WCAG 2.0 egyéb dokumentumai között fennálló kapcsolatok áttekintéséhez.