Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in /home/a26f9f83/public_html/articles/includes/config.php on line 159
Improving Usability for Screen Reader Users > NetSparsh - Viral Content you Love & Share

Improving Usability for Screen Reader Users

Simply ensuring your website is accessible to screen reader users is unfortunately not enough to ensure these users can find what they're looking for in a reasonably quick and efficient manner. Even if your site is accessible to screen reader users, its usability could be so incredibly poor that they needn't have bothered coming to your site.

Fortunately, there are plenty of simple-to-implement guidelines you can follow, which not only drastically improve usability for screen reader users, but for all web users:

1. Descriptive headings

The use of on-page headings is one of the most important usability features for screen reader users, as it helps them more easily understand the page structure. Although text on the page may appear to be a heading for sighted users, it must be labelled as a heading within the HTML code for screen reader users to know it is a heading.

Screen readers don't look at web pages - they read through the HTML code. If a piece of text is called a heading within the HTML code then the screen reader will announce that it's a heading. If not, screen reader users won't actually know if something that visually appears to be a heading is actually a heading.

Another usability benefit of using headings for screen reader users, is that these users can call up a list of on-page headings and jump to the section of the page in which they're most interested. This works in much the same way as sighted web users scanning through web pages by glancing at headings. If headings are descriptive of the content contained beneath them it becomes far easier for screen reader users to find the information which they're after.

2. Descriptive link text

Screen reader users can browse through web pages by calling up a list of on-page links, and activating the link in which they're most interested. As such, non-descriptive link text such as 'click here' should be avoided at all costs as it makes no sense whatsoever out of context.

The good news is that the use of descriptive link texts represents a usability benefit for everyone. When we scan through web pages, one of the items that stands out to us is link text. 'Click here' is totally meaningless to web users scanning through pages and forces users to hunt through surrounding text to discover the link destination.

3. Lists

Using lists within the HTML code is extremely useful for screen reader users, as screen readers announce the number of items in each list before reading out the list items. This helps these users know what to expect when hearing a list of items (such as site navigation).

This works in mush the same way as an answer phone telling you how many messages you have, before listening to them. By informing you of how many messages you have, you instantly know what to expect. If there's only one or two messages you can probably remember them; much more and you'll probably want to get a pen and paper and make notes.

The use of lists is really just a behind-the-scenes change to the code and needn't affect the visual appearance of the website.

4. Logical linearization

Screen reader users generally have to listen to web pages from start to finish, top to bottom, left to right. Sighted web users on the other hand can glance through a web page almost randomly, spotting important information wherever it may appear on the page. Because of this, important information should always be placed towards the top of the page.

One example of how not to do this is to place instructions for a form at the bottom of the page.

Placing important information towards the top of the page actually benefits everyone, as the important information is now in the place where sighted users look first - the top of the page.

5. Short, succinct ALT text

ALT text is the alternative text for images that gets read out to screen reader users. Any website offering even basic accessibility will provide this alternative text. Some websites try to over-explain the information conveyed by images, forcing screen reader users to have to listen to a lot of unnecessary and irrelevant information.

Screen reader users often take longer than sighted web users to work through websites, so help make their surfing time easier with succinct ALT text.

6. Short, front-loaded paragraphs

Front-loading means placing the conclusion first, followed by the what, why, when, where and how. By placing the conclusion first, screen reader users can instantly gain an understanding of what the paragraph's about. They can then decide whether they want to keep on listening or if they want to skip to the next paragraph (which they can easily do with the screen reader). If the paragraphs are short, they can do this safe in the knowledge that they won't be missing extra information.

Front-loading content obviously benefits everyone, as web users no longer have to search around for the main point of each paragraph.

7. Descriptive page title

The page title is the very first thing that screen reader users hear when arriving at any web page, so it's truly essential that it's descriptive of the page. Again, this benefits everyone as users can use the page title to orientate themselves and confirm that they're on the page they think they're on. This is especially true for web users on dial-up connections where the page title displays a number of seconds before the rest of the page.

Conclusion

There are a number of relatively simple and painless things that can be done to improve usability for screen reader users. Fortunately, nearly all of them improve usability for all web users, meaning everyone benefits - which is never a bad thing.

This article was written by Trenton Moss. He's crazy about web usability and accessibility - so crazy that he went and started his own web usability and accessibility consultancy (Webcredible - http://www.webcredible.co.uk) to help make the Internet a better place for everyone.

In The News:

This RSS feed URL is deprecated, please update. New URLs can be found in the footers at https://news.google.com/news

Techaeris

Web development services: What business opportunities do they provide?
Techaeris
Web development services are becoming more crucial with each passing day. Simple site builders can provide some semblance of a digital presence albeit a temporary one. A higher level of site quality is becoming a deciding factor that can make or break ...


Customer Think

Know about the current trends in web development
Customer Think
In case of web development, you may have probably heard that the only constant is the change. It is an industry-defining statement as web development keeps on changing. User expectations are evolving rapidly, and it is quite essential than ever before ...


Business 2 Community

