Archiv štítku: WebExpo 2017

Přístupnost a inkluzivní design na WebExpo 2017

Když jsem se v roce 2014 loučil v článku Jaké bylo WebExpo 2014 pohledem speakera a vystavovatele větou Za rok na WebExpu zase ahoj, tak jsem ještě netušil, že ten rok bude trvat „trochu“ déle. Po dvouleté, zdravotními obtížemi vynucené pauze, jsem se na WebExpo vydal až letos. A stejně jako na všech předchozích ročnících, kterých jsem se zúčastnil, i letos jsem nabídl do programu příspěvek, související s přístupností a inkluzivním designem.

A ani tentokrát jsem na to nebyl sám. Společně s Martinem Míchálkem ze Vzhůru dolů jsme připravili čtyřicetiminutový blok, věnovaný právě této tématice. Martinovi bych rád při této příležitosti moc poděkoval za skvělou spolupráci i za to, že se této tématice v rámci svých aktivit věnuje.

O čem to bylo?

Já svou část pojal spíše motivačně (co si budeme nalhávat, přístupnost i přes veškerou snahu a osvětu stále pro mnoho lidí není atraktivní téma) a na konkrétních příkladech velkých webů jsem se snažil ukázat, že přístupnost je pro ně aktrativní, provozovatele po finanční stránce nezruinuje a dává smysl se jí věnovat, protože přístupný web se lépe používá nejen uživatelům se zdravotním postižením.

Poděkování za spolupráci a poskytnutí informací, bez kterých by moje přednáška nemohla vzniknout, míří tvůrcům či provozovatelům následujících webů: cd.cz, irozhlas.cz, Monster.com, muni.cz, Seznam.cz a volby.cz.

Martin svou přednášku zacílil primárně na kodéry. Ukázal jim několik správně nakódovaných návrhových vzorů – strukturování stránky, tlačítka, schovávání obsahu, klávesnice či našeptávač a také to, jak přístupnost webu testovat.

Aktualizace 5. 10. 2017 – videa z WebExpo 2017 už jsou venku, najdete je pod odkazy/nadpisy níže.

Jak a proč řeší velké weby přístupnost

Anotace přednášky

Přístupnost se stále více začíná dostávat do popředí zájmu i provozovatelů a tvůrců velkých webů. Co je k tomu vede? Potřeby a zpětná vazba uživatelů? Altruismus? Připravovaná evropská legislativa? Nebo všechno dohromady? Na konkrétních příkladech (irozhlas.cz, volby.cz a některých dalších) si ukážeme, jak při zpřístupnění velkých webů postupovat, na co si dát pozor a na co naopak nezapomenout.

Komentované slajdy

Jak a proč řeší velké weby přístupnost od Radka Pavlíčka

Přístupnost v kódu: ukázky a návrhové vzory

Anotace přednášky

Podíváme se na časté chyby, které kodéři a designéři sekají jako slepý Baťa cvičky. Pak si ukážeme pár jednoduchých tipů, jak bez velké námahy pomoci nevidomým uživatelům vašich webů. A hlavně se podíváme na několik správně nakódovaných návrhových vzorů. Víte jak navrhout například přístupný našeptávač?

Komentované slajdy

WebExpo 2017 – Přístupnost v kódu: ukázky a návrhové vzory od Martina Michálka

Co nás potěšilo

Velký zájem účastníků o tuto tématiku

Pozitivní zpětná vazba

Děkujeme!

Nebyli jsme na to sami 🙂

Na WebExpo jsme nebyli jediní, kdo se tématikou přístupnosti zabýval. Ať už nechtěně – jako třeba Honza Řezáč…

…nebo cíleně – například Emanuela Damiani.

Poděkování závěrem

Kromě Martina a „mých“ respondentů si poděkování určitě zaslouží Šárka Štrossová nejen za poskytnutí prostoru v programu této tématice a Pavlína Louženská za skvělé moderování programu v Divadle ABC.

Tak zase někdy příště ahoj. A ještě jednou děkujeme za zájem 🙂

Interview with Sagit Siegal about UX and accessibility before WebExpo 2017

Sagit Siegal will be one of the speakers at WebExpo 2017. Her talk is titled What Language Does Your Product Really Speak? and will be about the impact on performance when the user interface is not in the user’s native language.

