The UNC Asheville website is visited and used by a diverse group of people from around the globe. Some of our users have visual or motor skill impairments and utilize assistive technologies such as screen readers and text-only browsers. It's important that we make our web content accessible to the greatest number of people possible.
Constructing pages within the Drupal CMS will assist editors in creating accessible content by prompting them for “alt” tags, for example. The templates within Drupal have been designed to meet level one of the WC3 Web Content Accessibility Guidelines. All web editors should familiarize themselves with these standards and attempt to maintain at least this level of accessibility.
- Use table headers (<th>) and table captions to properly structure any table you create.
- Always include descriptive Alternative (Alt) text when inserting images using the editor. The Alt text is what is read aloud to users with a screen reader.
- Create hyperlinks with descriptive text, like "Download the Student Handbook" or "Watch the Tutorial."
- Ensure any time-dependent multimedia content can be stopped stopped and started by the user.
- Always include closed-captions with video content.
- Include transcripts of audio content whenever possible.
- Include an in-text description anytime you post an image, movie, or other content that can't be accessed by a screen-reader.
- Ever use a table unless you are presenting tabular data. Never use it to format a list of events, create a “multi-column” layout, or for any reason besides sharing data.
- Post any flyers or posters as images without also including the text of the image in an accessible format. For example, if your flyer contains information about the time, date, and cost of your event, you will need to type that into your webpage somewhere so our visually-impaired users can access it. Another option would be to post the flyer as an accessible PDF.
- Post any videos that do not have closed captions. Textual transcripts may be an acceptable alternative in limited circumstances.
- Use Click here or This when creating links. Be descriptive in your link text.
- Use flashing images and text.