A11Y Unraveled: Become a Web Accessibility Ninja 9781484290842, 9781484290859, 1484290844
Make designing and developing accessible websites fun and straightforward by deciphering information that is often confu
169 97 11MB
English Pages 327 [317]
Table of contents :
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
![Become a ninja with Vue [2023-05-19 ed.]](https://dokumen.pub/img/200x200/become-a-ninja-with-vue-2023-05-19nbsped.jpg)
