Poslepu.cz na novém URL

Od ledna 2014 najdete blog na adrese poslepu.cz.

Zobrazují se příspěvky se štítkemwai-aria. Zobrazit všechny příspěvky
Zobrazují se příspěvky se štítkemwai-aria. Zobrazit všechny příspěvky

středa 20. února 2013

My presentations at Universal Learning Design Conference 2013

Universal Learning Design Conference 2013 was held in Brno last week and because I was there, here is a brief summary of what I did there. Conference provided an opportunity for a practical presentation of the universal design in tertiary education and a possibility to share experience with professionals who take care of the practical matters and thus technologically, organizationally, legally, linguistically, psychologically or pedagogically provide for the accessibility of the tertiary education.

I had two presentantions at the conference - the first one was a short talk on our proposals how to ensure accessibility of study materials, published at Masaryk University, the second one was a workshop on benefits of using HTML5 and WAI-ARIA to improve the accessibility of webpages.

How To Ensure Accessibility Of Documents, Published At Masaryk University

Although the vast majority of university students with special needs in the Czech Republic are students of Masaryk University, it is true that study materials are almost exclusively created and published with respect to the needs and preferences of students without special needs and without universal learning design principles. Changes, leading to the document accessibility, are often made only with an intuition and empathy and reflect only needs of particular student. Although this approach is quite common and authors consider it to be sufficient (and for the one particular moment of course it is), inclusion of accessibility principles in authoring process could bring much more benefits to all readers.

Our mission is to change this state and prepare a conception of complex universal learning design environment, in which following goals are reached according to the general standards and regardless this or that specific kind of accessibility is currently required.

Resources, in which study materials are published, and ways, how they are created, are very heterogeneous. Files are published in different formats (docs, xls, ppt, html, audio/video recordings), their technical quality varies and quite often they are full of (inaccessible) graphic objects.

The Support Centre for Students with Special Needs (Teiresias Centre) provides services for all students of Masaryk University with sensory and other disabilities. Its mission is to guarantee accessibility of all study programmes at Masaryk University.

Nowadays we quite often face issues connected with documents inaccessibility and although employees of Teiresias Centre very often moderate its impacts and we are able to prepare materials, meeting the accessibility requirements, there is still a lot what should be done to ensure better accessibility of study materials in general and make the preparation easier.

Current state is strongly influenced by a lot of factors – we focused mainly on human, legal and technical - you can see them on the slides.

Even though topic of accessibility of study materials is extremely wide, permanently influenced by a lot of factors and very often it´s not possible to find a simple way, how to ensure accessibility of study materials in general, some ways are quite easy to implement. And because they are already tested and used abroad (e.g. university web portal, concerning accessibility), there is no reason to start right with them.

How HTML5 and WAI-ARIA Can Improve Virtual Space of Universities

HTML5 and WAI-ARIA guidelines bring a lot of new ways and means how to create websites more accessible also to users with special needs. Although both of them are work in progress, it´s already possible to use some new functionalities which they bring to improve accessibility of websites.

Universities nowadays publish a lot of information by means of HTML and related technologies (CSS, Javascript, etc.). It includes their websites, study materials, registration forms or online tests. Although by these means it is possible to create an accessible HTML document, due to their limitations it is quite often necessary to use some workaround to ensure accessibility.

In this workshop, by way of practical examples, I presented some new features which these standards have and how they can help to increase the accessibility of universities websites. For example defining regions of the HTML document by WAI-ARIA landmarks allows defining not only the particular spots on the webpage, but the whole areas. Big advantage of this approach is that user knows, where is the beginning and where the end of the concrete region.

Although HTML5 is not yet an official standard and no browsers have full HTML5 support, all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) are still adding support of new HTML5 features to their latest versions. The same – or maybe even better – situation is with a support of WAI-ARIA. This standard is widely supported in all major browsers and can be now easily used to improve quality of published content. So, there is absolutely no reason not to do it and you can only profit from using WAI-ARIA on your website.

Photos

I also took some snapshots at the conference. If you want, you can see them on my Flickr Account.

Universal Learning Design Conference 2013 on Flickr

sobota 16. února 2013

Praktické příklady implementace WAI-ARIA

Pravidelným čtenářům mého blogu jistě není metodika WAI-ARIA neznámá.

