it-swarm-eu.dev

Používá atribut alt pro text-as-graphics ok?

Existuje několik způsobů, jak prezentovat text na vaší webové stránce přesně podle toho, jaké písmo rozhodl váš návrhář; jako obrázek, flashový hack, nějaký hacker javascript, dynamická písma. Ale dodnes jedinou věcí, která zdánlivě funguje na všech platformách, je staré řešení text-as-graphics. Jedná se samozřejmě o kludge, ale pro účely přístupnosti používá obrázek obsahující text jako atribut alt, který je považován za dobrý? Uživatelé se zrakovým postižením by dostali text stejně jako vyhledávací stroje. Nebo mi něco chybí?

9
Zano

S některými námitkami.

  • Pokud v budoucnu změníte obrázek, musí být zachován také alt atribut.
  • Zdá se, že vyhledávače přiřadit vyšší hodnot skutečnému textu než obrázek s atributem alt.
  • IMO, pokud to používáte pro navigaci, měli byste raději používat @ font-face nebo JavaScript, abyste vylepšili textové menu, místo aby jej nahradili obrázky od začátku.
7
Virtuosi Media

To je to, pro co je alt, pro čtečky obrazovky a roboty

9
Sruly

Pokud vložíte obrázky (prostřednictvím img) do HTML, vždy použijte alt atribut ( někdy s prázdnou hodnotou).

Pokud obrázek obsahuje text a tento text je (součástí) relevantního obsahu, který chcete sdělit, vložte tento text do alt hodnota.

ale pro účely usnadnění je použití obrázku obsahujícího text jako atribut alt považováno za ok?

Ne. Přestože by to nebylo překážkou pro nevidomé nebo textové prohlížeče, uživatelé s dyslexií nebo zrakově postiženými (kteří mají aktivované obrázky) mohou mít s textovými obrázky problémy:

  • Uživatelé nemohou upravovat velikost písma, výšku řádku, mezery mezi písmeny.
  • Uživatelé nemohou změnit rodinu písem.
  • Uživatelé nemohou měnit barvy/kontrast.
  • Uživatelé nemohou vybrat text (např. Pro kopírování a vkládání). (jak vedeno autorem Kit Grose)

Pravděpodobně se nejedná o problém s krátkým textem (jediné slovo, velmi krátký nadpis, tlačítko výzvy k akci,…), ale může to být překážka v přístupu, pokud je použita pro delší text.

5
unor

Jednou z největších nevýhod textové grafiky je jejich neschopnost upravit měřítko podle velikosti textu (poznámka: velikost textu, nikoli zvětšení). Změnu velikosti obrázku v ems může pomoci zmírnit.

Nezapomeňte také, že při používání obrázků trpí udržovatelnost značně, pokud nejsou dynamicky generovány.

A je docela neefektivní obsluhovat obrázek, když vše, co chcete, je vlastní písmo - velikost souboru obrázku je O hodně větší než ekvivalentní text.

4
Bobby Jack

Nevidím s tím žádný problém. Nikdy jsem nikoho neslyšel říkat, že je to špatný nápad. But zkuste se vyhnout nebo udělat následující:

  • vytvořit celý obsah stránky jako obrázek (běžná chyba u lidí, kteří nevědí, co dělají) - to ztěžuje analýzu téměř všeho, včetně vyhledávačů
  • pokuste se tomu vyhnout co nejvíce - vždy je lepší mít text pro věci, které obrázky; zjednodušuje to vše (kopírování kusu textu, SEO atd. atd.)
  • přidat vlastnosti alt a title - to zajistí, že když se lidé převrátí přes obrázek, uvidí popis (protože různé prohlížeče zobrazují jiné); Většinou to dělám na obrázcích, které jsou odkazy
1
Darryl Hein

Jak již uvedli jiní, pokud použijete tento přístup, musíte poskytnout alternativní text, ale vřele doporučuji, abyste to neudělali.

  • Přiblížení bude přerušeno - Rastrové obrázky nelze škálovat na větší velikosti.

  • Obrázky zabírají více místa než text, což drasticky zvýší dobu načítání stránky.

  • Diváci, kteří mění barvy prohlížeče, např. pro změnu čitelnosti na tmavé světlo s vysokým kontrastem neuvidíte obrázky správně a neuvidíte alt.

  • Funkce kopírování vložení bude přerušena (uživatelé nebudou moci kopírovat žádný text a vložit jej do dokumentu jako text).

  • Rozvržení a citlivost - Čitelnost na mobilním zařízení může být přerušena - Pokud text není text, prohlížeče nemusí být schopny jej rozdělit jinak na řádky, aby jej bylo možné umístit na menší displeje.

  • Pokud umístíte každé slovo nebo větu do svého vlastního obrazu, můžete zlepšit rozvržení, můžete však přerušit textovou analýzu (SEO).

  • Existují běžně podporované způsoby vynucení zobrazovacích písem pomocí souborů CSS a fontů. Pokud to některý starověký prohlížeč nepodporuje, neměli byste kvůli tomu trpět všichni uživatelé moderních prohlížečů.

0
Danny Varod

Hodnota alternativního textu klesá z pohledu SEO, takže se zdá, že se všichni můžeme zaměřit na přístupnost a optimalizovat alternativní text pro čtečky obrazovky.

Pokud vím, má to jen několik procent vliv na vaše SERP hodnocení)

0
Roland Pokornyik