Jak udělat tučné Písmo v HTML?

Tučné písmo v HTML: Více než jen vizuální efekt

V HTML existuje několik způsobů, jak zvýraznit text a udělat ho tučnějším. Přestože se na první pohled zdá, že všechny vedou k identickému vizuálnímu výsledku, důležité rozdíly se skrývají v jejich sémantickém významu a dopadu na přístupnost webu. Nejde jen o to, jak text vypadá, ale také o to, jak jej vnímají prohlížeče, vyhledávače a především uživatelé s postižením.

Nejčastěji používaná metoda je použití značky <b>. Tato značka sice způsobí, že se text zobrazí tučně, ale nemá žádný sémantický význam. Jednoduše říká prohlížeči: “Zobraz toto tučně.” Pro vyhledávače a čtečky obrazovky to však neznamená nic specifického.

Mnohem lepší volbou je značka <strong>. Tato značka také způsobí ztluštění textu, ale navíc sděluje, že daný text je důležitý. To má pro uživatele i pro vyhledávače zásadní význam.

Porovnání <b> a <strong>:

Pro čtečky obrazovky například znamená značka <strong>, že daný text by měl být přečten s větším důrazem, což usnadňuje orientaci nevidomým uživatelům. Vyhledávače zase mohou brát text označený <strong> jako důležitější pro indexaci stránky.

Praktické použití:

Použití obou značek je jednoduché. Text, který chcete zobrazit tučně, uzavřete do otevírací a zavírací značky:

<b>Toto je tučné písmo pomocí značky &lt;b&gt;.</b>

<strong>Toto je důrazně tučné písmo pomocí značky &lt;strong&gt;.</strong>

Závěr:

Ačkoliv se vizuální výsledek použití <b> a <strong> může zdát totožný, pro dosažení maximální přístupnosti a optimalizace pro vyhledávače je vždy doporučeno používat značku <strong> pro zdůraznění důležitého textu. Použití značky <b> by mělo být omezeno na případy, kdy je opravdu zapotřebí pouze vizuální ztluštění textu bez sémantického významu. Správné použití těchto značek zvyšuje nejen kvalitu vašeho webu, ale i jeho přístupnost pro všechny uživatele.