Learn how to describe Web content for people with disabilities using WAI-ARIA & provide a rich experience with HTML5 Microdata.
What You Will Learn
- describe Web content for people with disabilities using WAI-ARIA
- enhance search engine optimization
- provide a richer browsing experience with HTML5 Microdata
Prerequisites
An understanding of HTML is suggested.
Course Outline
WAI-ARIA
- what is ARIA and how is it used?
- how is ARIA accomplished?
- accessibility problems with scripting
- when can ARIA be used?
The ARIA roles model
- understanding landmark roles
- understanding document structure roles
- understanding widget roles
ARIA states and properties
- defining states and properties with widget attributes
- defining content changes with live region attributes
- defining drag and drop interface elements
- defining information relationships
HTML microdata
- what is microdata and how is it used?
- why should we add microdata?
- when should we add microdata?
Basic microdata syntax
- the itemscope, itemprop and itemtype attributes
- applying multiple properties
Understanding the schema or vocabulary
- describe an organization or business
- describe a person or contact
- describe event details
- describe product information
Microdata tools
- schema creator
- the Microdatagenerator
- Google’s Rich Snippet Tester
