Email Design Email Accessibility 2 — Questions and Answers
Question 1: What is the purpose of 'prefers-color-scheme' media query in accessible email design?
- To detect the subscriber's favorite brand colors
- To apply dark or light mode styles based on the user's OS preference (Correct answer)
- To load a different email template per device
- To hide promotional content from certain users
Correct answer: To apply dark or light mode styles based on the user's OS preference
The prefers-color-scheme media query detects whether the user's OS is set to dark or light mode and applies appropriate email styles accordingly.
Question 2: Which practice makes emails more accessible for subscribers with dyslexia?
- Using tightly packed text with minimal spacing
- Using short paragraphs, ample spacing, and dyslexia-friendly fonts (Correct answer)
- Using only italic text
- Writing all content in a single long paragraph
Correct answer: Using short paragraphs, ample spacing, and dyslexia-friendly fonts
Short paragraphs, generous line spacing, and clear fonts reduce reading difficulty for subscribers with dyslexia.
Question 3: What accessible HTML element should be used for email navigation menus instead of plain text links?
- <section>
- <nav> (Correct answer)
- <div>
- <span>
Correct answer: <nav>
The <nav> element semantically marks a group of navigation links, helping screen readers identify and announce the navigation section.
Question 4: How can email designers make CTA buttons accessible to keyboard-only users?
- Use image-based buttons with no text
- Ensure buttons are actual <a> or <button> elements with visible focus states (Correct answer)
- Use only anchor links that jump to page sections
- Replace all buttons with plain text links
Correct answer: Ensure buttons are actual <a> or <button> elements with visible focus states
Real <a> or <button> elements are keyboard-focusable by default, and visible focus states let keyboard users see which element is currently selected.
Question 5: What does 'cognitive accessibility' mean in email design?
- Testing emails on older devices
- Designing emails that are easy to understand and process by readers with cognitive differences (Correct answer)
- Using automated tools to generate email content
- Ensuring emails load on low-bandwidth connections
Correct answer: Designing emails that are easy to understand and process by readers with cognitive differences
Cognitive accessibility means using plain language, clear structure, and consistent patterns to make emails understandable for readers with cognitive differences.
Question 6: Which WCAG guideline level is most commonly targeted by email accessibility best practices?
- WCAG A
- WCAG AA (Correct answer)
- WCAG AAA
- WCAG 1.0
Correct answer: WCAG AA
WCAG 2.1 Level AA is the most commonly targeted accessibility standard for emails, balancing practical requirements with broad accessibility coverage.
Email Design Email Accessibility 2
What is the purpose of 'prefers-color-scheme' media query in accessible email design?