Common Accessibility Issues

1.4.3 - Contrast (Minimum)

Contrast Ratio: 1.97:1 (does not meet the 4.5:1 minimum requirement for normal text)

This is a Fail: Low contrast ratio (light gray text on white background).


Checking for 4.1.2 Name Role and Value

Button lacks proper accessibility attributes

Submit

Inaccessible Checkbox Example

The checkbox is created using a <div>, not an <input type="checkbox">.

Subscribe to the weekly Accessibility newsletter

Checking for 1.1.1 Non-text Content

The image lacks an alt attribute, so screen readers cannot convey any information about it


Decorative Image

A decorative image with an alt is read to the Screen reader users and is not ignored by assistive technologies.

A healthy diet may contain fruits, vegetables, and whole grains