13.02.2013 Views

WEB STANDARDS CREATIVITY

WEB STANDARDS CREATIVITY

WEB STANDARDS CREATIVITY

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

260<br />

There may be unforeseen consequences for an invalid value, and manipulating the DOM to include a tabindex value on<br />

nodes where it is not a valid attribute seems a bit hackish. We’re really using JavaScript only to camouflage the fact that<br />

we’re doing something that is invalid per the HTML specification.<br />

Conclusion<br />

The -1 tabindex strategy seems to have support within the industry. The Web Hypertext Application Technology<br />

Working Group (WHAT WG, www.whatwg.org), a group that is composed of web browser vendors and<br />

other interested parties, is working on producing HTML5. In that specification, tabindex is an attribute that<br />

will be allowed for any element, and will allow negative tabindex values.<br />

Is this the ultimate accessible solution? Maybe and maybe not. What we do know is that we’ve done our best to ensure we<br />

have a baseline of interoperability and accessibility in the solution by doing the following:<br />

Providing content and core functionality through simple HTML code<br />

Ensuring that we use unobtrusive scripting<br />

Ensuring our fonts are scalable and use both foreground and background colors together<br />

Using CSS in creative ways to modify the way things appear while maintaining a logical, semantic structure<br />

Using JavaScript such that we use links and hrefs to our advantage to lead a keyboard user or screen reader user<br />

through the page<br />

We have done basic testing that allows us to address many of the issues a person with a disability will face when using this<br />

solution. Additional testing will tell you for sure whether or not this solution is usable and useful to all users with all levels<br />

of ability. It is imperative that you do your own accessibility testing with real users.<br />

Try the techniques demonstrated here on your websites. This chapter has given you enough information to get started with<br />

your own accessible JavaScript solutions.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!