Accessibility Checker

Every Upanup Drupal site comes with a built in accessibility checker. The checker highlights potential accessibility issues by populating yellow question marks on relevant content and pages. To reveal more information about the warning and tips to fix the issue, simply hover over it.

When reviewing accessibility warnings, logged in users can choose to "hide the warning," "mark OK for all users," or close the message to be revisited at another time. Note, these actions will not fix any accessibility issues, only hide or remove the warning. 

Image
A Drupal page peppered with yellow and red circles, suggesting several accessibility warnings.

To open the accessibility checker, click on the yellow circle in the bottom right corner of the page. This will expand the view to provide an outline of the issues within the current page. To view warnings for the entire site, click “View site-wide reports” for the top accessibility issues. 

For more information or to see a demo highlighting features visit Editoria11y Accessibility Checker.

Creating accessible image links

When adding links to a page it is best practice to let users know where the link is taking them. This can be difficult to achieve when adding a link directly to an image. In such cases, the best thing to do is include the link in the caption.

Follow these steps to make your image links accessible:

  1. Inset the image you want to use from the DAM or your personal files
Image
Screenshot of image being selected.

2. Click on the image and select the link icon present in the left corner.

Image
Screenshot of link icon being selected.

3. Insert your desired link and save.

Image
Screenshot of relevant link inserted into the 'link url' and 'title' sections

4. Click on the image again and select the 'Toggle caption on' button.

Image
Screenshot of 'toggle caption on' button being selected.

5. Write your caption. For external links the caption must be a url, but internal links may use descriptive titles, such as '10 Easy Improvements to Boost Your Web Accessibility.'

Image
Screenshot of external link caption.

6. Enjoy your new accessible image links!

Image
a post note with a light buld on a corkboard
https://www.upanup.com/article/10-easy-improvements-boost-your-web-accessibility 
Was this page helpful?

Feedback details

CAPTCHA
Abstract teal and navy blue butterfly illustrations.

Territorial Acknowledgement

The CRD conducts its business within the Territories of many First Nations, all of whom have a long-standing relationship with the land and waters from time immemorial that continues to this day.