Level APerceivable
1.3.3

Sensory Characteristics

Don't give instructions that rely only on shape, size, position, or sound, like 'click the round button on the right'.

In plain English

It is easy to write instructions like “click the round button”, “choose the item on the left”, or “when you hear the beep”. Those all assume the reader can see shapes and positions or hear sounds. Many cannot. This rule says: whenever you tell people how to do something, do not rely only on a sensory cue. Add the name or label too.

You can still say “the green button on the right”, just also say what it is: “select Continue”.

Who this is for

  • Screen-reader users, who have no sense of visual position or colour.
  • Colour-blind users, for whom “the green one” is meaningless.
  • Deaf users, for whom “when you hear the tone” does nothing.

How to check and fix it yourself

Scan your instructions, help text, and error messages for words like left, right, above, below, round, square, green, red, or “beep”. Add the actual label:

Bad:   "Tap the round icon to add to cart."
Good:  "Tap Add to cart (the round cart icon)."

Where we can help

These phrasings hide in microcopy, tooltips, and onboarding. We flag every instruction that depends on a sensory cue alone and suggest wording that works for everyone. It is a small but common item on the failures list.

How to meet it

Techniques the W3C accepts as sufficient (summarized). Follow a link for the full method.

Common mistakes

Patterns the W3C lists as failures of this criterion. Avoid these.

Frequently asked questions

What does sensory characteristics require?+

Success Criterion 1.3.3 (Level A) says instructions for using content must not rely only on sensory traits like shape, size, visual location, orientation, or sound. 'Press the green button' or 'see the box on the right' leaves out people who can't perceive those cues.

Why is 'the button on the right' a problem?+

A screen-reader user has no sense of 'right'. A colour-blind user may not see 'green'. If that's the only way you point to something, they can't follow the instruction. Add the button's name or label so everyone can find it.

How do I fix it?+

Refer to things by their visible text label as well as any position or colour. 'Select Continue (the green button on the right)' works for everyone, because 'Continue' is unambiguous.

Reference

This is a plain-language explainer. The authoritative source is the W3C Web Content Accessibility Guidelines (WCAG) 2.2.

WCAG 2.2 © W3C. Excerpts are paraphrased; see the linked documents for the normative text.

Not sure if your store passes 1.3.3?

A human auditor checks this and every other criterion against your live store, and documents the result.

Book an audit