Web Content Accessibility Guide

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…


Web accessible content uses a logical heading structure.

Not Accessible

website content written in heading 3 only

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.

Accessible

Site content written in with standard capitalization

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.


Web accessible content splits larger chunks of information into smaller ones.

Not Accessible

website content with no heading structure

This large block of text is hard to read and may even cause site visitors without visual imparments to skip the content.

Accessible

Website content with a heading and bulleted list

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.


Web accessible content includes Alt Text with all images.

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.

Not Accessible

View of a media file details without alt text.

No alt text means a visitor using a screen reader will not know what the image was.

Accessible

View of a media file's details with alt text.

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.


Web accessible content limits the use of ALL CAPS.

Not Accessible

Site content written in all caps

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.

Accessible

Site content written in with standard capitalization

The content is written using normal sentence casing which is much easier for the user to read either with or without assistive technologies.


Not Accessible

Website content with an inacceassible link

The “Read More” link is not descriptive and means nothing if separated from the content.

Accessible

website content with accessible links

Instead, using links with descriptive text, and separated from the content just slightly can be very helpful to all site visitors.


Web accessible content captions all videos and post transcripts for all audio files.

Not Accessible

screen shot of a video with no captioning

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.

Accessible

screen shot of a video with captioning enabled

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.


Web accessible content labels form fields correctly.

Not Accessible

view of a form without labeled fields

These form fields are not labelled and would be confusing to any site visitor.

Accessible

view of a form with labelled fields

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.