Moving Accessibility

Must Read

Will There Be A Business “Black Friday”?

In the retail world, "Black Friday" has become something of an American institution, opening the floodgates to what shops...

Your Auto Insurance and a California DUI

According information given by the California Department of Motor Vehicles, as of January 1, 2007, if you request an...

Consolidating Student Loans – What You Must Know to Consolidate Correctly!

So, congratulations you have graduated and now you get to work for an entry level salary and start paying...

Many of the new elements in HTML5 help you more accurately describe your content. This becomes more important when other programs start interpreting your code. For example, some people use software called screen readers to translate the graphical contents of the screen to text that’s read aloud. Screen readers work by interpreting the text on the screen and the corresponding markup to identify links, images, and other elements. Screen readers have made amazing advances, but they are always lagging behind the current trends. Live regions on pages, where polling or Ajax requests alter content on the page, are difficult to detect. More complex pages can be difficult to navigate because of the screen reader needing to read a lot of the content aloud.

Accessibility for Rich Internet Applications (WLA-ARIA)1 is a specification that provides ways to improve the accessibility of websites, especially web applications. It is especially useful if you are developing applications with JavaScript controls and Ajax. Some parts of the WIAARIA
specification have been rolled into HTML5, while others remain separate and can complement the HTML5 specification. Many screen readers are already using features of the WIA_ARIA specification, including JAWS, WindowEyes, and even Apple’s built-in VoiceOver feature. WIA-ARIA also introduces additional markup that assistive technology can use as hints for discovering regions that are updatable.

In this chapter, we’ll see how HTML5 can improve the experience of your visitors who use these assistive devices. Most importantly, the techniques in this chapter require no fallback support, because many screen readers are already able to take advantage of these techniques right now.

These techniques include:

The role attribute [<div role=”document”>]
Identifies responsibility of an element to screen readers. [C3, F3.6,S4, IE8, 09.6]

aria-live [<div aria-live=”polite”>]
Identifies a region that updates automatically, possibly by Ajax.
[F3.6 (Windows), S4, IE8]

aria-atomic [<div aria-live=”polite” aria-atomic=”true”>]
Identifies whether the entire content of a live region should be read
or just the elements that changed. [F3.6 (Windows), S4, IE8]

Latest News

Top 10 Provinces of Thailand Not to be missed for Travel

10 SuratthaniThe source of the proverbial Chaiya salted egg. Surat Thani is a province with many attractions,...

Underlight As Accent, For Power and The Main Light for Photography

Underlighting, in which fill or accent light comes from under the topic, is not widely used technique in the traditional Portraits, even though it will have...

How To Fix Overexposure As A Creative Tool, The Complete Guide

As an creative tool, overexposure is sort of underrated. What I’m close to propose could be a deliberate and well thought out technique for...

7D Mark II is Canon’s best DSLR cameras without full-frame sensor.

The expected long-awaited Canon EOS 7D Mark II are shipping in November for $ 1,799 without a lens. With a higher price tag, you...

Low key photography and How to isolate your subject.

Low key photography doesn’t depend on underexposure to make its point; the key to low key is that the majority of tones, even correctly...

More Articles Like This