„Који назив датотеке бисте желели да читач екрана чита наглас на вашем уху 40 пута дневно?“ То је помало апсурдно питање, али управо се то дешава када смислена слика остане са алт="имаге1.јпг" или, што је још горе, уопште нема алт текста. Овај чланак је практичан водич за писање алтернативног текста који заправо помаже — не само садашњи, већ и добар.

Укратко — шта овај водич покрива

  1. Зашто је лош алтернативни текст скоро исто толико лош као и недостајући алтернативни текст
  2. Како написати добар алтернативни текст
  3. Када оставити алтернативни текст намерно празан
  4. Шта радити са сложеним графиконима и дијаграмима

Why Bad Alt Text Is Almost as Bad as Missing Alt Text

Према ВЦАГ 1.1.1, сав нетекстуални садржај мора имати текстуалну алтернативу — али формални захтев је само пола приче. „имаге1.јпг“, „имаге“ или „лого“ технички испуњавају услове (постоји атрибут алт), али не преносе праве информације. Корисник читача екрана који чује низ "имаге... имаге... имаге23.пнг" није ништа мање фрустриран од корисника који види да гледа низ празних оквира.

Како написати добар алтернативни текст

Водеће правило: опишите поруку слике у контексту у коме се појављује, а не буквални опис онога што видите. Фотографија људи око стола на тимском састанку, уз чланак о сарадњи, могла би се дати „Тим који заједно ради око стола“ — а не „Фотографија људи“. За графикон или графикон, опишите сажетак који графикон представља: ​​„Тракасти графикон који показује повећање продаје од 40% у трећем кварталу“ је знатно бољи од „Тракастог графикона“.

Илустративни дијаграм Ефективан наспрам неефикасног алтернативног текста Поређење између генеричког алтернативног текста и прецизног, описног алтернативног текста Алтернативни текст: не само „присутно“ – такође „добро“ ❌ Није довољно Алт: "слика1.јпг" Име датотеке не значи ништа кориснику ослањање на читач екрана ✅ Прецизно и сврсисходно Алт: „Тракасти графикон: 40% пораст продаје у К3" Описује садржај и поруку — не само „постоји слика“ Чисто декоративна слика? Празно Алт "" је боље Златно правило: које две или три речи бисте рекли некоме на телефону да опишете слику?
Златно правило: које две или три речи бисте рекли некоме на телефону да опишете слику, ако сами не могу да је виде?

Када оставити алтернативни текст намерно празан

Није свакој слици потребан опис. Чисто декоративне слике — графичке линије раздвајања, илустрације у позадини, иконе које само понављају текст у близини — најбоље се означавају саalt=""(празан алтернативни текст, не недостаје) тако да их читач екрана у потпуности прескаче. Разлика између „недостаје“ и „намерно празно“ је критична: недостатак звучи као грешка или чита име датотеке; намерно празан га једноставно прескаче нечујно.

💡 Практични савет

Брзи тест: ако бисте у потпуности избрисали слику са странице, да ли би кориснику који је не види нешто пропустио? Ако није - вероватно је декоративно и погодно за празан алт.

Шта радити са сложеним графиконима и дијаграмима

За сложени графикон података, илустровану табелу поређења или инфографику са неколико слојева информација, кратак алтернативни текст није довољан — има превише информација за преношење. Решење: кратак алт текст који описује општу тему, поред њега (у редовном тексту који окружује слику, а не само у алт атрибуту) детаљнији опис важних података, или еквивалентну табелу података по којој читач екрана може да се креће.

Нисте сигурни који алтернативни текст недостаје или је проблематичан на вашој веб локацији?

Наша алатка проналази слике без алтернативног текста у сваком документу на вашој веб локацији и означава их по приоритету.

Учините својим документима доступним бесплатно ←