Web Team & Accessibility
Who Should Use This Page
- Faculty and staff who create or manage CMS website content
- People who publish or approve information in the CMS
- Anyone responsible for keeping departmental websites accurate and up to date
Your Accessibility Responsibilities
Map out your page structure
You will want to decide what will be H2 and H3 sections will be so the page follows a clear outline.
Choose the right format for your content
Think about whether your content truly needs to be a PDF, Word document, or image. Often, putting the information directly on a webpage is easier for users and more accessible.
Think through how your site will appear on mobile
Our sites receive more traffic from mobile than desktop. Keep this in mind and avoid layouts that don’t translate well to smaller screens.
Alt Text is Correct
Make sure the Alt Text on your photos are accurate. More information on Alt Text is available on the Accessibility Website
Avoid Duplicate Hyperlink Text
Descriptive hyperlink text should not be duplicated on a page. Example of duplicate hyperlink text
Keep paragraphs short and readable
Break your content into small, easy-to-scan sections. If you target a 9th-grade reading level, it will make your content easier to follow.
Use headings in order
Think of your page like a book. Headings should follow a clear outline so readers — and screen readers — can move through the content in the right order.
Descriptive link text clearly explains the destination
Link text should tell users where the link is going. Avoid showing the full URL, especially if it is long. Example of descriptive hyperlink text
Embedded Hyperlinks Make Sense
You will want to embed the hyperlink within other text, rather than the full text of the hyperlink. Example of embedded hyperlinks. Example of embedded hyperlinks
Examples
Avoiding duplicate hyperlink text
The same hyperlink text should not be used for hyperlinks going to different destinations. Users may not notice the difference if the hyperlinks are not properly explained. If the destination pages are not the same, make sure the hyperlinks can be distinguished by their hyperlink text alone and make it clear that those lead to different destinations.
Incorrect Use: (all of the "contact us" hyperlinks in this example lead to a different webpage)
- For more information about how to make your website accessible, contact us!
- Sign up for our monthly newsletter via our contact us form!
- Please use the contact us form to report any problems with your website.
Correct Use: (all of the "contact us" hyperlinks in this example lead to the same "contact us" form)
- For more information about how to make your website accessible, contact us!
- Sign up for our monthly newsletter via our contact us form!
- Please use the contact us form to report any problems with your website.
Embedding the hyperlink
When creating a hyperlink you will want to embed the hyperlink within other text, rather than the full text of the hyperlink. This will make your page easier to understand and provide the user details as to the destination of your hyperlink, instead of a seemingly random combination of characters. This is a critical step for screen reader users so that they won’t have to listen to their screen reading software read every single character of the URL.
When creating a hyperlink to a file such as a Word or PDF document, you should include the document with the rest of the embedded text. For example, linking to a PDF map of the Allendale Campus would be Allendale Campus Map (PDF).
Using Descriptive Hyperlink Text
Use descriptive hyperlink text rather than only URL text or non-descriptive text. Hyperlink texts should be written so that they would make sense out of the context of your page. Generic hyperlink text such as “Click here” and “More” gives no indication as to the destination of the hyperlinks. We should not make our users have to click a hyperlink to find out where it goes.
Incorrect Use:
Click here for more information about web accessibility.
Correct Use:
Visit our Web Accessibility Site for more information about making your pages compliant.
Questions for the Web Team?
Have questions or need help with CMS?