Cidi Labs Design Tools gives instructors the ability to easily check the accessibility of their content pages.
If there are any accessibility concerns in any of the three sections (Heading outline, image check, and link check) you will see an eye icon which represents the need to check this section.
The first option is to check your headings through Heading Outline. This will show all of your headings and in what heading format (e.g., H2) they are currently in. If there is a green check mark next to your heading then it is set up properly! If there is a red X simply press either the left or right arrow keys until this icon changes to the green check mark.
Tip: Your headings should be in numerical order as you look down the page (e.g., H2, H3, H4 OR H2, H2, H2, H3). It does not matter how many headings of each type you have but, if you are adding a new size then levels should not be skipped (e.g., do not use H2, H2, H4, H2. Instead, use H2, H2, H3, H2).
The second option is to check your images through Image Check. This will show all of your images in the page. Under each image is a text box. You must use this text box to describe what the image is so a screen reader will be able to describe the image to a user. If this is simply a decorative image select the decorative image box.
The last option is to check the links on your page through Link Check. This will show all of the links included in your page. Your links should make sense when presented out of context. You can use this link checker to look at your links out of context and update any text needed by pressing the pencil icon next to each link.
When you have finished making your page more accessible, make sure to press the garnet Save button at the bottom of the page to save your changes!
If you do not already have the Design Tools menu open on your content page, navigate to the content page, click the Edit button, and then Press the rocket ship icon at the top right of your screen to open the Cidi Labs Design Tools panel on the right side of your screen.
Quick Tip: If you prefer to using keystrokes, you can use the keyboard shortcut Alt-Shift-D to access Design Tools.