Success Criterion 1.3.3 - Level A
Sensory Characteristics
Ensure instructions can be understood by everyone. Instructions that only use shape, size, location, orientation or sound are not understandable for everyone. For example, people who are blind cannot see shape. Combine multiple properties to allow everyone to understand the instructions.
Impact
When referring to the 'green button', someone who is colour blind or visually impaired might not know which button is meant. By adding a secondary characteristic, such as the location, the instruction becomes more clear.
Do not refer to only shape, size, location or orientation of an element, as not everyone can perceive these properties.
Check
“Are multiple properties of elements used in instructions?”
This can be tested visually, no assistive technologies are needed.
Solution
When designing an app it is important not to convey instructions through sensory characteristics. For example do not tell the user to click a button "to the right" or "the green link below". For screen reader users this will not convey any useful information.
Meeting this criterion will allow your app to be localized for languages where layouts do flow left to right (i.e. Chinese, Arabic).
Add accessibility hint
On Android, you can use setHint
to set a hint. Keep in mind that this hint
is not only used for accessibility, but also shown visually in editable views.
Add accessibility action
On Android, you can add actions for assistive technologies using ViewCompat.addAccessibilityAction
helper method. Or you can use the the addAction
directly via AccessibilityNodeInfoCompat
.
// Add custom action
ViewCompat.addAccessibilityAction(view, "Add bookmark") { view, arguments ->
// Bookmark logic
true
}
// Override click action label
ViewCompat.setAccessibilityDelegate(view, new AccessibilityDelegateCompat() {
@Override
public void onInitializeAccessibilityNodeInfo(
View host,
AccessibilityNodeInfoCompat info)
{
super.onInitializeAccessibilityNodeInfo(host, info)
AccessibilityActionCompat action = new AccessibilityActionCompat(
AccessibilityNodeInfoCompat.ACTION_CLICK,
"Add bookmark"
)
info.addAction(action)
}
})