Introduction

Lead

Text

Summary

Text

Jump to:

Guidelines

Resources

Specifications

None documented

Examples

None documented

Miscellaneous

Custom Control Checklist - Developer

Introduction

Check your custom control against the following checklist. If the answer to any of the checks is 'No' then your component will not be usable by all our customers and is not ready for release.

Note

If you are unable to perform or fix a check, ask an Accessibility Champion for support.

Custom control checklist

  • Focusable
    Can you get to the control with the keyboard?
  • Keyboard operable
    Can you use the control with the keyboard?
  • Touch operable
    Can you use the control with touch gestures? With assistive technology enabled?
  • Expected operation
    Can you operate the control using the standard keys and/or touch gestures for the control type?
  • Clear indication of focus
    Is it clearly visible when the control has focus?
  • Color contrast
    Is the label/description/icon of the control perceivable and usable for low vision users? (Use a color contrast checker.)
  • High contrast mode
    Is the control perceivble and usable when High Contrast Mode is enabled?
  • Label
    Does the control have a text label that is exposed as an accessible name in accessibility APIs and is it read by a screen reader?
  • Role
    Does the control have an appropriate role in accessibility APIs?
  • States and properties
    Does the control have appropriate states and properties?
  • Checked
    Does aXe coconut return zero violations?

Custom Control Checklist - UX

Introduction

Check your custom control against the following design checklist. If the answer to any of the checks is 'No' then your component will not be usable by all our customers and is not ready to be refined by developers.

Note

If you are unable to perform or fix a check, ask an Accessibility Champion for support.

Custom control checklist

  • Keyboard operable
    Has keyboard navigation been specified?
  • Expected operation
    Can you operate the control using the standard keys and/or touch gestures for the control type?
  • Clear indication of focus
    Is it clearly visible when the control has focus?
  • Color contrast
    Is the label/description/icon of the control perceivable and usable for low vision users? (Use a color contrast checker.)
  • Label
    Have one or more (in)visible labels been specified?
  • Role
    Has an appropriate role been specified?
  • States and properties
    Have all appropriate states and properties been specified?