I used this opportunity and asked her a few questions about this topic.

Radek: Sagit, you have been practicing UX for over 18 years and now you are the Platform UX Team Leader at Thomson Reuters. You work with teams across the globe and takes them through the whole UX process – from research to mock-ups through testing to final beautiful designed products. It is also said that you manage to combine GUI and web design skill with a humane approach that ensures a sleek look & feel as well as high usability to websites, applications or media.

Is there anything else what readers of my blog should know about you?

Sagit: On top of my formal education I am also an animator. I learned it in art school when hand drawn animation was still the preferred technology. Till this day I am passionate about art and animation.

I take advantage of this in my professional life and all the illustrations in my presentations are hand drawn by me. No problems with copyrights 🙂

I also use illustration as a way of clearing my thoughts. If I really need to think something through – I sketch it or illustrate it.

Radek: Reading the abstract of your talk, you also do some research. What is the result of your research that surprised you the most?

Sagit: I would not call it research – as I am not a scientist – I am a UX professional. My team’s conclusions are based on observations we do in usability tests. We have almost 200 of these in the last two years.

The biggest conclusion we came to is that some things cannot be simply explained just by looking at a table or graph of results. There are issues that are derived from mental models and cultural backgrounds that lay beyond the simple test results. If a UX expert does not consider this – they may miss out on the right way to fix an issue. For example – users may not understand a term in a website just because it is slang or culturally related to the creator’s own country. In test results, we will see that users failed to use this feature, but we will not know WHY. For this, we need to know how to ask the right questions. This means we need to be aware of the cultural and linguistic background and keep that in mind. It is not always easy since we tend to blame the “usual suspects” like UX, design or layout and ignore other aspects.

Radek: Imagine that the user interface of my website is in English only and I have many users/customers for whom English is not the mother tongue. How can I provide them the best user experience? Isn’t it better to provide the Czech version for them?

Sagit: The simple answer is yes. If you can provide a local version (Czech for example) that is the best thing to do. And when doing so – it is best to have an expert in the field translate it for you (and not just leave it to Google Translate). But a lot of sites do not have the funding for this or have a very diverse audience coming from different countries. In that case in Thomson Reuters we use what we call User Friendly English. This is the English that is learned in schools all over the world – no slang or cultural related terms, with a minimum of abbreviations and acronyms.

And of course – always test the language on real users. You will be surprised at what you will observe.

Radek: My professional background is web accessibility and inclusive design. The topic of your talk reminds me many deaf users who face this situation every day since their native language is the sign language. Is your research somehow focused also on this target group? Or do you have any recommendation how to improve accessibility and user experience of that target group?

Sagit: I am afraid we still did not get to that topic. My best recommendation is aiming at interfaces with minimum copy. The less users need to read and the more intuitive the UX – the better. That is hard to achieve and demands a lot of testing – but is doable.

Radek: Another target group, than might be affected by incomprehensibility of the user interface, is the group of the blind users (surfing the web with the screen reader is totally different experience). Do you have any tips relevant in particular for that target group?

Sagit: Always aim to have your code clean and clear so screen readers will be able to read it.

When creating forms add inline or hint text in the mandatory fields to help screen readers detect them. Make sure the order of items in the form is organized in a way that is readable to screen readers – and that includes form validation in case of errors.

As a side note – my team maintains a small list of employees inside our R&D center who are color blind. Some have problems identifying red/orange, others have problems with blue hues. That way we also guerilla test our colors with them. They love that – it’s a nice distraction from their everyday work.

Radek: And the last question – have you ever been to Prague? Are you looking forward to anything in particular?

Sagit: I have been in Prague 14 years ago and it was a wonderful experience. I discovered the amazing modern art museum there and fell in love with this specific painting by Frantisek Kupka – The Path of Silence. I am looking forward to new discoveries 🙂

And of course – can’t wait to attend WebExpo – it looks like there are some fantastic talks there. Can’t wait to hear them.

Thank you very much for the interview and I am looking forward to your talk at WebExpo 2017!

For those who would like to join Sagit and other amazing speakers there is a code „sagit“ for 10 % off. Buy the ticket & enjoy the conference 🙂.