consulting

Accessibility (43 articles)

Input buttons must have discernible text

Input Buttons Must Have Discernible Text: How to Fix It

Every <input type="button">, type="submit", or type="reset" needs a non-empty value attribute (or an aria-label) so screen…
Learn More
Css media queries must not lock display orientation

CSS Media Queries Must Not Lock Display Orientation: How to Fix It

Do not use CSS transforms inside orientation media queries to force a single portrait or landscape…
Learn More
Ids used in aria and labels must be unique: how to fix it

IDs Used in ARIA and Labels Must Be Unique: How to Fix It

An id is meant to be a unique handle for a single element. Several accessibility features…
Learn More
Zooming and scaling must not be disabled: how to fix the viewport

Zooming and Scaling Must Not Be Disabled: How to Fix the Viewport

Your audit found a viewport meta tag that stops people from pinch-zooming your page — the…
Learn More
Role=img elements need alt text

role=img Elements Need Alternative Text: How to Fix It

Any element you mark with role="img" (inline SVGs, icon-font wrappers, sprite divs) must carry an accessible…
Learn More
Comparison of a form field with only an aria-label whose placeholder disappears on typing versus a field with a persistent visible label element.

Form Inputs Need Visible Labels

Best practices guide for Form Inputs Need Visible Labels (AC-034). Priority: High. Live check available.
Learn More

Get new blog posts by email: