people.ua.edu
  • About
    • FAQs
  • Getting Started
    • Themes
    • Workshops
    • Site Request
  • Learn
    • Accessibility Guidelines
    • Online Training Guide
  • Go Live
  • Showcase
  • Our Blog
  • Log In

Introduction to Screen Readers

4/3/2013

 
One of the major points we emphasize is the concept of accessibility. As you design your website, it is essential to remember that people of different abilities will be accessing your site. Poor design can create barriers to accessibility. To illustrate this concept, today we will discuss screen readers and how your website's features can help or hinder their performance.

A screen reader is a software application that interprets the content on a computer screen to a format that can be accessed by visually impaired people. Commonly, screen readers convert visual text to spoken words to which the person can listen. 

Here is a highly informative video showing a screen reader in action:
As demonstrated in the video, the layout of a website is important to its accessibility. The distinction between titles and body text becomes essential to a site's ease of access. It can be tempting to use the "Title" element to make text big and bold, but if the content is not actually a title, the screen reader becomes less effective in examining the content of a page. 

If you would like to edit the size and boldness of text to emphasize it, edit the text of the "Paragraph" element to do so rather than using the "Title" element. Make your text bold, italicized, underlined, a different color, larger, or smaller, all from the blue toolbar that appears as you edit the content of the "Paragraph" element. For instructions on how to do so, visit our First Elements page of our Online Training Guide: http://www.people.ua.edu/first-elements.html

For more information about accessibility, visit our Accessibility Guidelines page: http://www.people.ua.edu/accessibility-guidelines.html
There, you will find a fun and educational infographic on the best design practices for your website.

Happy designing!

    Archives

    November 2021
    April 2021
    December 2019
    November 2019
    July 2019
    May 2019
    January 2019
    August 2018
    July 2018
    June 2018
    March 2017
    January 2017
    November 2016
    September 2016
    July 2016
    May 2016
    February 2016
    November 2015
    October 2015
    July 2015
    June 2015
    April 2015
    February 2015
    November 2014
    October 2014
    September 2014
    August 2014
    June 2014
    April 2014
    February 2014
    November 2013
    October 2013
    September 2013
    August 2013
    June 2013
    May 2013
    April 2013
    March 2013
    February 2013
    January 2013


    Categories

    All
    Accessibility
    Clip-art
    Columns
    Dashboard
    Embed Code
    Flickr
    Forms
    Graduate Students
    Html Code
    Illustrations
    Images
    LabRoots
    Nursing
    Optimization
    Personal Academic Website
    Photos
    Responsive Design
    Screen Reader
    Settings Tab
    Sidebar
    Slideshow Headers
    Social Media
    Spotlight
    Stats
    Summer
    Themes
    Twitter
    Web Design
    Weebly Cloud
    Weebly Support

    Follow us! Right-click and copy the link below. Create an RSS feed right in your Outlook or other feed reader application. 

    RSS Feed

(205) 348-3532
Accessibility | Equal Opportunity | UA Disclaimer | Site Disclaimer | Privacy
 Copyright © 2023 | The University of Alabama | Tuscaloosa, AL 35487 | (205) 348-6010
Website provided by the Center for Instructional Technology, Office of Information Technology
  • About
    • FAQs
  • Getting Started
    • Themes
    • Workshops
    • Site Request
  • Learn
    • Accessibility Guidelines
    • Online Training Guide
  • Go Live
  • Showcase
  • Our Blog
  • Log In