Functional Accessibility Evaluation of Web 2.0 Applications

Presented at ATIA 2009 Conference in Orlando, FL

Jon Gunderson, Ph.D.

E-mail: jongund@illinois.edu

Division of Disability Resources and Education Services

College of Applied Health Sciences

University of Illinois

What makes a web site web 2.0 or a web application?

IT Accessibility Initiative at Illinois

Web 2.0 Examples at Illinois

HTML Best Practices

Tools for Testing Best Practices

Navigation and Orientation

Keyboard

Web 2.0 Widgets and Dynamic Content

Problems in Evaluating Widgets in Web 2.0 Applications

Accessible Rich Internet Applications (ARIA)

ARIA Implementation

Browsers

Assistive Technologies

Web Developers

ARIA Resources

Checkbox Example: Inaccessible

Standard Checkbox

Web 2.0 Checkbox

I like ice cream

Source Code


          
           
       

Checkbox Example: Adding Tab Support

Standard Checkbox

Web 2.0 Checkbox

I like ice cream

Source Code


          
           
       
       

Checkbox Example: Adding Keyboard Support

Standard Checkbox

Web 2.0 Checkbox

I like ice cream

Source Code


          
           
          
       

Checkbox Example: Telling assistive technologies that this is a checkbox

Standard Checkbox

Web 2.0 Checkbox

I like ice cream

Source Code


          
           
          
       

Checkbox Example: Changing the checkbox label using aria-labelledby property

Standard Checkbox

I like ice cream

Web 2.0 Checkbox

I like ice cream

Source Code


          
          
          
       

Validation Feedback Example

 

Source Code


          
           
          
       

Questions?