Library › Book 10 › Appendix B: Chapter Quiz Answers
Appendix B: Chapter Quiz Answers
16.1🔒Chapter 1: AI-Powered Visual Comparison1. The hybrid approach reduces the number of screenshots requiring human review by 80-90% compared to pure pixel diff by using fast pixel…
16.2🔒Chapter 2: Commercial Visual Regression Tools1. Percy integrates with multiple test frameworks (Playwright, Cypress, etc.) for full-page testing, while Chromatic is built natively for…
16.3🔒Chapter 3: Open-Source Visual Regression Tools1. maxDiffPixelRatio is the maximum fraction of pixels that can differ before the test fails. A reasonable default is 0.01 (1%), though…
16.4🔒Chapter 4: WCAG 2.1 AA Compliance Automation1. Automated tools can typically catch 30-40% of accessibility issues. 2. Perceivable, Operable, Understandable, Robust (POUR). 3. 4.5:1…
16.5🔒Chapter 5: axe-core Integration with Playwright1. It configures axe-core to only check rules tagged with WCAG 2.0 A, WCAG 2.0 AA, and WCAG 2.1 AA success criteria, effectively testing…
16.6🔒Chapter 6: ARIA Labels and Color Contrast Verification1. "If you can use a native HTML element, do not use ARIA." Native elements have built-in keyboard handling, focus management, and screen…
16.7🔒Chapter 7: Keyboard Navigation Testing1. WCAG 2.1.1 (Keyboard) and WCAG 2.4.7 (Focus Visible). 2. A focus trap is a pattern where keyboard focus is constrained to cycle within a…
16.8🔒Chapter 8: The Legal Landscape of Accessibility1. The EAA references EN 301 549, which in turn references WCAG 2.1 Level AA. 2. Approximately 4,000+ lawsuits. 3. E-commerce/Retail at…
16.9🔒Chapter 9: Market Impact and the Business Case for Accessibility1. The curb cut effect describes how accessibility improvements benefit all users, not just those with disabilities. For example, video…
16.10🔒Chapter 10: AI Agents for Accessibility Audits1. AI agents can evaluate alt text quality/meaningfulness, identify where color is the only differentiator, assess whether headings…
16.11🔒Chapter 11: Component-Level Visual Testing in Storybook1. Component-level testing catches issues at the source (the individual component) before they propagate into multiple pages. A styling bug…
16.12🔒Chapter 12: Design System Verification1. Figma-to-code drift is the gradual divergence between design specifications in Figma and the actual implementation in code. It…
16.13🔒Chapter 13: The Complete Visual and Accessibility CI Pipeline1. Every PR: axe-core scan, keyboard navigation, visual regression (Playwright and Chromatic), design token drift (for relevant PRs). On…