Accessible UX

A presentation at pitercss conf in in St Petersburg, Russia by Manuel Matuzovic

What is the first thing that comes to your mind when you think about web accessibility? Maybe optimising a website in a way that it’s easier to use with assistive technology like screen readers? Of course, that’s one part, but accessibility is more than that. Accessibility is about making websites and web apps easier to understand and use for everyone. With better accessibility comes better usability and user experience. This talk aims to demystify web accessibility and provide you with simple and practical takeaways, which you can easily incorporate in your workflow today. You are going to get a better understanding of how other people surf the web and find out how to make your web projects more inclusive and improve the usability and user experience at the same time.

Resources

The following resources were mentioned during the presentation or are useful additional information.

  • Links

    UI Events API https://hacks.mozilla.org/2017/03/internationalize-your-keyboard-controls/ https://codepen.io/matuzo/pen/PmgWRm?editors=0010 https://caniuse.com/#feat=keyboardevent-code https://caniuse.com/#feat=keyboardevent-key

    Semantics and focus: https://codepen.io/matuzo/pen/QvNJOW?editors=1100 https://codepen.io/matuzo/pen/EmKrZq?editors=1100 http://codepen.io/matuzo/pen/YVqRaj?editors=1010 https://codepen.io/matuzo/pen/xgwxNw https://codepen.io/matuzo/pen/YNyPMj https://codepen.io/matuzo/pen/BpQreX https://codepen.io/matuzo/pen/pRNVJN https://codepen.io/matuzo/pen/GrNdvK https://allyjs.io/data-tables/focusable.html https://codepen.io/matuzo/pen/awdevz https://codepen.io/matuzo/pen/LLGKmP

    Lang attribute https://www.youtube.com/watch?v=ox5QVbZSPBk https://adrianroselli.com/2015/01/on-use-of-lang-attribute.html

    Microsoft Inclusive Design https://download.microsoft.com/download/B/0/D/B0D4BF87-09CE-4417-8F28-D60703D672ED/INCLUSIVE_TOOLKIT_MANUAL_FINAL.pdf

    Medium articles https://medium.com/alistapart/writing-html-with-accessibility-in-mind-a62026493412 https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9