HOW TO MAKE Accessible D2L Web Pages Component Guideline
How to make it accessible
1. Select the cells to be marked up as a row or column header. 2. Click on the drop-down menu next to the Table icon in the toolbar. 3. Choose Cell> Cell Properties. The Table cell properties window will open. 4. In the Cell type field, click on the drop-down list and select Header cell. 5. Click Save button.
• Indicate column (or row) headers.
1. Select the table and click on the drop down menu next to the Table icon. 2. Select Table Properties , and check Show Caption . 3. Click Save when done. 4. A small cell/row will appear at the top of the table, extending the width of the table. Type the caption here. • A screen reader reads tables from left to right, and top to bottom, never repeating a cell. • Merged, nested, and split cells may alter the reading order of a table. • Construct your tables in a way that accommodates a good reading order. 1. Select the text that you want to inspect or change. 2. Click the Select Color icon in the toolbar. 3. Select the color and click Save . Note: When picking a color for your text in D2L, choose a color that registers with a green checkmark for WCAG AA in the Select a Color palette • Don’t use color alone to make a distinction, a comparison, or to set something apart from the rest of the web page. If you categorize something by color alone, people who are color blind or blind will not benefit from the color distinction.
TABLES
• Add table caption.
• Check the reading order.
• Use sufficient color contrast.
COLOR
• Don’t use color alone to convey meaning.
• Write math and science equations using MathML.
MATH & SCIENCE
Use the D2L equation editor. For more information, go to the Math & Science page in this guide.
• Eliminate or limit blinking/flashing content to 3 seconds. • Make sure all mouse actions can also be completed with a keyboard alone (without a mouse). • Use an accessible media player like Panopto.
MULTIMEDIA
3 B
Made with FlippingBook Annual report maker