We have a collection of self-paced training you can follow to learn more about creating accessible digital content. Along with the following ten ways to make your content accessible, you can refer to more specific instructions using materials in each topic.
- Ensure Adequate Color Contrast
- Use high-contrast color schemes to help users with low vision or color blindness.
- Provide Alternative Text for Images
- Add descriptive alt text to images so screen readers can convey their purpose to visually impaired users. Keep the descriptions concise but informative, focusing on the essential information conveyed by the image.
- Use Headings and Structured Layouts
- Organize content with clear headings, subheadings, and lists to help users navigate easily. Properly structured HTML tags (e.g.,
<h1>
,<h2>
,<ul>
) improve compatibility with assistive technologies like screen readers
- Organize content with clear headings, subheadings, and lists to help users navigate easily. Properly structured HTML tags (e.g.,
- Ensure Reading and Navigation Order is Logical
- The reading order is the sequence in which assistive technology interprets text, images, and other content elements. An intuitive reading order ensures that content is accessible logically and sequentially, mirroring its intended flow. This aspect is particularly important for devices like screen readers, which rely on the established order to narrate the content to users with visual impairments accurately.
- For websites, use keyboard only to navigate the site to ensure there are no keyboard traps
- Use True Tables with Headers
- Use true tables with headers to organize information. This makes it easier to read and understand relationships between data, which enhance accessibility for those using assistive technologies, and allows for easier data manipulation and analysis.
- Use Descriptive Hyperlinks
- Not sure what that is? No problem. These are hyperlinks in a web page or document that clearly and accurately describe the destination or purpose of the link. They improve accessibility and usability and clarify the link’s purpose and destination. An example of a descriptive hyperlink is IT Accessibility at UConn.
- Make Interactive Elements Accessible
- Ensure buttons, links, and form fields are labeled clearly and large enough to click. Test keyboard navigation to confirm all interactive elements can be accessed without a mouse. Add ARIA (Accessible Rich Internet Applications) labels where needed.
- Use Clear and Simple Language
- Avoid relying solely on color to convey meaning—use text labels or patterns as well. Write in plain language to ensure content is understandable for people with varying literacy levels. Avoid jargon, technical terms, or complex sentences unless necessary, and provide explanations when they are used.
- Provide Transcripts and Captions for Multimedia
- Offer transcripts for audio content and captions for videos to accommodate users who are deaf, hard of hearing, or prefer to consume content in text form. Ensure captions are accurate and synchronized with the audio.
- Use Accessibility Checkers/Tool
- Use the accessibility checkers to help identify potential barriers to accessibility, such as missing alt text for images, improperly structured headings, poor color contrast, and accessibility issues.
- Microsoft Office Accessibility Checker
- Blackboard Ally in HuskyCT or Blackboard Ally for Websites (contact itaccessibility@uconn.edu for access to Blackboard Ally for Websites)
By implementing these tips, you’ll make your content more inclusive and usable for a broader audience.