We might not realize it, but as developers, we build inaccessible websites all the time. It’s not for the lack of care or talent though — it’s a matter of doing things the wrong way. In our new book, Inclusive Design Patterns, we explore how we can craft accessible interfaces without extra effort — and what front-end design patterns we can use to create inclusive experiences.
Gorgeous, printed book. eBook is included. Now available.
PDF, ePUB, Amazon Kindle.
“Cannot say enough good things about this book!!! Best thing I’ve read all year! Full of useful info! Worth every penny! Honestly think it’s a must read for both designers and developers.”
Accessibility has always been a slightly unsettling realm for web developers. Surrounded with myths, misunderstandings and contradicting best practices, it used to be a domain for a small group of experts who would “add” accessibility on top of the finished product. Today, in many simple and complex websites, it’s still unclear what makes up an accessible interface and what developers need to know to get there.
So let’s get to the bottom of it all: accessibility myths and rules of thumbs, WAI-ARIA roles, content accessibility guidelines, landmark roles, keyboard and touch accessibility, accessible markup and interaction patterns, accessible forms and widgets, multimedia accessibility and inclusive prototyping. Everything you need to know about accessibility gathered in one practical, *smashing* book, fully dedicated to building and designing accessible user interfaces.
Written by Heydon Pickering, the book comes with dozens of practical examples of accessible interface components and inclusive design workflow, applicable to your work right away. With this book, you’ll know *exactly* how to keep interfaces accessible from the very start, and how to design and build inclusive websites without hassle and unnecessary code.
If you’re looking for smart accessible design patterns and strategies for building fast, flexible websites efficiently, this book is just for you. It’s a handbook with valuable, time-saving techniques that will help you avoid hacky workarounds and solve common issues effectively. You’ll learn how to:
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 responsive design,
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.
You’ve probably guessed it — the book doesn’t deal with theoretical concepts or things that are supposed to work. The book deals with practical design patterns and common interface components, and provides ready-to-use code snippets for applying to your work right away.
If you have any questions, we are right here to answer them. We love our customers, and we’d love to help you in any way or just listen to your story. So please feel free to ask questions via Twitter @smashingmag — we’ll get back to you right away. Just in case: here are answers to some frequently asked questions.
That’s it, everyone! We sincerely appreciate your support and trust, and we’ll make sure to deliver the book to you as soon as possible. Cheers!
Gorgeous, printed book. eBook is included. Now available.
PDF, ePUB, Amazon Kindle.
Heydon is a designer, writer and public speaker. He works with The Paciello Group as a UX and accessibility consultant. His book, Inclusive Design Patterns, is available in hardcover and as an ebook from Smashing Magazine.
Learn to identify what makes an effective design system that can empower teams to create great digital products.
Convince me!Digital Adaptation
Convince me!Smart responsive design techniques from real projects.
Convince me!Everything you need to know to understand and use Sketch.
Convince me!Help organizations understand and embrace digital.
Convince me!The Next Generation in User Experience
Convince me!