Web accessibility
Creating accessible websites helps ensure everyone can access university information, including people who rely on screen readers, captions, or keyboard navigation.
This page includes training videos, best practices, and tools to help you create and check accessible web content.
Accessibility training for Modern Campus CMS web editors
These short videos introduce common accessibility practices for editing webpages.
This webinar covers common accessibility issues found on UA websites and how to fix them in Modern Campus CMS.
Modern Campus CMS includes a Page Check tool that scans pages for spelling errors, broken links, HTML validation issues, and accessibility problems.
Key accessibility practices for web content
When editing webpages, focus on these common accessibility practices.
Headings help organize long pages and allow screen reader users to navigate content more easily.
Best practices:
- Use Heading 1 (H1) for the main page title
- Use H2 and H3 headings to structure sections
- Do not skip heading levels
Videos:
Images must include alternative text (alt text) so screen readers can describe them to users who cannot see the image.
Alt text should briefly describe the purpose or meaning of the image.
Video:
Additional resources:
- - ADA National Network and OCR
- - W3C WAI
- - Blackboard Help
- - Canvas LMS Basics Guide
Link text should clearly describe where the link goes.
Avoid vague links such as:
- Click here
- Read more
- Link
- Spelled out URLs
Instead, use descriptive text such as:
- Download the financial aid application
- View the academic calendar
Videos:
Videos should include accurate captions so users who are deaf or hard of hearing can access the content. See the video accessibility page, for more information and resources.
Accessible video may also include:
- transcripts
- accessible media players
- audio descriptions (when needed)
Videos:
Captioning resources:
- - ADA National Network
- - Open Education at UAF
- - UAF
- - iTeachU
-
Text must have enough contrast with its background to be readable for users with low vision or color blindness.
Test contrast with:
Video:
These web accessibility tips and web accessibility principles can be used by web designers, developers, or content authors to guide them in creating or deploying web-based resources that are fully accessible to all users.
Quick accessibility checks for your website
You can quickly test many accessibility basics using these simple checks.
Accessibility scanning tools
Scans individual webpages for accessibility errors.
Useful for checking password-protected content.
Chrome extension that scans individual webpages.
Need help?
If you need assistance resolving an accessibility issue on a university website, contact your campus support team.
