A11Y UNRAVELED : become a web accessibility ninja

Make designing and developing accessible websites fun and straightforward by deciphering information that is often confusing. This book examines how web professionals can ensure a website is as accessible as it can be, meeting the needs of its audience. The main focus is on web accessibility and, WCAG 2.1 and 2.2 guidelines: what they are, who they are for, and what can be done from a design point of view to make the lives of the users easier. In reviewing the fundamentals, emphasis will be given on what disabilities could potentially prevent users from getting the information they need and what can be done to help them. This is achieved by breaking down web design and development terms and practices, such as web accessibility, color contrast, typography, how to design specific components like carousels, forms, and so on. Each chapter features design examples presented in a clear and concise manner. Each design element is divided into different components, highlighting exactly what helps with what, showing how a website needs to be designed for the benefit of its people. A11Y Unraveled also reviews the current laws and legislations that govern web accessibility in different parts of the world. What You'll Learn Discover how people perceive information on the web, and how that might create barriers in communication. Review different disabilities or limitations that prevent users from accessing web information and how to address them. Design an accessible website for specific disabilities through practical examples. Understand how different web design components affect the user. Study current web accessibility legislation, avoiding difficult to understand lingo. Who This Book Is For Main audience would be digital and web professionals (mainly designers but developers can benefit as well). It can also help business owners who want to ensure their websites are adhere to accessibility standards. Table of Contents About the Author About the Technical Reviewer Acknowledgments Introduction Chapter 1: When the Amazon Was Nothing but a River Chapter 2: Be a Designer, They Said. It’ll Be Fun, They Said. Following the Rules Turning Something into Something The Value of Standards Chapter 3: One Standard at a Time Defining Web Accessibility Web Accessibility Guidelines Web Content Accessibility Guidelines Sneak Peek Animated Graphics Color Contrast Content Focus States and Focus Order Forms Page Layout Tables and Lists Typography Accessibility Guideline Principles Perceivable Operable Understandable Robust Conformance Levels Summary Chapter 4: How Do People Perceive Content? Subjective Rather Than Objective Perception as a Process Using the Web Summary Chapter 5: Tell Me What to Do: Designing for People with Disabilities Designing for Users with Blindness and Other Visual Impairments Designing for Users Who Are Deaf or Hard of Hearing Designing for Users with Physical Disabilities Designing for Users with Anxiety Designing for Users with Dyslexia Designing for Users with Autism Summary Chapter 6: How Do I Know I’m Doing It Right? Automated Web Accessibility Testing Web Accessibility Factors That Google Uses in Their Lighthouse Tool Manual Web Accessibility Testing Test Keyboard Navigation Use a Screen Reader Check for the Basics Check the Content Testing with the Help of Real Users “Oh, Wait. Who Is This ARIA You Spoke Of?” ARIA Roles ARIA States and Properties The First Rule of ARIA The Second Rule of ARIA The Third Rule of ARIA The Fourth Rule of ARIA The Fifth Rule of ARIA Are Designers Involved Anywhere in This? Summary Chapter 7: Do I Have to Do All These Things? Who’s Affected? UK USA Greece Rest of the European Union Summary Chapter 8: What Is Usability? Overview Accessibility and Usability: A Love Affair User Interface (UI) Components Contrast Page Layout and Structure Color, Color Contrast, and Noncolor Elements Focus States Hover States Forms: Input and Labels Video and Audio Transcripts and Captions Visual Presentation of Text Hidden Content General Usability Standards Easy and Consistent Navigation Going Back Home Show the User Where They Are Icons and Labels Content Placement Common Sense Summary Chapter 9: Whom Are We Designing For? Persona Profiles Persona Profiles for Users with Disabilities Persona Spectrums Summary Chapter 10: Now You See Me. Now You Don’t. What Do the Users Think? What Is This Thing Called Color? Reality Is Not Real How to Design with Accessibility Requirements in Mind What to Do in a Nutshell Color Contrast Summary Chapter 11: Click Me Like You Mean It Ghost Buttons? But Ghost Buttons Are So Pretty! Types of Buttons Disabled Buttons A Button Should Look Like a Button Recommendations for Buttons and Other Controls Summary Chapter 12: You’re Going to Tell Me What to Do, Aren’t You? Animated Content Content Cards Carousels and Sliders Icons Language Selector Links Navigation Tabs Focus States Hover States Lists Touch Targets (Size Does Matter) Multimedia Tables Typography Forms Summary Chapter 13: So What Is the Verdict? Final Word Final Word v2 Final Final Word (If You Know, You Know) Summary Index