Creating Accessible Webpages

K-State home
Canvas
Accessibility
Creating Accessible Webpages

Creating Accessible Webpages

Checking a website for accessibility

Look for:

Blinking animations that cannot be turned off
Low color contrast between text and background
Low readability of text when magnified
Images of text instead of real text
Non-descriptive links or full web addresses
Visual wording or using color to indicate instructions
Lack of detailed descriptions of complex images or charts
Features that are inaccessible using keyboard navigation only
Videos without captions
Podcasts without transcripts
Interactive elements that are timed or require a mouse

<p>Self-paced Access MOOC from SUNY <img src="https://k-state.instructure.com/courses/74713/files/7375201/download" alt="Cc-by-nc-sa_icon.png" width="40" height="12" data-api-returntype="File" data-api-endpoint="https://k-state.instructure.com/api/v1/courses/74713/files/7375201"> </p> <h2>Resources</h2> <p>Make sure you are aware of the accessibility settings in your web editing tool. The following sites will help you test accessible webpages:</p> <ul> <li> <a href="https://webaim.org/">WebAIM.org</a> </li> <li> <a href="https://www.w3.org/WAI/test-evaluate/">WAI - Evaluating Web Accessibility Overview</a> </li> <li> <a href="https://wave.webaim.org/">WAVE Web accessibility tool</a> </li> <li> <a href="https://chrome.google.com/webstore/detail/chromevox/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en">ChromeVox </a>and <a href="https://www.chromevox.com/tutorial/">ChromeVox Interactive Tutorial</a> </li> </ul> <h2>What to do if your resource website is not accessible</h2> <p>If the resource that you would like to use has more than 25 errors, it will be necessary to determine if this is the best resource to use.</p> <ul> <li>If there is a more accessible alternative, use that alternative source</li> <li>Create a Word file of the content and include this on your Canvas page as the accessible alternative, leaving the original link to comply with copyright</li> <li>If you have further questions about making a resource available to a student with specific accommodations, reach out to the <a href="mailto:accesscenter@ksu.edu">Student Access Center</a> for help </li> </ul>

Resources

Make sure you are aware of the accessibility settings in your web editing tool. The following sites will help you test accessible webpages:

Inaccessibile Website

If the resource that you would like to use has more than 25 errors, it will be necessary to determine if this is the best resource to use.

If there is a more accessible alternative, use that alternative source.
Create a Word file of the content and include this on your Canvas page as the accessible alternative, leaving the original link to comply with copyright.
If you have further questions about making a resource available to a student with specific accommodations, contact the Student Access Center for help.