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.
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterAbandonment - Why Visitors Don?t Turn Into Customers
Every good Internet business understands the value of conversions versus hits received. Far too often, businesses become fixated on the hits they are receiving instead of monitoring their hit to sale conversion rate. This misguided focus is the road to ruin because it fails to take in the issue of abandonment.Abandonment"Abandonment" is one of those terms that has a ...(related: Web Development)
Why Should Your Business Go O.n.l.i.n.e.
Optimize your time. How much time each day must you devote to paperwork, scheduling and accounting? You strive to meet the needs of your clients, but when chained to the obligations of business management, it's just as important to make sure the doors stay open as it is to satisfy customers. By integrating your daily tasks and taking advantage of the amazing Web-based software solutions out there, you can make more time for clients and spend less time behind your desk. Do you work from home? When your business is online, you can manage your business any place you have a connection to the InternetNickel here, nickel there. A close second to making ...(related: Web Development)
Bring Your Visitors Back Clamoring For More! Maintain And Improve Your Web Site Weekly - Part 1
80% of your Web site is Maintenance!Once your Web site is up, you must maintain it. That means changes, and each time you make a change, you may make a mistake. I'm really grateful when people point out myWeb glitches by emailing me, and these encourage me to be more proactive by checking my site each week.If your visitors get a link that doesn't work, see incomplete instructions, or read your dull instead of passionate copy, they will leave your site immediately, and not bookmark it.Before you invite potential buyers to see your masterpiece you need to check and correct all parts of your site, and especially the home page. Use the seven tests below to guarantee you loyal customers and clients.1. TEST YOU...(related: Web Development)
Do This One Thing To Create A Powerful Product-selling Web Site
Spend time planning your Web site. Before you design a page or write a word, get a visual, and mental picture of your preferred audience. Your visitors will spend up to 10 seconds on your home page, so plan accordingly.Draw your specific audience's attention with compelling headings that include benefits that will solve their problems.1. Define your preferred audience. Picture them as you create your home page. Create an audience profile including their special needs and concerns. Make sure your Web site solves their problem, and it has a lot of information that will help your visitors.2. Make your home p...(related: Web Development)
Your Biggest Mistake When You Create A Website?
--------------------------------Why Should You Create a website?--------------------------------A. What do you want when you create a website?B. What to do to get what you want.--------------------A. What do you want?--------------------1. You may be in a non-profit organisation and want to post forthcoming events on the web. You don't want to have thousands of visitors to the site. But wait - do you want to create a website for new members from the web? I found a new barbershop singer thr...(related: Web Development)
Beware The Software Siren
I've heard several prominent web marketers mention in their classes and public forums how easy it is to create your own software. Why, all you have to do is run over to Elance.com or RentACoder.com and have some poor shmoe from Outer Slobvia whip out what you want. And all for the price of a few trips to Starbucks.Uh, not quite.Is that a spec in your eye?First of all, there is the matter of specifications. A spec is a descrip...(related: Web Development)
What Your Customers Say About Your Site! Part 1
The following is a list of patterns that many visitors follow, and you can use these suggestions to better your site.1. Your visitors often stay for less than 30 seconds. This is a very bad sign! There are a multitude of solutions for this. Often when a visitor leaves that fast, it's because something almost "forced" her (the average e-consumer is in fact a woman!) to leave. Frequent causes of this are ugly sites! I use the term ugly because many ugly sites are bringing in more money than you can imagine, but truley ugly sites, or ones with very hard to read / obnoxious text will force a visitor away.Your site may load far too slow! If your site loads slower than 20 seconds, you are literally driving away a third of your traffic. By the time the rest of the traffic ge...(related: Web Development)
What You Should Know Before Getting A Web Site!
Everyday thousands of new businesses make the leap and take their business on line, what about yours? If you haven't already, I'll bet you have thought about it and wondered how much more business you could be doing if you just went on line?and right about then, you wonder what it would ta...(related: Web Development)
Benefits Of An Accessible Website: Part 2 - The Business Case
The DDA (Disability Discrimination Act) states that service providers must not discriminate against disabled people. A website is regarded as a service and therefore falls under this law, and as such must be made accessible to everyone.Some organisations are making accessibility improvements to their websites, but many are seemingly not making the accessibility adjustments. Disabled people don't access their website, they say, so why should they care?There are, however, two very good reasons as to why businesses should start taking these issues seriously:1. An accessible website will make you more money2. ...(related: Web Development)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Development