Email Design Email Design MCQ 4 — Questions and Answers
Question 1: A brand's email looks inverted and unreadable in dark mode. Which practice helps prevent this?
- Using transparent PNG logos with outlines or testing dark-mode meta tags and media queries (Correct answer)
- Forcing a white background with !important on the body only
- Switching all images to BMP format
- Removing all background colors entirely
Correct answer: Using transparent PNG logos with outlines or testing dark-mode meta tags and media queries
Transparent images with subtle outlines plus prefers-color-scheme adjustments keep logos and text legible when clients invert colors.
Question 2: Which scenario best justifies using an animated GIF in an email?
- Showing a short product demo, with the key message in the first frame for Outlook (Correct answer)
- Replacing all static text to reduce HTML size
- Hiding content from spam filters
- Autoplaying a full 2-minute video
Correct answer: Showing a short product demo, with the key message in the first frame for Outlook
GIFs work for short demos, but the first frame must stand alone because some Outlook versions only show frame one.
Question 3: What is the main design purpose of a clear visual hierarchy in an email?
- Guiding the reader's eye from headline to supporting content to the call to action (Correct answer)
- Increasing the total word count
- Ensuring every element has equal visual weight
- Making the footer the most prominent section
Correct answer: Guiding the reader's eye from headline to supporting content to the call to action
Hierarchy uses size, contrast, and spacing to lead readers naturally toward the primary CTA.
Question 4: Why is a single, prominent call to action often more effective than many competing CTAs?
- It reduces decision fatigue and focuses clicks on the primary goal (Correct answer)
- Email clients only allow one link per message
- Multiple links are blocked by firewalls
- Buttons cost more to render than text
Correct answer: It reduces decision fatigue and focuses clicks on the primary goal
Fewer choices lower cognitive load, which typically increases click-through on the main objective.
Question 5: What color contrast ratio does WCAG AA require for normal body text in email?
- At least 4.5:1 against the background (Correct answer)
- At least 1.5:1 against the background
- Exactly 2:1 against the background
- At least 21:1 against the background
Correct answer: At least 4.5:1 against the background
WCAG AA requires a 4.5:1 contrast ratio for normal-size text to remain readable for low-vision users.
Question 6: A designer wants rounded-corner buttons that also render in Outlook for Windows. What technique is commonly used?
- VML (Vector Markup Language) code targeting Outlook (Correct answer)
- CSS border-radius alone
- An embedded Flash object
- SVG masks in the head
Correct answer: VML (Vector Markup Language) code targeting Outlook
Outlook ignores border-radius, so conditional VML markup draws the rounded shape in Word's rendering engine.
Question 7: Which practice best supports users who read emails with screen readers?
- Using semantic heading tags, meaningful alt text, and a logical reading order (Correct answer)
- Placing all text inside images
- Using only ALL CAPS for emphasis
- Removing all headings to simplify the DOM
Correct answer: Using semantic heading tags, meaningful alt text, and a logical reading order
Semantic structure, alt text, and logical order let assistive technology present content coherently.
Email Design Email Design MCQ 4
A brand's email looks inverted and unreadable in dark mode.
Which practice helps prevent this?