Success Criterion 3.2.4
Conformance level AA

Print Function Labeled Inconsistently Across the Site

3.2.4 — Consistent Identification

Scenario

Setting

An online marketplace's seller dashboard

What’s wrong

Print function: text button one place, unlabeled icon elsewhere with different name.

Example

<!-- Order details page -->
<button>Print invoice</button>

<!-- Order list bulk actions -->
<button aria-label="Export label">Printer icon</button>

Why it matters

The printer icon in bulk actions does the same job as Print invoice on the details page, but its label says Export label instead, so a seller can't recognize it as the printing feature they already know.

How to test

Compare how the print function is identified across pages: a text button in one place, an unlabeled icon with a different name elsewhere, fails.

How to fix

Name the icon button after the same function as its text-labeled counterpart elsewhere in the product.

<!-- Order list bulk actions -->
<button aria-label="Print invoice">Printer icon</button>

Outcome

A seller finds the print function under the same name whether printing one order or several at once.

Who is affected

Screen reader users scanning bulk actions for a familiar print option won't find one, because the same function hides behind an unrelated name.

Learn more

Understanding Understanding document (opens in a new tab)