Ve čtvrtek jsem na konferenci ULD 2013 měl o přístupnosti HTML5 a WAI-ARIA workshop (ještě o něm napíšu), na které mně jeden z účastníků doporučil stránku s praktickými příklady, kterou jsem doposud neznal. Stránka se jmenuje velmi jednoduše - ARIA Examples - a je na ní spousta příkladů, ke kterým jsou k dispozici i zdrojové kódy. U některých příkladů je také možné měnit jednotlivé hodnoty a sledovat, jak se změny projeví na výsledku.

Pokud byste si je chtěli vyzkoušet v praxi, tak je třeba použít prohlížeč a screen reader, které specifikaci WAI-ARIA podporují. Osobně doporučuji kombinaci Mozilla Firefox a screen reader JAWS.

pátek 21. prosince 2012

Proč bych nerad, aby strukturální HTML5 elementy skončily v propadlišti dějin

K sepsání tohoto příspěvku mě inspiroval skvělý článek Martina Michálka HTML5 strukturální elementy stojí za starou bačkoru. S Martinovým názorem souhlasím, dnes opravdu nemá smysl strukturální HTML5 elementy používat, protože jejich podpora je momentálně nijaká a uživatelům nic nepřináší.

Pokud chceme obsah stránek strukturovat kvůli uživatelům (a přístupnosti), můžeme kromě již snad dostatečně dobře známé techniky viditelných i skrytých nadpisů použít i atribut role z WAI-ARIA. Ten má dostatečnou podporu v prohlížečích i asistivních technologiích a uživatelé tak mohou při jeho použití využívat všech výhod, které jim správně strukturovaná stránka přináší. Tomuto přístupu hraje do karet i to, že WAI-ARIA je dnes součástí HTML5 a lze na ni v případě potřeby odkázat.

Takže to máme vyřešeno a můžeme skončit. Nebo ne? Ne, nemůžeme, protože si myslím, že by strukturování pomocí HTML5 elementů bylo lepší.

V čem vidím výhodu strukturálních HTML5 elementů oproti rolím z WAI-ARIA?

Rozdíl nevidím v technické stránce věci (z hlediska složitosti/jednoduchosti zápisu to vychází +/- stejně), ale spíš v koncepci a v lepším začlenění přístupnosti do tvorby webu.

Při stávajícím řešení přes WAI-ARIA (proti které mimochodem nic nemám a naopak ji propaguji, kudy chodím) je přístupnost vyčleněna nad rámec standardního vývojového cyklu webu. Obvyklá praxe je stále taková, že kodér běžnými postupy vytvoří šablony a teprve pak se stará o přístupnost. Pokud se tedy o ni vůbec stará. A když ano, tak je přístupnost v tomto případě často brána jako "vícepráce", kvůli které si kodér navíc ještě musí doplnit vzdělání a nastudovat další specifikaci. Což jsou věci, které dle mého názoru chuť dělat něco pro přístupnost dost výrazně snižují.

Pokud by se ale místo rolí z WAI-ARIA ujaly HTML5 elementy a měly by dostatečnou podporu na straně prohlížečů i asistivních technologií, myslím, že by to pro uživatele, přístupnost i kodéry bylo lepší. Kodéři by totiž tyto elementy při psaní kódu používali naprosto samozřejmě a nezávisle na tom, jestli pro přístupnost něco chtějí nebo nechtějí dělat. Podobně, jako dnes zcela běžně používají jiné HTML elementy. Přístupnost by se tak stala součástí jejich běžných pracovních postupů bez jakékoliv vícepráce či vícenákladů na vzdělávání a nebyla by vyčleněna mimo běžné pracovní postupy. A přesně to je důvod, proč bych byl osobně raději, kdyby se spíše než role z WAI-ARIA ujaly HTML5 elementy.

Jsem si samozřejmě vědom toho, že ani dnes všichni nepoužívají například pro nadpisy elementy h1 až h6, ale tvoří si místo nich vlastní konstrukce typu <div class="nadpis1">. I tak mi ale přijde snazší v takovém případě dotyčnému vysvětlit, že pro nadpisy máme přímo určené elementy, než ho odkazovat na nastudování si další specifikace.

Nebo se mýlím a je jedno, jestli se kodér učí WAI-ARIA nebo HTML5 elementy? A ty jsou tedy zbytečné, když už je tady WAI-ARIA?

Ale ať už to ve finále dopadne tak nebo onak, nejdůležitější je, že budeme mít nástroj přímo určený pro definování sémantiky jednotlivých oblastí stránky a nebudeme pro to muset používat nějaké workaroundy jako nyní.

Související odkazy