Overview
Be an digital ally: create accessible content
We can all create accessible digital content by using plain language, readable fonts and colors, and using tools like accessibility checkers to proof our content before sharing it. In the same way that we use spell check features so our email and documents are free from spelling errors, we can use accessibility checkers to minimize accessibility errors in our content. Learn the plays below and commit to making content that is accessible to everyone.
Site Components and Styles
External content note
Digital Accessibility Plays
Select a card to learn each play, or view all plays as a list
Best practices
Use clear, plain language
Define abbreviations and acronyms
Headings should convey meaning
Ensure fonts and text are readable
Indicate meaning using more than just color
Ensure text and background have clear contrast
Lists are used correctly
Links are accessible
Write hashtags in Title Case
Use the most accessible mail format
Images have alternative text
Most text is left-justified
Images are accessible
Review quarterly
Just like security, digital accessibility requirements will evolve; especially as software and technology continue to develop.
Power Plays
Power playbooks contain plays covering more advanced concepts for design, development, procurement, and videos. These plays are under development as part of our Digital Accessibility Roadmap. In the mean time, free training is available from Level Access.
Best practices
Headings should convey meaning - Advanced
Recommended Training
Additional Accessibility Training
Web component accessibility
It's important to ensure these components and factors are designed with digital accessibility (DA) in mind (which also improves SEO). UTMB is striving to meet the Web Content Accessibility Guidelines (WCAG) 2.1 AA, but aim for 2.2 AAA if it's reachable. Some guides to get you started:
- Content Hierarchy (Document Model) (Chrome Dev tools accessibility tree)
- Semantic HTML Elements
- Navigation Menus
- Hyperlinks
- Forms & Validation
- Media (Audio & Videos, Images)
- Font & Page Magnification
- Color Usage / Contrast
- Custom Widgets / Controls
- Usable without Styles or Scripts