axessia.eu

Най-честата грешка при алтернативни текстове: какво се случва погрешно и как да я избегнете?

Най-голямата пропаст при алтернативни текстове не е, че липсват, а че съществуват и въпреки това не добавят никаква стойност. Тази статия показва къде се случва това и как да го разпознаете.

Най-честата грешка при алтернативния текст не е, че го няма. Това също се случва, но е видимата грешка, която бързо се открива. По-упорита грешка е, че alt-текстът присъства, но не добавя нищо: имената на файловете на снимката, думата "изображение", подробно описание на декоративна линия, или нищо при бутон, който се състои само от икона. За потребител на програма за четене на екрана това създава шум вместо информация и понякога означава, че функцията на страницата става непригодна за употреба.

WCAG 2.1, нормата, на която се базира EN 301 549, изисква не-текстуално съдържание да получи текстов еквивалент, който служи на същата цел. Звучи просто, но на практика това изискване често се одобрява формално без функционалност на текста. В атрибута alt има нещо, контролният списък е изпълнен, но потребителят, който чете текста, не получава полза от това.

Какво точно се допуска

Няколко модела се повтарят постоянно. Име на файл като alt-текст, например "IMG_2044.jpg" или "product-foto-3.png", защото редакционна система го попълва автоматично и никой не го коригира. Alt-текст, който е попълнен с ключови думи вместо описание, което може да е предназначено за търсачки, но за програма за четене на екрана звучи като безсмислен списък. Декоративно изображение, например снимка със настроение до заглавие, което въпреки това получава подробно описание и по този начин ненужно забавя реда на четене. И може би най-честото: функционални икони, като пазарска кошница, лупа или х за затваряне на нещо, които работят като бутони, но нямат текстовото име. Програма за четене на екрана тогава чете само "бутон", без да е ясно какво прави този бутон.

При снимки на продукти често се случва обратното: alt-текстът описва снимката вместо продукта. "Жена в синя блуза на плажа" не казва нищо за дрехата, която се продава, докато това е точно информацията, която потребител търси, когато не вижда снимката.

Защо автоматизирано сканиране не улавя това напълно

Сканирането може с сигурност да определи дали изображението има атрибут alt и дали то е празно. Това е полезно и хваща най-грубите грешки. Това, което сканирането не може с сигурност да оцени, е дали съдържанието на този текст е правилно: дали "снимка" наистина описва онова, което се вижда, или икона бутон е получил значимо име, което съответства на функцията. Това изисква преценка на човек и това е точно защо всеки отчет показва кой дял от тестването е автоматизиран и кой не. Ако желаете да видите бързо на вашия сайт къде са явните случаи, то е възможно да се види за няколко минути с безплатното бързо сканиране.

Как да го избегнете

Най-практичният въпрос при писане на alt-текст е: какво бих казал гласно, за да опиша това изображение на някого, който не го вижда, в контекста на тази страница? При снимка на продукт това е дрехата, цветът или характеристиката, която показва снимката. При бутон това е действието, което бутонът извършва, не самата икона. При чисто декоративно изображение, като фонов модел, празен alt-текст (alt="") е точно правилният избор, така че програма за четене на екрана да пропусне изображението вместо да чете нещо, което не добавя нищо.

Това е също един от местата, където по-добра предишна ситуация може да се влоши, без никой да го забележи: редактор добавя нова снимка на продукт, системата автоматично попълва името на файла, а текстът, който е бил там преди, изчезва. Това не е еднократна задача, а нещо, което се повтаря при всяка промяна, което е и причината този предмет да принадлежи на по-широките изисквания около съдържание, което не е текстово и което е разработено в база от знания за всяка ситуация.

Какво дава това

Добрите алтернативни текстове не са въпрос на повече текст, а на правилния текст в правилното място: кратък и функционален при бутони и икони, смисълен при снимки на продукти, и отсъствуващ когато изображението е чисто декоративно. Това разграничение струва малко време, когато моделът е ясен, и спестява много работа по-късно. Как възвръщаме това разграничение в доклад в конкретни, приоритизирани точки е описано на страницата относно начина на оценяване, и за въпросите, които се връщат най-често в тази връзка, има преглед с отговори.

Искате ли да знаете дали този вид грешки се появяват и на вашия сайт? Безплатното бързо сканиране дава първо, неангажиращо представяне на това, без да се нуждаете от акаунт.

Тази статия е обща информация и не представлява правна консултация.