Jak udělat tučný text v HTML?

Tučný text v HTML: Estetika vs. Sémantika

Potřeba zvýraznit text je v HTML běžná. Mnoho začínajících webdesignérů intuitivně sáhne po značce <b> pro vytvoření tučného písma. Ačkoliv to funguje, existuje elegantnější a důležitější způsob, jak dosáhnout stejného vizuálního efektu s mnohem větším přínosem pro přístupnost webu.

Základní metoda, značka <b>, pouze změní styl textu. Prohlížeč interpretuje tento tag jako instrukci "udělej tohle tučné". Nic víc, nic míň. Výsledkem je tučnější text, ale bez dodatečné sémantické informace. Vyhledávače ani čtečky obrazovky nemají žádný důvod, proč by si tento tučný text měli více všímat než okolní text. Jedná se čistě o estetickou úpravu.

Lepší a modernější přístup spočívá v použití značky <strong>. Tato značka neslouží jen k vizuálnímu ztluštění textu, ale zároveň deklaruje jeho důležitost. Pro vyhledávače to znamená, že tento text je pro danou část stránky klíčový. Čtečky obrazovky pak tuto informaci využijí k tomu, aby text přednesly s důrazem, čímž se zvyšuje přístupnost webu pro zrakově postižené uživatele.

Praktický příklad:

Představte si větu: "Důležité je dodržovat pravidla."

• Použití <b>: Důležité je <b>dodržovat</b> pravidla. Text je tučný, ale pro vyhledávač a čtečku obrazovky to nemá žádný hlubší význam.

• Použití <strong>: Důležité je <strong>dodržovat</strong> pravidla. Text je tučný a zároveň je označen jako sémanticky důležitý. Vyhledávač ho bude považovat za klíčové slovo a čtečka obrazovky ho přečte s důrazem.

Závěr:

Ačkoliv obě značky, <b> a <strong>, dosáhnou vizuálně stejného efektu – tučného textu – je důrazně doporučeno používat <strong>. Tímto zajistíte nejen esteticky příjemný web, ale i jeho lepší přístupnost a optimalizaci pro vyhledávače. Používejte <b> pouze v případě, že vám záleží výhradně na vizuálním stylu a ne na sémantickém významu. V drtivé většině případů je <strong> správná volba.