Canva Archives - The Accessibility Guy

Utilizing Canva for Accessible Presentations

Canva, a popular design tool, offers the ability to create presentations. The process starts by selecting a blank presentation and utilizing Canva’s magic Design button. A small window prompts the user to describe the presentation topic.

By selecting a theme around “accessibility section 508 design principles,” Canva provides a choice of styles. The creator can select one that passes color contrast requirements and create the presentation.

The created presentation in the video covers various aspects such as:

Introduction to accessibility in Section 508 design principles.

The law of Section 508 and its necessity.

Principles of design include text alternatives for non-text content, keyboard interface functionality, and effective use of color and contrast.

Techniques to ensure accessibility, benefits of designing for accessibility, and the importance of various elements like high contrast colors, alternate text images, descriptive link tags, keyboard navigation, and using headings and lists.

Making a Canva Presentation Accessible with PDF/UA

After creating a presentation in Canva, the file can be downloaded as PDF standard. The accessibility review involves opening the tags panel and addressing the tags within the document. The initial steps may involve:

Reordering and labeling content appropriately.

Artifacting irrelevant images.

Creating headings and lists as needed.

Accessibility checkers like Adobe’s can be utilized. Any errors identified may require manual adjustments such as creating artifacts, fixing the bounding boxes, or other logical structures. The process may also involve adding the PDF/UA identifier, and the result is a document that meets PDF/UA requirements and passes WCAG 2.1.

This comprehensive guide demonstrates how to create an AI-based presentation in Canva and make it accessible, embodying the principles of inclusivity and design thinking.

Overview

Please follow the steps in the video on how to create a document in Canva. The export to PDF option seems to be improving over time. Below you will find some directions on how to fix tables and list items. For more detailed posts on PDF remediation, please check out this page:

Creating the Basic Structure

Starting with Canva’s new feature that allows users to create documents, we’ll be adding various elements to test accessibility. This includes adding headers, tables, bulleted and numbered lists, and more. Our primary goal is to ensure that the document, although simple in design, complies with accessibility standards.

Exporting and Accessibility Check

Once the basic design is complete, we’ll move on to exporting the document as a PDF and conducting a comprehensive accessibility check. This involves cleaning up tag structures, making proper use of header tags, handling list items, and addressing table-related challenges.

Here’s a closer look at the process:

Adding Headers: We’ll use heading level one and two to organize the content.
Inserting Tables: A two by three table will be added, with cells merged as needed.
Working with Lists: Both bulleted and numbered lists will be added to test them.
Image and Design Elements: Random designs and images can be added to beautify the document.
Exporting the File: The document will be downloaded as a PDF, following the standard procedure in Canva.
Accessibility Checks in Adobe Acrobat: Extensive checks and modifications will be performed to ensure complete accessibility.

Table tag breakdown

Table Parent Tag <Table>
Table Row Child tag <TR>
Table Header Cell <TH>
Table Data Cell <TD>
Table on Page

Table Parent Tag <Table>
Table Row Child tag <TR>
Table Header Cell <TH>
Table Data Cell <TD>
Table on Page

Setting the Scope of Table Headers

With the reading order tool open, right-click on the table and select “Table Editor.” Select all table header cells at the top of the table, right-click and select “Table Cell Properties,” and change the scope from none to “Column.” If you have table headers on the row side, you can set the scope to “Row” as needed.

Launch Reading order tool
Right-click inside of the table and select Table editor

Select the cells you want to set the scope for
Right-click and select table cell properties
Adjust the scope to either row, column, or both

How to tag a list in adobe acrobat pro

List Parent Tag <L>
List Item Child Tag <LI>
Label <Lbl>
List Body child Tag <LBody>
Contents of First list item
List item content on page

List Parent Tag <L>

List Item Child Tag <LI>

Label <Lbl>

List Body child Tag <LBody>

Contents of First list item

List item content on page

Step 1: Prepare the PDF and Create a Blank List Tag

Open your PDF document in Adobe Acrobat Pro.

Right-click in the Tags panel
Select “New Tag,”
Create a blank List tag (capital “L”).

If you would rather an expert make your docs accessible for you instead – check this out.

Right-click in the Tags panel

Select "New Tag,"

Create a blank List tag (capital "L").

Step 2: Create List Item Tags and Nest Them

Manually create list item (LI) tags and nest them within the List tag. To do this, right-click the List tag, select “New Tag,” and type “LI” (capital “L” and “I”).

Step 3: Add Label and L Body Tags

For each LI tag, create Label (LBL) and L Body tags. Right-click each LI tag, select “New Tag,” and type “Lbl” for Label and “LBody” for LBody tags. Drag and drop these tags into their appropriate locations within the LI tags.

Tag: Canva

Making Accessible Presentations with Canva

Utilizing Canva for Accessible Presentations

Making a Canva Presentation Accessible with PDF/UA

More Canva Posts