This post will go over how to create a doc in Canva.com and export it to PDF. Then, we will make it accessible!
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
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
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”).
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.