Accessibility

Critical

Color Contrast

Color contrast is the difference in luminance between foreground text and its background. WCAG 2.1 requires a minimum contrast ratio of 4.5:...

Read more → Critical

Image Alt Text

Alt text (the HTML alt attribute) is a short text description of an image that screen readers announce to visually impaired users. It also d...

Read more → High

Heading Hierarchy

Heading hierarchy refers to the logical nesting of HTML heading elements (H1 through H6) on a page. A well-structured hierarchy starts with...

Read more → Critical

Keyboard Navigation

Keyboard navigation means that every interactive element on a page — links, buttons, form fields, menus, and custom widgets — can be reached...

Read more → High

ARIA Violations

ARIA (Accessible Rich Internet Applications) attributes provide extra semantic information to assistive technologies when native HTML elemen...

Read more → High

Focus Management

Focus management controls which element on the page currently receives keyboard input, indicated by a visible focus ring or outline. Proper...

Read more → Medium

Link Text

Accessible link text clearly describes the destination or purpose of a link without relying on surrounding context. Screen reader users ofte...

Read more → Critical

Form Labels

Form labels are HTML <label> elements that programmatically associate a text description with a form input (text field, checkbox, select, et...

Read more → Medium

Alt Text vs. Title Attribute

The alt attribute and the title attribute serve different purposes on HTML images. The alt attribute provides a text alternative that screen...

Read more → Medium

Accessibility Benchmarking

Accessibility benchmarking is the practice of measuring and comparing WCAG compliance metrics across multiple websites to establish baseline...

Read more →