Code things

Flexbox & the keyboard navigation disconnect

CSS Flexbox can create a disconnect between the DOM order and visual presentation of content, causing keyboard navigation to break. For this reason, the CSS Flexible Box Layout module warns against resequencing content logic, but asking authors not to use flexbox in this way seems illogical in itself.

Using the aria-owns attribute

When a parent/child relationship is evident on-screen, but it isn’t represented in the DOM, the aria-owns attribute can be used to establish that relationship in the accessibility layer.

Using the Web Speech API to simulate CSS Speech support

The CSS Speech properties are intended to give content aural style, in the same way other CSS properties give content visual style. The CSS Speech module is unsupported by browsers, but the Web Speech API can be used to demonstrate something of the way CSS Speech might work in practice.

Time to revisit accesskey?

Many websites provide keyboard shortcuts for common tasks. Keyboard shortcuts are useful things to have, but the way in which they’re provided is often problematic for Windows screen reader users.

Accessibility support for CSS generated content

The CSS before/after pseudo-selectors can be used to insert content into a page. In some situations this technique is a useful thing to do, but how do browsers and screen readers handle the generated content?

Using Schema.org with Microdata

Search engines have ways of extracting meaning from content, but they’re prone to error because information on the webb can be presented in so many different ways. Marking up information so it’s easier for search engines to index is a good thing to do, and thanks to the vocabularies available from schema.org it’s also very […]