Custom Controls

Use custom controls only when they are truly needed. Specify names, states, and values for every part of the control, as well as all mouse/keyboard interactions.

Users Affected

Checklist

• Custom controls have accessible names

• Custom controls which are capable of changing state always convey their current state

• Design annotations specify all mouse and keyboard interactions for custom controls

• Custom controls have limited scope — do one thing well

References

In WCAG

• WCAG Success Criterion 2.1.1: Keyboard
• WCAG Success Criterion 2.4.3: Focus Order
• WCAG Success Criterion 4.1.2: Name, Role, Value