Přeskočit na obsah
@365tipu
  • Domů
    • Práce na dálku
    • Twitter for dummies
    • Jak na Mastodon
    • Facebook a marketing
    • Návod pro Instagram
    • Jak na LinkedIn
    • Bezpečný Internet
    • Bezpečnost pro novináře
    • Soukromí na Facebooku
    • Pomocník webdesignera
    • Jak na WordPress
    • Nepostradatelné software
      • Jak na Windows 11
      • Jak na Windows 10
      • Jak na iPhone/iPad
      • Jak na Mac OS
      • Jak na Apple TV/TV+
      • Jak na Apple Watch
      • Jak na Apple AirTag
      • Microsoft Office
      • Linux
    • Jazykový koutek
    • GTD
    • Filmy a TV seriály
    • Recenze
    • Chytrá domácnost
      • Chytrá domácnost
      • Jak na Google Home
      • Amazon Echo a Alexa
      • Apple HomePod
      • Jak na Raspberry Pi
      • Jak na QNAP NAS
      • Netatmo
    • Jak na Home Assistant
  • Všechny štítky
  • Odběr e-mailem
  • RSS/XML
  • Kontakt
    • Kontakt
    • Twitter
    • Facebook
    • BlueSky
    • Mastodon
      • Threads
    • Zásady Cookies (EU)
4. 10. 2016 podle 365tipů
Blog, Blogování, GUI, Internet, Obsah

TIP#621: Mají být odkazy na webu podtržené? Co když se mi to nehodí do designu stránky?

Nutno hned na začátek říci, že tohle téma je tak staré jako web samotný. Podtržené odkazy vždy byly zásadním prvkem webdesignu a je nutné zdůraznit, že to má nesmírně praktický důvod. Umožňuje to totiž poznat, že nějaký text je ve skutečnosti klikací. Pokud totiž totiž něco na co lze kliknout v textu nepodtrhnete, tak nikdo nepozná, že se na to dá kliknout. Jedině by to mohl poznat tak, že by myší jezdil nad textem a odkaz hledal.

Klikací odkazy mají navíc i další užitečnou vlastnost, změní barvu, pokud jste již na onom odkazu byli. Snadno tak poznáte, že už tam třeba chodit nemusíte, protože jste si to už četli.

Bohužel pro řadu webdesignerů jsou podtržené odkazy něco, co v designu nechtějí. Často se nechají ovlivnit nesmyslným požadavkem zákazníka, ale často jde o webdesignera, který by se webdesignu spíš věnovat neměl. Argument falešné estetiky zde zcela likviduje použitelnost. Následně se pak vlastníci webů diví, že jim lidé na odkazy neklikají.

Podtržené odkazy jsou dnes ještě důležitější s ohledem na mobilní Internet, tam totiž žádné „ježdění kurzorem“ nad textem neexistuje a odkaz (link) nelze poznat jinak, než že je vizuálně odlišný. Ale nikoliv tím, že si ho vizuálně odlišíte jinak, než jak to je myšleno. Nejčastěji používaná „náhrada“ podtržení totiž spočívá v jiné barevnosti odkazu. Tvůrcům ale nedochází, že z hlediska přístupnosti je tohle zásadní problém – ignorují uživatele barvoslepé či sníženým viděním. Podtržené odkazy jsou podstatně lépe vidět i tam, kde je text zobrazen na špatném displeji či za špatných světelných podmínek.

Odstranit podtržení je samozřejmě možné tam, kde je z funkčnosti jasné, že ona věc je klikací – typicky v různých vodorovných či svislých menu, navigačních pruzích či rozbalovacích menu. Stejně tak se podtržení nepoužívá u knoflíků a jiných jasných „klikacích“ prvků.

2016-10-04 07_20_24-Start.png
V druhém odstavci klikací odkaz nepoznáte. Až tak prosté to je.  Mohli byste ho nějak obarvit, ale to pak může být bráno jenom jako zvýraznění, ne to, že se na „to“ dá kliknout.

Závěr? Jednoduše řečeno, odkazy na webu mají být podtržené. V případech kdy je klikatelnost prvku jasně dána jeho charakterem, tak tomu být nemusí, ale pokud jde o odkazy umístěné v textu, je to zásadní a nutné.

TIP: Zdejší Pomocník Webdesignera obsahuje odkazy na tipy, které se týkají webdesignu, tvorby webů i provozování webů. Určitě tam najdete i řadu dalších zajímavých témat.

Související příspěvky

TIP#696: Co je to UX? A co je UI a GUI?
TIP#371: Proč neodkazovat slovem „zde“?
Jak se v Chrome 69 vrátit zpět ke klasickému vzhledu?

Design Odkaz UX Webdesign

Předchozí článekČím ve Windows 10 nahradit Windows Essentials?Další článek TIP#622: Mám si pořídit tablet jenom s WiFi nebo s mobilním internetovým připojením?

Nejnovější příspěvky

  • TIP#3253: Co je to latence a proč to hraje roli (nejen) při hraní her
  • TIP3252: Chladit notebooky podložkou? Co byste měli vědět
  • TIP#3251: Kouzelná meteostanice ATMOS řeší problém, o kterém ani nevíte
  • TIP#3250: Jak zabránit tomu, aby se Mac po restartu znovu otevřel se všemi aplikacemi z poslední relace
  • TIP#3249: Zálohovat počítači či NAS? Rozhodně ano. Ale kam a jak? Včetně velkého přehledu cloudových služeb

Nejčtenější

Přispět na provoz můžete

Přispějte. 500 Kč můžete změnit dle vlastního uvážení. Z částky zaplatíme DPH a pochopitelně daně platbou na účet 331049001/5500, spec. symbol 365. Částku si můžete změnit. Z platby odvádíme DPH a daníme ji.

Zdejší tipy na zajímavé/užitečné věci obsahují affialiate odkazy na Alzu/Aliexpres

... nebo placeným odběrem

Staňte se platícím odběratelem newsletteru. 5 USD/měsíc, 50 USD/rok nebo dle vlastního uvážení od 100 USD/rok. Každou středu a neděli nálož informací.

Kontakt a tak

Kontakt: 365tipu@gmail.com

Veškerý obsah zde uveřejněný je CC-BY-NC-SA