Custom control roles

Use ARIA roles for custom controls.

About href="#about"

Custom controls on websites should have proper ARIA roles to help assistive technologies understand their function and state. For example, a custom checkbox should include role="checkbox" and aria-checked="true" or aria-checked="false" to convey its state. It’s best to use standard HTML elements like <button> for buttons. If using a <div>, add role="button" and aria-pressed="false" to ensure accessibility.

Related

Topics

On this page

Supporters

Thank you to these organizations for supporting Project ScanGov:

ScanGov

Government. Digital. Experience.

Get ScanGov