/_resources/images/swtcc-logo.png

Accessibility Guideline

• Use the eLearn page templates.

How to Make it Accessible

• The built-in templates will help keep your material looking uniform, attractive and accessible. 

Accessibility Guideline

• Properly format headings.
• Use headings in the correct order.

How to Make it Accessible

• Highlight the text and select the Heading # from the Format drop-down menu on the tool bar. 
• There should be only one Heading 1 (h1) per page. But there can be multiple h2, h3, h4, h5, h6. DO NOT skip heading levels. 

Accessibility Guideline

• Add alternative (Alt) text to images.

How to Make it Accessible

1. Place the cursor where you want to insert an image and click the Insert image icon from the toolbar. The Add a File window will open.
2. Browse to the image location and select the image file. Click Add button.
3. The Provide Alternative Text window will open. Describing the purpose of the image in the Alternative Text field or check the box if the image is just decorative. 
4. Click Ok

Accessibility Guideline

• Format a list as a list using Ordered or Unordered lists.

How to Make it Accessible

1. Select the content you want to make into a list.
2. From the toolbar, click the Unordered/Bulleted list icon if the order doesn't matter. Select Ordered List from the drop-down menu (next to the bulleted list icon) if the order does matter. 

Accessibility Guideline

• Write meaningful link text that indicates the link's destination.

How to Make it Accessible

1. Highlight meaningful text for the link.
2. From the toolbar, click on the Insert Quicklink icon.
3. Select URL in the Insert Quicklink window.
   1. Type or paste in the URL. Select Whole WIndow in the Target section
4. Click the Insert button.

Best Practices

• Indicate column (or row) headers in data tables.

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 Properties. The table cell properties window will open.
4. In the Cell type field, click on the drop-down list and select Row Header or Column Header. 
5. Click Update button.

Best Practices

• Add table caption.

How to make it Accessible

1. Select the table and click on the drop-down menu next to the Table icon. 
2. Select Table Properties, and check Include Caption.
3. Click Update when done.

Best Practices

• Check the reading order.

How to make it Accessible

• 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.
• Make sure you construct your tables in a way that accommodates a good reading order.

Best Practices

• Use sufficient color contrast.
• Don't use color alone to convey meaning.

How to make it Accessible

1. Select the text that you want to change to another color.
2. Click drop-down menu next to the Apply Color icon in the toolbar.
3. Select the color and click Save.
   Note: When picking a color for your text in eLearn, make sure you choose a color that registers with a green checkmark for WCAG AA in the Select a Color palette.
   
   Don't use color along 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, those who are color blind or blind will not benefit from the color distinction. 

Best Practices

• Write math and science equations using MathML.

How to make it Accessible

Use the eLearn equation editor. For more information go to the Math & Science page in this handbook. 

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 YouTube or the Kaltura/My Media player.