Accessibility
 ilegra lightning talk
   vanessa me tonini
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.
Concepts



Remember that accessibility is no longer than
     an obligation. It is not charity.
HTML resources
New Semantic tags

  main, article, aside,
section, nav, header, footer,
audio, figure, figcaption
etc...
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
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
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>
Guidelines

Web Content Accessibility Guidelines(WCAG)

Web Accessibility Initiative(WAI)

Accessible Rich Internet Applications (ARIA)
Tools

NVDA (for windows)

Voice Over (Mac OS)

Tawdis (accessibility markup validator)
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

Accessibility lightning talk