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; its about your audience. The Inclusive Design Patterns book covers all the techniques, gotchas and strategies you need to be aware of when building accessible, inclusive interfaces. Well 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. 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. 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 Inclusive Design Patterns (PDF) Table of Contents Introduction The Document A Paragraph A Blog Post Evaluation By Pattern Navigation Regions A Menu Button Inclusive Prototyping A List of Products A Filter Widget A Registration Form Test-driven Markup Further Reading
