Accessibility: Aria Attributes

Posted by John Durance
20 Jul, 2015
Complex widgets – like a carousel – create more engaging and user-friendly interfaces. They're great for users who have good vision, but not always so...
Read More >

Accessibility: Adding Semantics

Posted by John Durance
13 Jul, 2015
A problem that screen readers often face is drawing sufficient semantic meaning from a document.
Read More >

Accessibility: Describing Images and Forms

Posted by John Durance
07 Jul, 2015
The alt attribute is set on the img element; it specifies alternative information for users who cannot see an image. All images should have one. If an...
Read More >

Accessibility: Adding Key Handlers

Posted by John Durance
22 Jun, 2015
For complex widgets, which are unable to use semantic markup, it's a good idea to add key handlers so that users can interact with them via the keyboa...
Read More >

Accessibility: Creating a Logical Dom

Posted by John Durance
15 Jun, 2015
The Document Object Model (DOM) is an API for HTML and XML documents. It defines these documents as tree structures, which can be accessed and manipul...
Read More >

Accessibility: Keyboard Interaction, Special Keys and Shortcuts

Posted by John Durance
08 Jun, 2015
On a web page/application, the 'special' keys – Tab, Space, Esc etc. – can perform generic keyboard interactions. They move the focus to the next or p...
Read More >

Accessibility: Aural Interaction and Screen Readers

Posted by John Durance
01 Jun, 2015
A visual interface expresses information about the state of a web page, or application, through a visual language. For example, links are a different ...
Read More >

Accessibility: Why Create Accessible Websites?

Posted by John Durance
25 May, 2015
If you think about it, we interact with our desktop computers mostly with our hands and our eyes. Our hands are on the keyboard or mouse; our eyes are...
Read More >

Accessibility: Managing Focus

Posted by John Durance
07 Feb, 2015
For keyboard-only users you can think of focus as their cursor. Focus is moved forwards with the Tab key, backwards with Shift-Tab, and it can jump to...
Read More >

GET OUR NEWSLETTER