We make inaccessible and unusable websites and apps all the time, but it’s not for lack of skill or talent. It’s just a case of doing things the wrong way. We try to build the best experiences we can, but we only make them for ourselves and for people like us.
This book looks at common interface patterns from the perspective of an inclusive designer—someone trained in building experiences that cater to the huge diversity of abilities, preferences and circumstances out there.
There’s no such thing as an ‘average’ user, but there is such a thing as an average developer. This book will take you from average to expert in the area that matters the most: making things more readable and more usable to more people.
Ensuing chapters will look into discrete interface patterns; modules, components, widgets, conventions, whatever-you-want-to-call-thems. It would be foolhardy not to first acknowledge that each will ultimately belong to a web document. HTML pages vary dramatically in shape and size and can include any combination of patterns, but there are a handful of 'document level' best practices to which we should adhere.
The aim here is not to go in search of the ultimate 'boilerplate' but to configure a parent web page to support inclusive design.
About The Book
Many web design articles and books are all about improving your workflow and making your life easier as a developer. Should you wish to adopt a framework or employ a processor to speed up your development process, be our guest. However, this book is not about you; it’s about your audience.
The Inclusive Design Handbook covers all the techniques, gotchas and strategies you need to be aware of when building accessible, inclusive interfaces. We’ll explore the document outline, external links and “skip” links, navigation regions and landmarks, labelling and alternative text for illustrations, buttons, tables of contents, JavaScript patterns, touch targets, filter widgets and infinite scrolling and “load more” button and grid display and dynamic content and tab interfaces and password validation and web forms and error messages — and pretty much anything else you need to know about accessibility, including how to prototype with inclusivity in mind, how to deal with legacy browsers and dozens of practical snippets to use when building inclusive interfaces.
What’s in there for you? You can take the lessons learned in the book and apply them within any framework sufficiently flexible to allow you to write and organize good interfaces. One thing is certain: once you read the book, accessibility won’t appear difficult nor confusing any longer — you’ll know exactly what to do, and when.
Why This Book Is For You
There’s no such thing as an ‘average’ user, but there is such a thing as an average developer. This book will take you from average to expert in the area that matters the most: making things more readable and more usable to more people. You'll learn:
- Accessibility myths and misconceptions as well as common solutions and rules of thumbs,
- A library of well-tested accessible HTML/CSS components that you can use right away,
- How to properly use WAI-ARIA roles and Content Accessibility Guidelines,
- How to tackle common accessibility issues in RWD,
- How to deal with "skip" links and external links, as well as navigation regions and landmarks,
- How to keep labels, buttons, tables of contents, dynamic widgets and tabbed interfaces accessible,
- How to implement infinite scrolling, grid display and dynamic content accessibly,
- How to deal with password validation, error messages, web forms, JavaScript patterns and touch targets,
- How to keep an interface accessible in legacy browsers,
- How to prototype with accessibility in mind.
TECHNICAL DETAILS
- 312 pages. The eBook contains PDF, EPUB, and Kindle.
- ISBN (Print): 978-3-945749-43-2.
- ISBN (ePUB): 978-3-945749-45-6.
- ISBN (Kindle): 978-3-945749-46-3.
Smashing Newsletter
