SEPTEMBER 2017
Image of a computer screen with the word "accessible" across the top.

Accessibility Tips to Help You Get Started

Accessibility is about equal access to website content by visitors with disabilities. The disabilities themselves may vary from cognitive disabilities (learning disabilities, ADHD) and/or visual disabilities (blindness, color blindness) to hearing disabilities (deafness, hard of hearing) and/or motor disabilities (inability to use a mouse or use fine motor control).  In practice, good website accessibility improves the user experience for all site visitors.

As you begin to consider how to improve the accessibility of your site content, the best approach is to begin with some easier tasks that make a big impact, then work on more complex tasks once you feel comfortable working within the guidelines for accessible content

So, where to start?

  1. Add Alt Text to all images in your Media Library. Click on an image in your Media Library, and fill in the Alt Text field with a description of the image (ex: UF Health Logo, or Dr. Katz with his lab staff). The description of the image should be helpful to someone with impaired vision, and concise. 
  2. Make sure link text makes sense on its own. Remove any instances of "Read More" or "Click Here" and replace them with text that indicates to the visitor why they are clicking on the link. (ex: Complete the Admissions Application, or Email Your Program Advisor)
  3.  Glance at your site content and see if improvements can be made to the heading structure. For example, is all of you text BIG and BLUE? Then you are likely not using the default paragraph text and using a heading text instead. Remember, heading text should only be used to help with the readability and usability of your content and not just to make it easier for visitors to read. Misusing heading text can cause complications for disabled site visitors.

More easy Accessibility tips are available on the Web Content Accessibility Guide.

---


Would you like to be a presenter at the Fall 2017 session of the Behind-the-Web user conference in October?

Web Services is accepting submissions for a 5-minute user presentation for the next session of Behind the Web. Have you created something new and interesting for your site, or do you have a website project you would like to share with other web content managers at UF Health? We'd love to learn more about your achievements!

Please send a summary of your presentation idea, including key points, to Nina Trombi at ninarz@ufl.edu by September 25, 2017. 

---
Animated image of a web browser zooming in and out using keyboard commands CTRL + or CTRL -

Is Website Text Hard to Read? Use Keyboard Commands to Zoom In & Out

 One of the main issues that leads to inaccessibility of UF Health sites is using heading text to increase the text size. However, there are two simple keyboard commands that make it easy for anyone to quickly increase or decrease the size of the text on a webpage. 

To zoom in or enlarge the text size, first press and hold down the CTRL key, then tap the "+" (plus sign) key. 

To zoom out or reduce the text size, first press and hold down the CTRL key, then tap the "-" (minus sign) key.

---
Animated image of buttons available by request.

New Accessible Buttons Available by Request 

Web Services is able to provide your website with the code necessary to help you create clean, accessible, and vibrant buttons for your website. 

Contact Nina Trombi at ninarz@ufl.edu to inquire about enabling this feature on your website.

View examples of each button.

---
Screen shot of the Biomedical Informatics

Design Inspiration: Biomedical Informatics

The landing page for Biomedical Informatics  is designed by Gerrett Rice, Communications Specialist for the Department of Health Outcomes and Policy. In it we see a repeated design element used to create this clean and simple landing page for that program. 

These graphics include images from campus and actual department staff instead of stock photography for a more personalized feel. In addition, the hexagons and binary numbers were included as part of the branding for the BMI program. Rice wanted to create pages that stood out from the others that would encourage visitors to explore the site for more information on the program.

Rice noted that the change to the landing page's design has increased the program's visibility and contributed to a 35% increase in enrollment.

---