Videa z konference INSPO 2014 jsou veřejně k dispozici

Videozáznamy všech prezentací, které zazněly na letošní konferenci INSPO 2014, jsou ke zhlédnutí na novém YouTube kanálu konference INSPO. Pokud jste se konference nemohli zúčastnit (či jste nestihli navštívit všechny prezentace, o které jste měli zájem), je ideální příležitost to napravit a podívat se, jaké novinky z oblasti informačních a komunikačních technologií usnadňují život lidem se specifickými potřebami.

Sháníme dobrovolníky na pomoc s titulkováním

Všechna videa bychom kvůli jejich lepší přístupnosti rádi opatřili i titulky. Pokud byste měli čas a chuť s titulkování pomoci, kontaktujte mě, domluvíme se na podrobnostech spolupráce. Textové přepisy prezentací máme k dispozici, jednalo by se pouze o synchronizaci titulků s videozáznamem podle tohoto návodu. Dobrovolníkům, kteří nám s titulkováním videí pomohou, nabízíme bezplatný vstup na konferenci INSPO 2015.

Související odkazy

Jak na titulkování videa v programu Subtitle Workshop

Ačkoliv titulky u videa kvůli časové i finanční náročnosti jejich vytvoření stále nepatří k věcem, se kterými bychom se běžně setkávali, z hlediska přístupnosti je titulkování videí určitě jedna z dovedností, kterou je dobré umět. Zde proto nabízím stručný návod pro ty, kteří by rádi titulkovali, ale dosud nevěděli, jak na to.

Než začneme

  1. Stáhneme a nainstalujeme Subtitle Workshop.
  2. V programu zvolíme Movie/Open… a otevřeme videosoubor, který chceme otitulkovat. Podporována je většina standardních formátů. Problém s otevřením může být způsoben zvláštními znaky v názvu souboru, případně absencí kodeků – zde je návod, jak v Subtitle Workshopu přehrát soubory s kompresí H.264.
  3. Nyní si přes File/New Subtitle…, File/Save as…, formát „SubRip“ vytvoříme soubor pro nové titulky.

Vlastní tvorba titulků

  1. V horní části okna aplikace (zobrazení videa) Najedeme na bod, kde bude začínat první segment textu (typicky kdy začíná první věta mluvčího).
  2. Ve zvoleném místě video pozastavíme a zvolíme Start subtitle (Alt-Z).
  3. Opět spustíme video, přehrajeme celou část, která bude textově vyjádřena v titulkovém segmentu, a opět zastavíme. Zvolíme End
    subtitle (Alt-X).
  4. V dolní části aplikace („Text“), je nyní vytvořen prostor, kam vložíme/zapíšeme textovou podobu toho, co bylo právě řečeno ve videu.
  5. Tímto způsobem otitulkujeme celé video. Každý titulkový segment tedy bude ohraničen (resp. vytvořen) pomocí „Start Subtitle“ a „End Subtitle“.
  6. Čas každého již existujícího segmentu lze dodatečně upravovat pomocí Set start time (Alt-C) a Set final time (Alt-V). Zvláštních segmentů pro tichá místa není zapotřebí.

Na co je třeba si dát pozor

  • Průběžně kontrolujeme, že se titulkové segmenty časově nepřekrývají.
  • Ověřujeme, že výsledné segmenty nejsou příliš rozsáhlé (v každém segmentu je vhodné mít dva, maximálně tři řádky textu, z nichž každý má řádově maximálně 50-60 znaků včetně mezer).
  • V delších segmentech je dobré používat Enter pro rozvržení řádků. Pokud používáme automatické zalamování, hrozí, že v segmentu je jeden
    maximálně vyplněný řádek, a pod ním jedno, dvě slova, která se už nevešla. To samozřejmě není závažný problém. Ale odenterování zhruba v polovině textu, což by vytvořilo dva přibližně stejně dlouhé řádky, vytvoří příjemněji čitelný výsledek.

Po skončení tvorby titulků

  • Výsledný soubor otevřeme v aplikaci Poznámkový blok (či MS Word), a uložíme jej s kódováním Unicode. To zajistí správné zobrazování české diakritiky ve
    výsledném produktu. Je dobré si ale uchovat i původní soubor pro případ, že bychom později potřebovali titulky upravit.

WAI ARIA 1.0 byla vydána jako doporučení W3C

Specifikace Accessible Rich Internet Applications (WAI-ARIA) 1.0 a WAI-ARIA 1.0 User Agent Implementation Guide byly 20. března 2014 vydány jako Doporučení W3C (W3C Recommendation). Co to v praxi znamená a jaké výhody WAI ARIA kodérům přináší?

Co je a k čemu se hodí WAI ARIA?

