Pro HTML5 Accessibility helps designers come to grips with building exciting, accessible and usable web sites and applications with HTML5. The book covers how to use HTML5 in order to serve the needs of people with disabilities and older persons using assistive technology (AT). It aims to be a useful 'go-to' guide, providing practical advice. It takes several approaches, including a look at the new semantics of HTML5 and how to combine its use with authoring practices you know from using earlier versions of HTML. It also demonstrates how HTML5 content is currently supported (or not) by assistive technologies such as screen readers, and what this means practically for accessibility in your web projects.
The HTML5 specification is huge, with new APIs and patterns that can be difficult to understand. Accessibility can also seem complex and nuanced if you have no experience interacting with people with disabilities. This book walks you though the process of designing exciting user interfaces that can potentially be used by everyone, regardless of ability. Accessibility is really a quality design issue, and getting it right is often more a matter of approach than having sophisticated, cutting-edge tools at your disposal.
This book will be your companion in your journey to understand both HTML5 and accessibility, as the author has many years of experience as a designer and web developer working directly with people with all types of disabilities. He has been involved with the development of HTML5 from an accessibility perspective for many years, as a member of the W3C WAI Protocols and Formats working group (which is responsible for ensuring W3C specifications are serving the needs of people with disabilities) as well as the HTML5 Working Group itself.
Introduces the new HTML5 specification from an accessibility perspective
Shows how incorporating accessibility into your interfaces using HTML5 can have benefits for all users
Explains how HTML5 is currently supported by assistive technologies like screen readers, and how to work around these limitations when developing
What you'll learn
Gain an overview of assistive technologies and how they work with web content, as well as how to approach accessibility in your design projects
Learn how HTML5 differs from HTML4 and earlier
Understand how to practically apply HTML5 to your web projects in order to design accessible content.
See what works and what doesn't
Learn the new semantics and structures within HTML5, and how to use them to build more accessible websites and applications
See which HTML5 elements and attributes are supported by browsers and assistive technologies, and what this means for the user experience of people with disabilities
Understand which parts of HTML5 are not well supported by browsers and assistive technology
Get a snapshot of current support, its limitations, and how to design and code in a way that will support older assistive technologies and browsers as well as more feature-rich, newer technologies
Who this book is for
Table of Contents
- Contents at a Glance
- About the Author
- About the Technical Reviewer
Chapter 1: Introduction to HTML5 Accessibility
- Introduction to HTML5: The New Wave
- New Elements
- HTML5: Accessibility and Feature Detection
- Dealing with Change and Diversity
- What Are the Benefits of Accessibility?
- Accessibility Should Enhance Your Design—Not Destroy It
- WCAG 2.0 and HTML5
- The Challenge of HTML5 Accessibility
- Chapter 2: Understanding Disability and Assistive Technology
- Chapter 4: API and DOM
- Chapter 5: HTML5: The New Semantics and New Approaches to Document Markup
- Chapter 6: Images, Rich Media, Audio, and Video in HTML5
- Chapter 7: HTML5 and Accessible Data Tables
- Chapter 8: HTML5 and Accessible Forms
Chapter 9: HTML5, Usability, and User-Centered Design
- What Is Usability?
- Universal Design
- Participatory Design
- Focus Group Research
- The Cognitive Walkthrough
- Expert Evaluations
- Expert Accessibility Audits
- Using Personas
- Field Studies
- Traditional Usability Testing
- User Testing with People with Disabilities
- So What's the Best Method for Me to Assess My HTML5 Project?
- Is Usability the New Economics?
- Chapter 10: Tools, Tips, and Tricks: Assessing Your Accessible HTML5 Project
APPENDIX A: WCAG 2.0 Client-Side Scripting Techniques
- SCR1: Allowing the user to extend the default time limit
- SCR2: Using redundant keyboard and mouse event handlers
- SCR16: Providing a script that warns the user a time limit is about to expire
- SCR21: Using functions of the Document Object Model (DOM) to add content to a page
- SCR24: Using progressive enhancement to open new windows on user request
- SCR26: Inserting dynamic content into the Document Object Model immediately following its trigger element
- SCR28: Using an expandable and collapsible menu to bypass block of content
- SCR32: Providing client-side validation and adding error text via the DOM
- SCR35: Making actions keyboard accessible by using the onclick event of anchors and buttons
- SCR37: Creating custom aialogs in a device-independent way
- APPENDIX B: Definition of WAI-ARIA Roles
- Title: Pro HTML5 Accessibility: Building an Inclusive Web
- Release date: March 2012
- Publisher(s): Apress
- ISBN: 9781430241942