This guide is meant to provide UF Health website content editors and administrators with specific and important examples of what is, and is not, accessible web content. This is not a comprehensive list of the accessibility requirements as outlined by section 508 of the federal Workforce Rehabilitation Act.
Web Accessible content…
- uses a logical heading structure
- splits larger chunks of information into smaller ones
- includes alt text with all images
- limits the use of ALL CAPS
- ensures text links make sense on their own
- captions all videos and post transcripts for all audio files
- labels form fields correctly
- only uses ACCESSIBLE PDF and Microsoft Office files if the content cannot be included as a webpage
The page content above is in one big block of text and formatted with Heading 3. With all of the text formatted as Heading 3, this could interrupt how to some visitors with screen reading technology access the information, and it can also cause problems for your search engine results.
Using headings in a proper manner (to denote the flow of content) gives us a page of content that is easier to read for all users, and will not interfere with screen reading technologies. The content on this page was reorganized with a logical structure of headings and subheadings. The content was broken up in a way that is easier for users to scan through to find the information they are looking for quickly.
This large block of text is hard to read and may even cause site visitors without visual imparments to skip the content.
The content was reorganized and reduced to only the most critical information. A bulleted list was created to add a little more emphasis to each list item.
Tip: If your image contains text, such as words on a sign, it’s best to include the text from the image within the Alternative Text so it’s possible for the website visitor to access that information.
No alt text means a visitor using a screen reader will not know what the image was.
As of July 2017, UF Health websites no longer allow you to add media to a page or post without alternative text present. Adding the alt text allows a site visitor equal access to the site content because they will know what that image was of. Please do not add a blank space or period in this field in place of an actual description.
Using all caps in your writing can make it hard to read not only for those with visual impairments but cognitive impairments as well. This text, while nicely organized, is not accessible.
The content is written using normal sentence casing which is much easier for the user to read either with or without assistive technologies.
The “Read More” link is not descriptive and means nothing if separated from the content.
Instead, using links with descriptive text, and separated from the content just slightly can be very helpful to all site visitors.
Without captions, videos are inaccessible for people that may be deaf, hard of hearing, or not native English speakers. Many viewers without disabilities prefer to read captions to help them better understand the information they may miss in the video due to the audio quality, or the noise levels in the area they are watching the video in.
Adding captions to the video is not only helpful to deaf viewers, but others that are hard of hearing. You might also want to include a link to a video transcript for visitors to read along with the video.
These form fields are not labelled and would be confusing to any site visitor.
Fortunately, our Gravity Forms plugin takes care of this accessibility of your forms for you. As you rename the fields of your forms, Gravity Forms also labels them with the same name so that users with assistive technologies will still be able to complete the form.
Web accessible content only uses ACCESSIBLE PDF and Microsoft Office files if the content cannot be included as a webpage.
First ask yourself, “does this content need to be in a PDF or Microsoft Office file instead of a webpage?” Web pages should be your “go-to” method of adding content to your site. PDFs and other downloadable files should only be used if no other option is available. If a PDF or Microsoft Office file is the only means to post your content, you must make sure they are accessible. There are many tutorials online that can teach you about creating accessible PDFs and Office files.