WAI ARIA je nástroj, který pomáhá zlepšit sémantiku webu či webové aplikace a tím poskytnout asistivním technologiím informace, které jim HTML dát nemůže. Pomáhá tedy vyřešit problémy s přístupností všude tam, kde HTML nestačí. Vývojářům nabízí:

  • Role, pomocí nichž je možné popsat jednotlivé typy widgetů, jako jsou „menu“, „treeitem“ či „slider“.
  • Role, pomocí nichž lze popsat strukturu webové stránky – tzv. oblasti stránky.
  • Vlastnosti, pomocí nichž lze popsat, v jakém stavu se jednotlivé widgety nacházejí.
  • Způsob, jak ošetřit přístupnost z klávesnice pro jednotlivé objekty na webové stránce.

WAI ARIA například velmi snadno umožňuje zlepšit přístupnost informací o webové stránce jako celku. Pomocí tzv. oblastí stránek (landmarků) je možné přiřadit role jednotlivým částem stránky a umožnit tak uživatelům nejen velmi snadno získat přehled o tom, z jakých částí se stránka skládá, ale i se na ně velmi rychle přesunout. Oproti doposud používaným nadpisům pak mají oblasti stránek nejméně dvě výhody:

  • lze pomocí nich vyznačit celou oblast (tedy ne jen její začátek, jako je tomu v případě nadpisů).
  • Lze s nimi pracovat odděleně od nadpisů. To v praxi mimo jiné znamená, že uživateli už se při orientaci na stránce nemíchají dohromady nadpisy, které bezprostředně souvisí s hlavním sdělením stránky, a nadpisy „servisní“, které uvozují například menu, vyhledávání, atp.

Vzhledem k tomu, že nadpisy jsou stále mezi uživateli používány jako primární navigační mechanismus při pohybu po stránce a oblasti stránek nejsou ještě tak masivně používány, je vhodné tyto dva přístupy kombinovat.

V praxi to pak vypadá (a probíhá) velmi jednoduše. Pokud chceme o nějakém divu říci, že obsahuje hlavní obsah stránky, uděláme to snadno přiřazením role main. Tedy takto:

<div role=“main“>
<h1>Hlavní nadpis</h1>
Hlavní obsah stránky
</div>

Role můžeme využít nejen pro oblasti stránky, ale i pro sémantický popis jednotlivých HTML elementů. Pokud div obsahuje například seznam (listbox), můžeme díky WAI ARIA tuto skutečnost sdělit asistivní technologii (například screen readeru) a ta bude na obsah tohoto divu následně nahlížet jako na seznam.

Pomocí WAI ARIA pak můžeme u jednotlivých elementů (widgetů) popsat i to, v jakém se nacházejí stavu – tedy jestli jsou rozbaleny nebo sbaleny, zda je editační pole ve formuláři povinné, atp. Pokud stránka obsahuje nějaký dynamicky měnící se obsah, i ten lze pomocí WAI ARIA zpřístupnit.

Poslední, ale neméně důležitou oblastí, kde WAI ARIA pomáhá, je pak zlepšení přístupnosti z klávesnice. Zatímco u HTML 4.01 je možné se z klávesnice dostat pouze na odkazy a formulářové prvky, WAI ARIA rozšiřuje přístupnost z klávesnice tím, že umožňuje přiřazení vlastnosti tabindex jakémukoliv elementu.

Jak je na tom WAI ARIA s podporou v prohlížečích?

Podpora WAI ARIA je na velmi slušné úrovni jak v moderních prohlížečích, tak v asistivních technologiích, takže ani z praktického úhlu pohledu není nejmenší důvod ji nepoužívat.

Kdy použít některou z technik z WAI ARIA?

Odpověď je velmi jednoduchá – pokaždé, když nám k zajištění bezproblémové přístupnosti nedostačují prostředky, které nabízí HTML. WAI ARIA se také hodí v situacích, kdy je přístupnost řešena ex post a není již možné jednoduše zasahovat do kódu webu či aplikace. Je potřeba vyznačit jednotlivé oblasti stránky? Zpřístupnit formulářové prvky? Zlepšit přístupnost z klávesnice? K tomu všemu se WAI ARIA naprosto perfektně hodí.

K čemu se WAI ARIA nehodí?

Ke všemu, co lze udělat pomocí nativního HTML. Připomeňme si, že WAI ARIA nemění chování prohlížeče, ale jen poskytuje asistivním technologiím informace, které by jinak nemohly získat. Pokud tedy například uděláme z divu přepínač, musíme se pak postarat i o jeho přístupnost z klávesnice, reakci na stisknutý Enter/Mezerník a vůbec všechny vlastnosti, které má má mít přepínač.

Pro získání základního přehledu o tom, k čemu je možné WAI ARIA (v kombinaci s HTML5) použít, nabízím slajdy k mé loňské prezentaci, případně odkazy na další zdroje na konci tohoto článku.

>Pokud ještě WAI ARIA nepoužíváte, určitě to zkuste – většina věcí nevyžaduje zdlouhavé studium spousty materiálů a dá se implementovat prakticky okamžitě.

Komentované slajdy k prezentaci Jak může HTML5 a WAI ARIA zlepšit virtuální prostor univerzity

Související odkazy