Přidání alternativního textu k obrázkům: Osvědčené postupy

Pomocné technologie, jako jsou čtečky obrazovky, používají alternativní text, známý také jako alternativní text, k popisu obrázků lidem, kteří jsou nevidomí nebo mají slabozraké. Alternativní text se také objeví místo obrázků, když se nemohou správně načíst kvůli nízké šířce pásma internetu, a když někdo skryje obrázky na webu, aby snížil kognitivní zátěž.

Webex Events vám umožňuje přidávat alternativní text k obrázkům na celé naší platformě, takže se každý může spravedlivě účastnit všech zážitků událostí. Tento článek ukazuje, jak přidat alternativní text k obrázkům, a poskytuje tipy a zdroje pro psaní efektivního alternativního textu.

Proč přidávat alternativní text k obrázkům?

Psaní efektivního alternativního textu je užitečná dovednost, kterou se musíte naučit. Cvičení však dělá dokonalost a snažit se je mnohem lepší než nedělat vůbec nic. Důrazně doporučujeme přidat alternativní text ke každému obrázku nebo označit obrázky jako dekorativní, kde je to vhodné. Pokud nic neuděláte, váš obsah bude nepřístupný široké škále uživatelů. Stejně tak čtečky obrazovky místo toho přečtou název souboru obrázku, což může vést k frustrujícímu a nepříjemnému uživatelskému zážitku.

Alternativní textové tipy

Než se naučíme, jak přidat alternativní text na platformě Webex Events, tato část zdůrazňuje několik různých typů obrázků, nastiňuje tipy pro psaní alternativního textu a poskytuje zdroje z iniciativy Web Accessibility Initiative (WAI), které vám pomohou dozvědět se více.

Typy obrázků

Existují různé druhy obrázků, které vyžadují různé druhy alternativního textu. Níže jsou uvedeny běžné typy obrázků, které můžete přidat do různých částí platformy:

Informativní obrázky - Obrázky s informacemi, které pomáhají porozumět konceptu, který je sdělen na stránce. Pokud osoba nevidí obrázek, zmešká klíčové informace. Tyto obrázky potřebují alternativní text.
Dekorativní obrázky - Obrázky, které nepřidávají žádné další informace k tomu, co je na stránce zprostředkováno, například obrázek na pozadí. Tyto obrázky mohou být označeny jako dekorativní.
Funkční obrázky - Obrázky, které také odkazují na jiné destinace. Tyto obrázky potřebují alternativní text, který obsahuje účel odkazu. Například, pokud máte obrázek banneru, který interně odkazuje na funkci Sponzoři, zahrňte tyto informace do svého alternativního textu, aby lidé věděli, co mohou očekávat.
Obrázky textu - Obrázky, které obsahují informativní text. Zpráva zprostředkovaná na obrázku, jako je tento, musí mít textový ekvivalent, obvykle napsaný v alternativním textu.

Tipy pro psaní alternativního textu

Udržujte svůj alternativní text stručný. Doporučujeme maximálně 1—2 věty a platforma Webex Events omezuje alternativní text na 250 znaků.
Popište obraz v kontextu s jeho okolím. Zeptejte se sami sebe: „Jaké základní informace potřebují lidé o tomto obrázku vědět?“ Vaším cílem je poskytnout textový ekvivalent toho, co obrázek zprostředkovává.
Pokud obrázek obsahuje text, musí tato zpráva existovat také v textovém formátu, buď v poli alternativního textu, nebo v sousedním popisu. Můžete mít například obrázek banneru, který obsahuje některé informace o relaci. Čtečky obrazovky nemohou číst text vložený do obrázku, takže alternativní text je skvělým místem pro přidání textového ekvivalentu.
Nezačínejte alternativní text „Obrázek“. Čtečky obrazovky často oznamují obrázky, takže psaní „Image of“ není nutné.
Označení obrázku jako dekorativního řekne čtečce obrazovky, aby obraz ignoroval a přešel přes něj. Označte obrázky jako dekorativní, pokud:
- Obrázek nepřidává žádné další informace ani kontext.
- Obrázek je popsán v sousedním textu a přidání alternativního textu by jinak bylo duplicitní. Například profilový obrázek s názvem „Stránka Serena“ v textu přímo pod ním nepotřebuje alternativní text s nápisem „Profilový obrázek Sereny Page“ a může být označen jako dekorativní.

Zdroje alternativního textu

WAI má spoustu zdrojů, které vám pomohou napsat jasný a užitečný alternativní text.

Kde mohu přidat alternativní text do Webex Events?

S téměř jakýmkoli obrázkem, který nahrajete na platformu Webex Events, můžete přidat alternativní text nebo obrázek označit jako dekorativní. Výjimkou jsou profilové obrázky, které jsou pro vás automaticky označeny jako dekorativní. 😸

Mějte na paměti, že alternativní text k obrázku můžete přidat pouze při ručním nahrávání přímo v rámci platformy. Momentálně není možné přidat alternativní text při importu dat.

V aplikaci Event mohou účastníci přidat alternativní text k obrázkům, které zveřejní do funkce Zeď.

Jak přidat alternativní text na platformě Webex Events

Při nahrávání obrázku na platformu Webex Events klikněte na tlačítko Přidat alternativní text v kroku „Náhled“.

The Add alt text button in the Preview modal.

V modulu „Přidat alternativní text“ zadejte stručný popis obrázku do pole Alternativní text, maximálně 250 znaků. Pokud je obrázek dekorativní a nepřidává žádnou informativní hodnotu, jednoduše zaškrtněte políčko „Obrázek je dekorativní“ bez přidání alternativního textu.
1. V následujícím příkladu obrázek obsahuje text, který říká: „Hlavní řečnice Janet Watson. Předseda pro udržitelnou energii pro všechny, OSN Energy. „, takže jsme přidali tento přesný text do alternativního textového pole.

The example just described in the Add alt text modal.

Klikněte na tlačítko Uložit.
Dokon čete kliknutím na Nahrát.

Mějte na paměti, že na platformě Webex Events není možné upravit alternativní text na obrázku. Pokud potřebujete změnit alternativní text, musíte obrázek znovu nahrát a přidat aktualizovaný alternativní text během procesu nahrávání, jak je právě popsáno.

Jak účastníci přidávají alternativní text obrázku do příspěvku na zdi

Účastníci, kteří nahrají obrázek jako součást příspěvku na zdi, mohou přidat alternativní text, než zveřejní příspěvek na zeď.

Web Appuživatelé kliknou na tlačítko Přidat alternativní text v kroku „Náhled“, přidají alternativní text nebo označí obrázek jako dekorativní, klikněte na Uložit a poté na Nahrát.

The add alt text modal on the Web App. The alt text says,

Uživatelé mobilní aplikace jednoduše klepnou na tlačítko+Alt v pravém horním rohu obrázku, zadejte alternativní text obrázku, klepněte na Hoto vo a poté na Z veřej nit.