Miért ne használj sorkizárt szöveget a weben?
Könyvekben és újságokban megszoktuk, hogy sorkizárt a szöveg, de sokan a weben is ezt az opciót választják. Első ránézésre rendezettnek és profinak tűnik, de a weben a sorkizárás nem a legjobb választás. Nézzük meg, miért!
Egy szöveg akkor sorkizárt, ha a szöveg sorai mind a bal, mind a jobb oldalon igazodnak a szövegmezőhöz, azaz mindkét margóhoz egyenletesen illeszkednek:
Ennek érdekében a szavak közötti szóközök automatikusan igazodnak, hogy a sorok egyenletes szélességűek legyenek. A sorkizárás miatt a szavak közötti térköz egyenetlenné válik, és függőlegesen üres sávok alakulhatnak ki a szövegben. Ezek a sávok vizuálisan zavaróak, és elvonhatják az olvasó figyelmét, illetve a szavak közötti térköz soronként változhat, ami a folyamatos olvasást is megnehezíti:
A balra igazított szöveg “szabálytalan” jobb oldala viszont segít abban, hogy könnyebben nyomon tudjuk követni, hogy hol tartunk az olvasásban:
Az olvashatósági problémák különösen érintik a diszlexiás olvasókat. A becslések szerint a lakosság 10%-ának nehezíti meg az életét valamilyen szinten a diszlexia.
A Web Akadálymentesítési Irányelvek (WCAG) szerint a szövegeknek balra igazítottnak kell lenniük, hogy mindenki számára könnyen olvashatók legyenek.
A függőleg üres sávok és a változó térköz azok számára is gondot okozhatnak, akik képernyőnagyítót használnak. Balra igazított szövegnél könnyebb megtalálni a megfelelő sort, még akkor is, ha a felhasználó görget az oldalon.
A nyomtatott anyagokban a sorkizárás azért is működik, mert printben pontosan lehet tudni, hogy hol lehet a szavakat elválasztani, azonban a weben ez nem megoldható. Bár a CSS hyphens segíthet ebben, de ez nyelvenként eltérő – angolul már elég jól működik, de magyarul még nem.
A sorkizárás hatása a szöveg szélességétől is függ: minél keskenyebb a szövegtörzs, annál zavaróbbak az üres sávok.
A tipográfia nemcsak a betűk formájáról szól, hanem a szavak és betűk közötti térközökről is. A sorkizárás viszont ezeket a távolságokat torzítja, és gyakran esztétikai problémát okoz. Ha nem rendelkezel a tipográfiai finomhangoláshoz szükséges ismeretekkel vagy eszközökkel, jobban jársz, ha egyszerűen balra igazítod a szöveget.
Ha azt gondolod, hogy a sorkizárás professzionálisabbá teszi az oldalt, nézz körül a legnagyobb weboldalakon! Sem a New York Times, sem a The Guardian, és semelyik nagy, professzionális weboldal nem használ sorkizárást.
Nem véletlen, hogy egyre kevesebbet találkozol a sorkizárt opcióval: a WordPress oldalaknál a userek számára már egyáltalán nem elérhető a sorkizárt formázási opció, de a Figmában is csak a rejtett funkciók között van.
Bár a sorkizárás nyomtatott anyagoknál megszokott, ott sem kötelező. A problémák ugyanúgy fennállnak, különösen, ha a szöveg szélessége 40 karakter alá csökken, hiszen még a legjobb elválasztási rendszer használata esetén is túl sok lehet a szóelválasztás. Sok nyomtatott anyagban használnak balra igazított szöveget, és ezek ugyanolyan esztétikusak tudnak lenni.
Weboldalakon és alkalmazásokban tehát a balra igazított szöveg nemcsak olvashatóbb, hanem akadálymentes is. A nagyobb oldalak példája is azt mutatja, hogy a sorkizárás helyett az egyszerűbb, funkcionálisabb megoldások a célravezetőbbek.
Ne bonyolítsd túl, az olvasók hálásak lesznek érte!
Vissza az összes bejegyzéshez