AODA (web accessibility)

 Adding ALT text in action button within forms:

The alt attribute is used on image tags to describe what the image is. The contents of the link/CTA button should explain its purpose/function. ex “View our Projects”. There is no option to add ALT text to the buttons within the forms, as the contents of the button should explain the purpose. Ex “Submit Form”


ALT Text with Keywords:

For ALT text on images, it would not hurt to add your keywords into the ALT text (as long as its relevant).

 

If the keywords would be out of place in the ALT text, making it nonsensical for someone using a screen reader, then do not add them.

 

Simply having alt text on images is good for your SEO, so having keywords listed WHEN POSSIBLE doesn’t hurt.

 

ALT Text for Decorative Images:

ALT text is not needed for decorative items, such as icons, borders, visual “fluff” etc. All the images have empty ALT attributes automatically applied when added into Page Content (alt=””)

 



 

The user is responsible for going in and adding all necessary ALT text to images that are not considered “decorative”,  Web Content Accessibility Guidelines (WCAG) 2.0 (w3.org) section 1.1.1


1.1.1 Non-text Content: All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below. (Level A)

Decoration, Formatting, Invisible: If non-text content is pure decoration, is used only for visual formatting, or is not presented to users, then it is implemented in a way that it can be ignored by assistive technology.

 The empty alt attribute are what is ignored by assistive technology like screen readers!