CTA Button Accessibility

Best Practices

This section is not yet available.

A CTA button should have a pointer cursor, consistent with standard link behavior.

If the CTA button has focus, the ENTER key should activate it.

If the CTA button has focus, TAB and SHIFT-TAB keys should move to the next or previous focusable page element respectively.

If virtual cursor is on the CTA button, it must be invokable by virtual cursor (e.g. VO+SPACE in VoiceOver).

Role of ‘link’ must be announced.

Label must be announced.

Any disabled state must be announced (via aria-disabled ).

This section lists all relevant ARIA roles, states and properties for a CTA button.

Attribute	Description
aria-disabled	Informs AT that the CTA button is disabled, while keeping it focusable. Use this instead of removing `href` when focus must be retained (e.g. to avoid focus jumping back to the start of the page).
aria-label	Creates a label for the CTA button. Warning! This label will override any inner text that may be present.