Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ARIA: A bridge to greater accessibility

ARIA is an HTML spec that was introduced by the Web Accessibility Initiative (WAI) to make Web content and Web applications more accessible to people with disabilities.

  • Login to see the comments

  • Be the first to like this

ARIA: A bridge to greater accessibility

  1. 1. ccessible ich nternet pplications A
 R
 I
 A
  2. 2. a·ri·a /ˈärēə/ HTML attributes introduced by the Web Accessibility Initiative (WAI) to make Web content and Web applications more accessible to people with disabilities. What is ARIA?
  3. 3. HTML (1990) JavaScript (1995) Wide variety of dynamic content ARIA (2014) An information gap in HTML markup Accessibility API (1997)
  4. 4. v <div class="progress-bar"></div> Progress bar without ARIA
  5. 5. Progress bar with ARIA <div class=“progress-bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
  6. 6. <div role="alert" aria-live="assertive"> <p>The HighEdWeb lightning talks are in progress.</p> </div> Alerts and live updates with ARIA
  7. 7. Where else can ARIA step in? Collapsibles Drop down menus Calendars Pop ups Sliders Drag and drop
  8. 8. Semantic 
 HTML + JavaScript Dynamic, accessible content ARIA + Accessibility API
  9. 9. bamadesigner.com/what-is-aria
  10. 10. For WPCampus:
 wpcampus.org
 @wpcampusorg 
 For everything else:
 Freelance software engineer
 bamadesigner.com
 @bamadesigner How to reach me

×