Accessibility

One in four adults has some type of a disability which includes visual, hearing, motor and cognitive. These disabilities can impact the way that users access and interact with your website through the use of assistive devices and technologies. 

The Web Content Accessibility Guidelines (WCAG) is the rulebook we follow to make sure our websites are accessible to all. CORE and Pantera are fully compliant with WCAG 2.1, so if your website is a CORE build, most of the work is done for you. However, accessibility should be part of your day-to-day when managing your website. Images, documents, links, videos and more must all be created with accessibility in mind.

Color contrast 

Poor contrast can render text unreadable and strain the eyes — not just for people with color blindness or impaired vision but for all users. Fortunately, our color palette keeps this in mind. Use the FIU branded colors and consider which colors combinations contrast best for text and interactive elements. 

Color Guidelines

Test any background/font color or font size work best with the WebAIM contrast checker.

Color contrast is especially tricky for text on full-color images. Use a transparent overlay to improve visibility and test out any image with the Text on background image checker.

Multimedia

Alt text

Users who require screen readers can't access text or other information contained within an image. Alt text can be presented in many ways. Use the "Image description" field when inserting images to add simple alt text. If the message is more complex, consider writing a caption or long description somewhere near the image on the page.

Image alt text best practices

Captions

Videos are a great way to present information but must have captions or another text alternative to be fully accessible. It's essential for people with auditory disabilities and highly convenient for users in an environment where they cannot hear it or turn up the volume.

Captions, transcripts, and audio descriptions

Converting pdfs, Word documents and other files

Reading information in a pdf or Word document is a bad experience for any internet user. Think of the last time you clicked a link and it unexpectedly downloaded a document to your phone. For users who require screen readers it’s even worse — it’s like the content isn’t there at all.

Downloadable documents must be remediated, or converted to an accessible format, in order to be processed by a screen reader. While it’s best to avoid this step altogether and instead include content as text on a webpage, some documents such a printable flyers or forms must be remediated.

FIU’s Disability Resource Center has a file format-converting service that FIU has licensed for current students, faculty, and staff. 

Alternative Format Conversion Tool

You can also learn how to remediate documents on your own:

Siteimprove

All websites are assessed by Siteimprove to assure they meet the minimum requirements for accessibility. This is one of the final steps before launching a website. Siteimprove assigns a score for quality assurance (based on misspellings, broken links) and accessibility (image alt text, headings, accessible links). A passing score is required to launch your website. Learn how to use Siteimprove.