Accessibility Basics

Ensuring your campaigns are accessible for all audiences

Michael DeSimone avatar
Written by Michael DeSimone
Updated over a week ago

10% of the world population use assistive technologies (e.g. screen readers, keyboard-only) to navigate the internet. Yieldify is committed to making all our content accessible and have available a number of options to help you do so.

Aria Labels

Accessible Rich Internet Applications (ARIA) are a set of attributes that define ways to make web content more accessible to people with disabilities. ARIA tags for screen readers have been added to the campaign body and CTAs for when:

  • The text of the campaign could be ambiguous if read in isolation by a screenreader,

  • A user needs to see where a campaign is placed on-site for them to understand its purpose.

Alt Text

Alternative (or alt) text is the descriptive text that is read aloud for images. It provides a semantic meaning to images which can be used to later determine the content of the image from page context alone.

Read Order

When cycling through content, a user with a screenreader should be presented with the text, buttons, etc. in the same way that they appear to sighted users.

Using the read order function allows you to set the order in these components will be read out – from top-left to bottom-right or the other way around.

Choosing default will cause let screen readers cycle through content in the order in which the items were added to the campaign.

Use Browser Focus

Cycling through content with a keyboard as a sighted user requires focus styling to indicate which item they have selected.

Using browser focus allows campaigns to adopt the same focus styling that the browser is using i.e Chrome’s styling . Turning this off actively suppresses focus styling and is not recommended for an accessible campaign.

Additional features

ESC closes the overlay

When a user presses the escape key after an overlay triggers, the campaign will now immediately close. This is to make the behaviour more standard and predictable for users who rely primarily on the keyboard for navigation on the web.

Focus Trapping on overlays

When an overlay triggers on the website, the user’s focus will stay within the overlay unless closed. As a result, a user can use the TAB key to cycle through all the elements within the overlay and it will not cycle to any other website element until the overlay is closed.

Did this answer your question?