Archive for February, 2012
HTML5 Accessibility: aria-hidden and role=”presentation”
Posted by John in HTML5, Web Accessibility on February 20, 2012
It’s a common design pattern, seen multiple times a day: a thumbnail image and Headline, both linked to the same URL. We’ve seen this pattern for so long now that most sighted users know, instinctively, that clicking on either the thumbnail or the Headline takes them to the same location. However the code developers use to achieve this is a bit of a mess, and for non-sighted users or keyboard-only users, the User Experience (UX) leaves a lot to be desired: duplicate links announced for each article, and excessive tabbing through the content. It would appear that either aria-hidden="true" or role="presentation" should be able to help out here.
Guideline for Ensuring Accessibility Success
Posted by John in Web Accessibility on February 8, 2012
I originally wrote this a couple of years ago, and decided that I should now share it more widely. I have edited the original to better reflect a wider audience.
![[Photo: John Foliot, web accessibility specialist]](http://john.foliot.ca/wp-content/uploads/2011/02/sxsw2011_150_200.jpg)
![HTML5 [Icon: Manditory HTML5 Logo]](http://john.foliot.ca/wp-content/uploads/2011/02/HTML5_Logo_64.png)

