Just a very simple presentation about accessibility

1. Accessibility
ilegra lightning talk
vanessa me tonini

2. Concepts
"The concept of digital accessibility aims to
include users with special needs in digital
information environments, focusing on
improving the interaction between subjects and
the environment in order to provide improved
quality of life. "
CUSIN, C. A. Accessibility in Digital Information Environments . 2010. 154 f. Thesis (PhD Degree in Information
Science) – Faculdade de Filosofia e Ciências, Universidade Estadual Paulista, Marília, 2010.

3. Concepts
Remember that accessibility is no longer than
an obligation. It is not charity.

4. HTML resources
New Semantic tags
main, article, aside,
section, nav, header, footer,
audio, figure, figcaption
etc...

5. HTML resources
lang attribute ( lang="en-US" )
● Assisting search engines
● Assisting speech synthesizers
● Assisting spell checkers and grammar checkers
● Helping a user agent select glyph variants for high
quality typography
● Helping a user agent choose a set of quotation marks
● Helping a user agent make decisions about hyphenation,
ligatures, and spacing

6. CSS resources
Improving the information with:
● Spacing, alignment, and positioning
● Provides precise control over font size, color,
and style.
● Aural style sheets
● Access to alternative content
● CSS Speech Module

7. JS resources
● Keypress event
● KeyCode
Quick example:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).bind("keypress", function(event){
alert(event.keyCode);
});
</script>

8. Guidelines
Web Content Accessibility Guidelines(WCAG)
Web Accessibility Initiative(WAI)
Accessible Rich Internet Applications (ARIA)

9. Tools
NVDA (for windows)
Voice Over (Mac OS)
Tawdis (accessibility markup validator)

10. Resources
http://www.w3.org/TR/CSS-access
http://www.w3.org/TR/css3-speech/
http://www.w3.org/TR/WCAG10-HTML-TECHS/
http://www.w3.org/TR/WCAG10/
http://www.nvda-project.org