4 Ways to Ensure Effective Web Development
Business 2 Community
When it comes to building a new website, many businesses choose to focus predominantly on the design aspect of the project when approaching agencies to carry out the work. Whilst design is a vital part to any web development project, there are a vast ...


International Association of Athletics Federations

Job vacancy: Marketing and web development project manager
International Association of Athletics Federations
The IAAF is seeking a marketing and web development project manager at its Monaco headquarters. Reporting to the chief information officer, the marketing and web development project manager will oversee several projects and ensure that information ...


Neowin

Pay What You Want for this Full Stack Web Development Bundle
Neowin
Today's highlighted deal comes via our Online Courses section of the Neowin Deals store, where you can Pay What You Want for the Full Stack Web Development Bundle. The world's best developers are Full Stack developers. Here's 122+ hours of ...


Coinpedia (press release) (blog)

Top 10 Crypto Web Development Company
Coinpedia (press release) (blog)
After the emergence of the first cryptocurrency in 2009, a chain of reactions started leading to the growth and development of the cryptocurrency industry. Here we are listing the Top ten companies that are leading in cryptocurrency web and application ...


Chicago Business Journal

Sun-Times partnering with Vox Media for website development
Chicago Business Journal
As part of the new partnership, the Sun-Times also will join Vox Media's digital advertising marketplace, a move Sun-Times management conceded could affect staffing in the newspaper's in-house advertising and web development units. According to the Vox ...

and more »

Code Staff: Disrupting a 40 Billion Dollar Web Development Industry with Its Launch Success and Continued Popularity
Digital Journal
For clients and businesses, it still is hard to find quality and reliable experts in web design, web development or software development. While this is the dilemma to the client side, there are more than hundreds of thousands of tech professionals ...

and more »

Huddle Today

Zwebra Web Development Company Shares Experience After One Year In NB
Huddle Today
“Founded in 2009, Zwebra specializes in custom web design, application development and digital marketing. Today, the company has four people working in offices in Saint John and Moncton and more than 20 specialists working in the office back in Ukraine.


Chicago Sun-Times

Chicago man charged with using social media to recruit operatives for ISIS
Chicago Sun-Times
Al Safoo — who sported a beard and was escorted by U.S. marshals while wearing an orange jumpsuit — said during a brief court appearance that he has a master's degree in computer science and has worked in IT for a web development company in River ...
Chicago man used social media to recruit fighters for Islamic State, encourage terrorist attacks, feds allegeChicago Tribune

all 72 news articles »
Google News

Have You Got Your Ear To The Ground Or Your Head In The Sand?

What happened on your website yesterday? What about last week... Read More

I Did It: Six Months to a Successful Website

For years now I've been looking to start my own... Read More

Guide to Internet Business - Design and Content

After deciding what kind of internet business you want to... Read More

In Business? 10 Reasons Why You Need a Website -- Now!

1) Word of Mouth The single most powerful form of... Read More

Your Biggest Mistake When You Create a Website?

--------------------------------Why Should You Create a website?--------------------------------A. What do you want... Read More

Web Designer? You Dont Need No Stinkin Web Designer!

RIVERSIDE, CA August 4, 2004 ?- "Historically, small business owners... Read More

Content Management ? The New Standard in Web Design

The evolution of web development parallels the model of technology... Read More

The Web: Your Window of Opportunity

Thinking about starting up a business? The web is the... Read More

The Power Is In The Pipes: How To Get Maximum Leverage From Your Website

What is the most important part of your online business?Many... Read More

Website Survival Guide

In the big, wide online world there are millions of... Read More

Setting Up Your First Website

Q. Hey, Cathy: I'm just setting up a website. What... Read More

7 Reasons Why Your Small Business Needs A Web Site

Many small businesses have the misconception that their business can... Read More

Cost Effective and Powerful Dynamic Websites w. Fantastico Web Hosting

If you are developing your website on a host that... Read More

PHP & Account Activation

When a user signs up at your website, you may... Read More

The Road to Better Results

A lot has changed in the way sites are optimized... Read More

Website Success is Key

The popular search engine Google indexes over 8 billion websites.... Read More

Study Your Sites Performance Via Hit Tracking

Knowledge is power.And undoubtedly, it is the key to making... Read More

How To Start Your Own Website

I'm one of those people that always wanted a website,... Read More

Beyond Web Usability: Web Credibility

If you've been developing websites on Mars for the past... Read More

HTML Editors 101 - Smaller Is Better

SiteSpinnerSiteSpinner is a user-friendly web site development tool that includes... Read More

The Cost Of A Web Site

Just starting out, you can start with a simple informational... Read More

Autoresponders Make You Look Like A Pro

People like to get immediate responses to requests. Autoresponders are... Read More

How to Make Your Own Free Website in 8.5 Minutes or Less

Designing and creating your own website does not have to... Read More

Benefits Of An Accessible Website: Part 1 - Increase In Reach

The DDA (Disability Discrimination Act) states that service providers must... Read More

Making The Business Case For Web Standards

Through the explosive growth of the Web, companies have realized... Read More