Canva is a powerful tool for creating engaging visuals, but, like with all digital materials you make, it is essential to know how to use it to create materials that are accessible to everyone. Web content authors have a responsibility to ensure digital content meets accessibility guidelines.
The way you integrate your designs into our web ecosystem and your social media posts matters!
How to make accessible content in Canva:- Consider where you will be posting each of the designs you create. Are you designing for printed or digital marketing purposes? Are you going to post a visual on your website, on social media, or on the digital sign in your lobby? Designs should be catered to the way they will be used, considering size, shape, and included information.
- Text within images is not accessible. If you are using the design for digital communications, then any text embedded within a PNG, JPG, etc. should be considered invisible to screen readers. You must include text information in plain text format alongside any Canva designs. Plain text is text that can be highlighted with a mouse, copied/pasted, and read by assistive technology.
- QR codes only make sense on certain designs. QR codes are a great way to share links in a PowerPoint presentation or on a printed flyer, but they don't make much sense on social media posts or website posts, where users are likely already viewing them on a device. In those cases, just use a clickable link!
- Use the Canva Accessibility checker to check text size, contrast, and image alt-text.
- Note that as of this time, Canva does not have tools to reliably set a logical reading order. We have disabled public view linking for certain Canva templates and discourage the use of Canva for building websites and newsletters for this reason. Without a logical reading order, the design is experienced in a jumbled order and cannot be made sense of with a screen reader. Use Canva to create images and infographics to add to your Active Campaign newsletter or website news posts instead of hosting those within Canva. Watch this screen recording to see a demonstration of how a screen reader navigates poorly without a designated reading order. It may hop around without logically grouping headings and body text.
The design below would be appropriate for a paper flyer or handout, but it shouldn't be just copied onto your website, as the text is inaccessible and the QR code is redundant for an online environment.
The design below is better suited for an Instagram post. It has been resized to fit the Instagaram ratio and the excess text and QR code is removed. This image can be used accessibly by adding alt-text and including details or instructions in the Instagram caption, which is accessible to screen readers.