A couple of articles on accessibility

http://a11ywins.tumblr.com/ lists user contributed sites that are good for accessibility or have made significant improvements. There’s usually a reasonable technical overview of the technologies used. It highlights the efforts that other companies/developers are making, which is useful to spur us on to do better and to help provide justifications to our business owners for why this is important. http://simplyaccessible.com/article/spangular-accessibility/ a really helpful demo site with explainations on how to make an angularjs application accessible. The code from the demo application would be a good starting point when creating your own angularjs application.

April 10, 2015 · 1 min

Catching up on accessibility techniques

Concern over whether my modal dialogs are accessible led on this series of articles: A great starting point if you don’t know why your sites should be accessible: http://alistapart.com/article/reframing-accessibility-for-the-web https://www.marcozehe.de/2015/02/05/advanced-aria-tip-2-accessible-modal-dialogs/ http://accessibility.oit.ncsu.edu/training/aria/modal-window/version-2/ http://www.paciellogroup.com/blog/2014/09/web-components-punch-list/ The very dry formal stuff http://www.w3.org/TR/wai-aria/ Some examples http://www.w3.org/WAI/PF/aria-practices/#aria_ex These link to real examples e.g. http://www.oaa-accessibility.org/examplep/grid1/ http://www.paciellogroup.com/resources/ http://www.paciellogroup.com/blog/2015/01/the-browser-accessibility-tree/ http://www.paciellogroup.com/blog/2014/12/using-aria-describedby-to-provide-helpful-form-hints/ http://www.paciellogroup.com/blog/2014/08/using-the-tabindex-attribute/ Screen readers http://webaim.org/projects/screenreadersurvey5/ Free screen reader http://www.nvaccess.org/ (donate if you can) You can change the voice from the notifications area and Preferences > Synthesizer

February 9, 2015 · 1 min