Creating accessible content is about making sure that all users can access and navigate your web content — including, and especially, users with disabilities. 

Beyond providing a good user experience for all users, Seattle U is required by law to meet minimum accessibility standards; in practice, we strive to meet WCAG 2.0 AA standards.

As content editors of Seattle U's websites, there are several things you should do to increase the accessibility of your websites:

Use Plain Language

Writing clearly and simply is one of the most important things you can to do increase the accessibility of your web content.

"... the understandability of web content depends upon clear and simple writing. Unclear or confusing writing is an accessibility barrier to all readers, but can be especially difficult for people with reading disorders or cognitive disabilities."
— WebAIM: Writing Clearly and Simply

Minimize the use of jargon, acronyms, abbreviations. If they are necessary, then make sure to provide definitions.

Also, see our recommendations in Web Content Guidelines and Writing for the Web.

Use Proper Heading Structure

For users who are navigating your website using assistive technologies, such as a screen reader, make sure that your content is organized and marked up using proper HTML headings so that users can easily navigate your website content.

Seattle U content editors can use the Text Editor in TerminalFour to add proper heading structure by clicking Format > Formats > Headings and then selecting Heading 1 through Heading 6.

Screen shot of how to select headings in the TerminalFour Text Editor

Organizing your content using headings and subheadings will allow all of your users (especially those using assistive technologies, like screen readers) to quickly and easily find the specific topics they are looking for on your web page. 

Include Text Alternatives

When you use images or multimedia to convey important content to your users, it is important to include text alternatives that are accessible to users using assistive technologies.

'Alt' Description for Images

Every image should have an 'alt' description; this description is read to users by the screen reader and should convey the meaning of the image to someone who cannot see it. 

When you upload images to the Media Library, you should add an 'alt' description in the 'Description' field.

Screen shot showing where and how to add an 'alt' description to an image in the T4 Media Library

Try to stay away from images that include a lot of text on them. If the text within an image is conveying important content to your users, you must provide an accessible alternative, such as including the text in the 'alt' attribute or long description ("longdesc") attribute, adding a caption, and/or providing the text near to the image on the page.

Provide Transcripts or Captions for Video or Audio Content

When using video or audio content, it is important to provide a transcript, captions or subtitles for users who cannot hear or hear well.

In TerminalFour, we provide video content types which enable content editors to easily embed a YouTube or Vimeo video into your Seattle U websites. Both Vimeo and YouTube have 

Post Accessible PDFs

When you are posting a link to a PDF on your Seattle U website, you'll want to make sure that your PDFs are accessible before you upload them to the Media Library.

See Adobe's instructions on creating and verifying PDF accessibility.

Use Links Appropriately

Firstly, you should make sure that links are working properly. See our blog post on Preventing 404 errors for more information.

Next, link text should make sense out of context and should give users an idea of where they will go when they click on the link. (So link text like 'click here' are uninformative and especially unhelpful for users using assistive devices). 

Link text should be short; try not to use the entire URL for the link text, especially if it's lengthy and unintelligible/not human-friendly (screen readers read the entire URL out loud).

Also, links should be the only text on a page that are underlined.

Use Tables Appropriately

Tables on websites should be used to present tabular data only, and not to control the layout of your page.

If you need to present tabular data, then it's important for tables to be appropriately formatted in the HTML so that users can successfully navigate and derive meaning from the tables on your website.

But you don't have to know HTML in order to create accessible tables in TerminalFour.

Column and Row Headings

Screen shot of how to create a table with column and row headings for more accessible tables

Table caption and summary

Another strategy for making your tables more accessible is to add a caption and/or a summary. Table captions and table summaries are "metadata" which means that the information is not typically displayed on the page, but is added to the code "behind the scenes" but it is read aloud to users using a screen reader to provide context and other helpful information to derive meaning from the table. You can now easily add a table caption or summary by selecting Tables > Table caption/summary.

Screen shot of how to add a table caption and table summary for more accessible tables

Mindful Use of Color and Contrast

Some users (such as those with color blindness or contrast sensitivity) cannot easily distinguish between different colors, therefore you must be very mindful of how you use color and contrast on your website.

Don't rely on color alone to convey meaning, direct navigation or differentiate between items. 

Ensure you have sufficient contrast between the color of the text and the color of the background. If you're not sure whether you have sufficient contrast to meet accessibility standards, find out using a third-party resource such as the WebAIM Color Contrast Checker

Conclusion and Other Resources on Web Accessibility

As always, if you have any questions about what you can do to make your web content more accessible, feel free to check out the resources below and contact the MarCom Web Team for assistance.