Our Web Services team is in charge of functional aspects of web accessibility, such as making sure our web pages are able to used with assistive technology.
Through training and working together, we continue to make our website stay on the forefront of accessibility guidelines.
check icon Provide text alternatives for images
check icon Caption all audio and video content
check icon Use Heading Levels to assist in scanning
check icon Use Proper Color Ratios
check icon Make Links Descriptive and Actionable
check icon Ensure tables are used for data only
check icon Indicate non-html doc type with brackets [PDF]
check icon Make links unique
check icon Check PDFs for accessibility tags
check icon Complete each page's Properties
Creating pages that are both concise and outlined in a logical way is an essential part of allowing everyone to access and understand your information. A page could be easy to read, but if the information is not structured and condensed in a way that makes sense to your audience, then users will not read your content at all.
When you are writing content for your department's web pages, imagine you are going to your page for the first time to get resources about your department or program.
Then, ask yourself these questions:
The navigation, also known as a menu, of each page is essential to a positive user experience.
For example, if you go to our Web Services' landing page, the page has a horizontal navigation that says the following:
When our team developed the content for this section, we determined which resources and what information would be most needed and and most useful to the audience of our pages: web publishers.
It, then, became a logical choice to ensure we placed links like "Policies & Guidelines," "Training," and "Work Request."
Since all web publishers need to attend training courses, it is extremely logical to have "Training" as a link on our navigation with a drop-down.
We knew it was also important for only relevant content to appear in the "Training" drop-down. Because of this we chose the following:
Think of the navigation of your section as a roadmap highlighting the major landmarks of your target audience's journey. And remember it is best, in a menu, to avoid link to the same page multiple times.
Once you have mapped out where you want to place links, it's time to consider the
text you use to label your links.
When you link something, you get to choose the text that will show on the page, also known as the “link text” or “Text to Display." All link text should be unique, actionable and informative, always letting the user know, with or without context, where it will take them.
Do use a text description: Go to Augusta University’s registration page.
Don’t use a URL: http://www.augusta.edu/2019/registration=information/hP76unChl97nzdNMRqrTP
Of course, grammar always matters, but what really matters most on the web is offering users as much quality information as you can in a small amount of time.
To accomplish this:
Remember, even out of context, links need to provide information to the user.
Heading Levels create a structure for web pages, much like an outline. If used correctly, headings allow everyone to quickly navigate all of the information on a web page.
In OU Campus, we have the option to choose Heading Levels one through six.
Frequently, instead of creating a brand new webpage for some information, we just upload a document for people to refer to. That’s perfectly acceptable (and in some cases preferable), but there are rules regarding documents and accessibility.
In Microsoft Word for Windows, Mac, and in Word Online, you can add tags for accessibility, automatically when you save a file in PDF format. This allows users to read the PDF by using large-type displays, personal digital assistants (PDAs) and mobile phones.
Scanned Images are not accessible!
Images can be useful, when they supplement text. However, photos, illustrations, graphics, charts, maps, and other types of images present significant obstacles for learners who cannot see the images. All non-decorative images need alternative text (alt text) that helps viewers percieve and understand the image's content.
Descriptions are needed, too, for users on a slow internet connection. Without a effective description in place, an image is pointless.
NO images of text, flyers, or posters
Use Proper Color Ratios
Caption all audio and video content
Complete each page's Properties