Versions Compared

Old Version 19

changes.mady.by.user Janice Orcutt

Saved on

compared with

New Version Current

changes.mady.by.user Janice Orcutt

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
bgColor#FFF0B3

ID&D KB How-to Guide

Working together to enhance teaching & learning. If you need additional assistance, please reach out to the ID&D team.

...

DesignPLUS offers several tools to help with making content more accessible for students. The tools include the Contrast Checker, Headings Checker, Image Alt Checker, Link Checker, Math Checker, and the Table Checker tool. Each of these checkers and tools have easy ways to quickly adjust your content to make it more accessible, creating a much more user-friendly learning experience for all your learner types.

View this tutorial video to explore the capabilities of the accessibility tools offered in DesignPLUS.

Iframe
srchttps://play.vidyard.com/JUQuTySAMK8WXcDEb3dNXR.html
width530
titleDesignPLUS Sidebar: Accessibility & Usability
classvidyard_iframe
height305

...

Tip

Tip!

You can click on the images in this article to see them larger and with more detail.

Accessing the Accessibility and Usability Tools

  1. To access the Accessibility tool in DesignPLUS

    1. Click on the Accessibility icon at the top of the Sidebar

    2. If you have issues on your page you will see an error indicator in the icon

    3. Where errors occur, the tool to correct it will have an error indicator

    4. Click on the tool where errors occur

      access icon.png

...

Contrast Checker Tool

The Contrast Checker tool will check the color contrast of any text on the page. If the font color is too light it will present a problem for viewing with a screen reader due to the lack of contrast.

...

Expand
titleStep-by-Step...

  1. Click on the Image Alt-Text Checker tool un the Accessibility tools, even if no error flag appears.

    imagealt 1.png

  2. When the tool opens,

    1. At the top you will be provided a short explanation of what Alt-Text is used for

    2. The images that appear on your page will be displayed in a column under the guidance

    3. For each image a warning message will appear if you have either not provided alt-text or marked the image as decorative

    4. If you have entered a file name as the alt-text, the tool will remind you that this is not a good practice

      imagealt 2.png

  3. To correct this issue, enter the appropriate selection:

    1. If the image is purely decorative, you can check the tick box on the upper right side

    2. If the image is something relevant to the content on the page, enter a description in the Alt-Text box

      imagealt 3.png

  4. When you have made your entries, the error message will disappear, and the page will be ready for a screen reader to interpret the images for a student.

Tip

Tip!

Avoid using the phrase “An image of” in your alt-text description.

Do not use the file name in the alt-text.

...

Child pages (Children Display)
alltrue
pageDesignPLUS Tools for MyClasses

...