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. We have provided links to federal and UF IT accessibility policies on the Resources page under “Accessibility Resources.”
Web Accessible content…
- uses a logical heading structure
- splits larger chunks of information into smaller ones
- includes alt tags 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.
As of July 2017, UF Health websites no longer allow you to add media to a page or post without an alt tag present. Adding the alt tags allows a site visitor equal access to the site content because they will know what that image was of.
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.
Adding captions to the video is not only helpful to deaf visitors, 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.
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.