Accessibility Report

Product Launch — Spring Collection

FAIL
Total Issues
12
Critical
1
Error
4
Warning
5
Info
2

1.1.1: Non-text Content

Level AImagesCritical

Hero image missing alt text, preventing screen reader users from understanding the main product showcase.

Current Code

<img src="/hero-spring.jpg" width="600" height="400">

1.4.3: Contrast (Minimum)

Level AAColorError

Light gray text on white background has insufficient contrast ratio of 2.1:1 (minimum 4.5:1 required).

Current Code

<p style="color: #CCCCCC; background: #FFFFFF;">Sale ends soon!</p>

2.4.4: Link Purpose (In Context)

Level ALinksError

Generic 'Click here' link text doesn't describe the destination.

Current Code

<a href="/products">Click here</a>

1.3.1: Info and Relationships

Level AStructureWarning

Table used for layout instead of data presentation.

Current Code

<table><tr><td>Logo</td><td>Navigation</td></tr></table>

2.4.6: Headings and Labels

Level AAStructureWarning

Missing heading structure - jumps from h1 to h3.

Current Code

<h1>Spring Collection</h1><h3>New Arrivals</h3>

1.4.11: Non-text Contrast

Level AAColorWarning

Button border contrast insufficient against background.

Current Code

<button style="border: 1px solid #E5E5E5; background: #F9F9F9;">Shop Now</button>

2.5.5: Target Size

Level AAATouch TargetsWarning

Social media icons are too small for comfortable touch interaction (24x24px, recommended 44x44px).

Current Code

<a href="#"><img src="facebook.png" width="24" height="24" alt="Facebook"></a>

1.4.1: Use of Color

Level AColorError

Required form fields indicated only by red color.

Current Code

<input type="email" style="border-color: red;">

4.1.2: Name, Role, Value

Level AFormsError

Form input missing accessible label.

Current Code

<input type="email" placeholder="Enter email">

2.4.3: Focus Order

Level AKeyboardWarning

Tab order doesn't follow visual layout due to CSS positioning.

Current Code

<div style="position: absolute; top: 0; right: 0;"><button>Close</button></div>

1.4.12: Text Spacing

Level AATypographyInfo

Text spacing should accommodate user modifications for better readability.

Current Code

<p style="line-height: 1.2; letter-spacing: 0;">Dense text content</p>

2.4.1: Bypass Blocks

Level ANavigationInfo

Email could benefit from skip link for easier keyboard navigation.

Current Code

<div><!-- No skip link present --></div>

Generated by Email Accessibility • 9/29/2025 • emailaccessibility.com