Webmaster Papers








Web accessibility for screen magnifier users


The needs of screen magnifier users are overlooked when implementing web accessibility on to a website. Screen magnifiers are used by partially sighted web users to increase the size of on-screen elements. Some users will magnify the screen so that only three to four words are able to appear on the screen at any one time. You can try using a screen magnifier yourself by downloading the Zoomtext screen magnifier from http://www.aisquared.com/Products/ZoomText8_mag/FreeTrial/Z8FreeTrial.htm for a free 30 day trial.

The good news is that some of the basic principles for improving accessibility and usability for screen magnifiers users, also increase usability for everyone. To help, we've listed six ways to improve accessibility and usability for screen magnifier users:

1. Don't embed text within images

Text embedded within images can become blurry and pixelated when viewed in screen magnifiers, and therefore completely illegible. This is especially true when the image text is rather poor quality, so if you absolutely have to embed text within images then make sure the image is of high quality. Many screen magnifier users can find it quite difficult to read text at the best of times, so when it appears fuzzy to them it can become difficult to impossible to read.

It's not usually necessary to embed text within images anymore, as most presentational effects can now be achieved with CSS. By embedding text within images the download time of each page can become significantly greater due to the weight of these images - for users on dial-up modems it can be a real pain waiting for these images to download and render.

If you're not sure if a piece of text on the page is embedded within an image or not, try highlighting the text. If you can highlight each letter individually then the text is real text and isn't embedded within an image.

2. Clearly separate sections of the page

Different sections of each web page should be clearly separated through the use of borders and different background colours. Screen magnifiers users can only see one tiny section of a web page at any one time so it can sometimes be hard for these users to orientate themselves within the page.

By using a blue background colour for the navigation, for example, screen magnifier users can quickly move through the page and when they see a blue background they instantly know that the content are has finished and the navigation area begun.

Likewise, by separating different sections of the page with borders, when a screen magnifier user moves over that border they know they're moving into a different section. One especially common form of this, is using a vertical bar to separate horizontal navigation items.

Separating different sections of the page with background colours and borders doesn't only increase usability for screen magnifier users - it increases usability for everyone. When regularly sighted users scan through a web page, if the content, footer and navigation are all effectively differentiated it's very easy to quickly gain an understanding of the on-page layout.

3. Use clear and descriptive headings often

When screen magnifier users move their magnifier across the screen one of the items that stand out to them is headings. By ensuring heading text is large, and perhaps by differentiating it through the use of colour, it will stand out to these users.

Screen magnifier users usually have to stop the movement of the magnifier when they want to read a piece of text, so when they see a heading, they can stop and read it. Because headings (in theory at least!) describe the content contained beneath them, screen magnifier users can read a heading, gain an understanding of the content beneath it, and decide whether they want to read that content or not. If not, they can simply move the magnifier down the screen and stop at the next heading.

Headings are incredibly useful for fully sighted users too for essentially the same reason. When you scan through a web page, headings are one of the items that stand out to you. Again, you can read the heading (or listen to it for a screen reader user), and provided its descriptive, instantly gain an understanding of the content beneath it. You can then keep reading or skip on to the next heading down the page.

4. Ensure link text is descriptive of its destination

Link text such as 'click here' and 'more' should be avoided and replaced with link text that adequately describes the link destination. Link text, along with headings, is one of the items that stands out to screen magnifier users (and all users for that matter) when browsing a web page. If 'click here' is used then these users (and in fact all users) will have to search through the text before and after the link in order to work out its destination.

5. Avoid scrolling or flashing text

Scrolling or flashing text is generally known for offering poor usability, as it means that users can't read the text in their own time. This is doubly true for screen magnifier users who read web pages at a slower rate - chances are that they won't have time to read the text at all before it disappears.

6. Front-load paragraph content

By front-loading paragraph content, screen magnifier users can access the main point of each paragraph immediately. Front-loading means placing the conclusion first, followed by the what, why, when, where and how. By placing the conclusion first, screen magnifier users can read the conclusion of the paragraph straightaway and then decide whether they are interested in reading the rest of the paragraph or not.

If screen magnifier users aren't interested in the content of a paragraph, they can move the magnifier down the screen and when they see white space they know that the paragraph has ended and the next paragraph begun.

This rule about front-loading paragraph content actually benefits absolutely everyone. By putting the conclusion at the start of the paragraph, all users can instantly gain an understanding of the point of the paragraph and decide whether they want to keep reading it (or skip to the next paragraph).

Conclusion

All-in-all, there are quite a few things that can be done to improve usability and accessibility for screen magnifier users. The good news though is that all of them improve usability for absolutely everyone.

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.

RELATED ARTICLES


Guidelines for Web Page Optimization
Below, I have listed 8 simple steps that you can take to optimize your web pages. By following these, you will improve your chances of increasing your rankings:
The Top Ten Benefits of Having a Web Site
Do you need a web site? Are you considering getting one but are unsure? Here we take a look at the main reasons why a web site could be beneficial to your organisation.
Live Support from Your Website? Can You Do It for Free?
I'm a freelance programmer and somehow I managed to get clients, speak with them, and generate leads for years without a live help system. To be honest, I had put in bids for a "live" help system several times, and I wasn't aware there were free options out there.
Web Success Secret - Keep Your Visitors Interested
Visitors to your site come looking for information or solutions to their problems. They will remain there if they find what they are looking for. Otherwise there is always that Back Button to the search engine to click another site.
KISS Your Website!
Many web developers today are starting to KISS their website, and it shows!
Eight Deadly Web Site Mistakes and How to Avoid Them
Creating and maintaining an effective presence on the Web has become increasingly complex and challenging as the power of the Internet as a marketing tool becomes more and more necessary to entrepreneurs and emerging businesses.
Earn On Offshore Web Design and Development
If you have some experience in web site design and want to make good money you can try acting as IT-outsourcing partner. Learn more what you should know and how to start.
Free Websites & Why You Should Avoid Them
It amazes me how many people try to build serious websites with free web host providers. Granted, we all love things in life that are marked "free", but it doesn't always make sense to go that route if it will cost you more in the long run.
Ten Quick Tests To Check Your Website For Accessibility
The Disability Discrimination Act says that websites must be made accessible to disabled people. So how can you check that your website is up to par? There are a number of basic tests you can make to address some of the main issues that provide a good start in increasing accessibility to your site visitors:
Let Marketing Manage Your Website Content
The definition of the phrase "Content Management" depends on what the organization may need or a vendor may offer. There is no general purpose or standard content management system that can satisfy today's diverse business needs across the board. And so, factors for successfully implementing a content management system vary depending on individual business needs.
Instant Relevant Web Site Content - No Its Not a Bot
In about the Time it takes to Watch a Reality TV Show (About 1 Hour) I added 10 Pages of Relevant Content to my Web Page without a Bot.
Preventing Repeat Form Submission Using PHP Sessions
We've all seen those messages on some websites warning not to click a button more than once or negative consequences, like paying a bill twice, may result. Sometimes we can cause these problems by hitting the back or refresh buttons. In this article I will explain a methodology whereby a site can ensure each form is submitted only once, thereby demonstrating that such warnings are unnecessary and, depending on the nature of the problems caused, worth repairing immediately. Let's begin by taking a look at the process we are studying: Form Submission. As pedantic as it may seem, it will be worthwhile to detail each of the steps in this process: Visitor requests a page from the server which has a form on it.Server retrieves form and sends to user.User enters data on form and submits to server.Server processes form data and returns resultant page. The scenario we now need to analyze is when the user re-triggers a previous form submission process. What we need to find or create is something which changes during the form submission process which does not depend on the specific form being submitted and which we can tell changed. That was a loaded sentence which fully details our solution, so let's break it down. Find or create something which changes during the form submission process,does not depend on the specific form being submitted, andwe can tell changed.
Improve Web Sales Figures Forever And Ever Amen!
"How do I improve web site sales figures?" The CEO roared at the web developer. The web developer looked at his boss a little confused and mumbled something about it not being his core competence with him being a programmer and all. So next the CEO went to his marketing department and bellowed "How do I improve our web site sales conversion rates?" A few mouths opened as if to speak but nothing came out until finally exasperated the CEO tearing at his hair in frustration turned to a guy painting the wall and said, "Can you answer this question? How do I increase my web site sales figures?"
Why You Need A Web Site
"I have a small business with just a couple of employees and I don't think my product can really be sold online. Do I need a web site?"
Creating Dynamic Website Content with PHP - MySQL
Fresh website content for your visitors can be of real benefit when attempting to generate repeat traffic. Most webmasters, however, just don't have enough spare time to frequently update or rebuild their pages manually. If your web site hosting company provides free access to PHP and MySQL, this article will show you how to combine those two open source tools and replace a portion of your websites' static content with frequently changing dynamic content.
Does Your Business Really Need A Website?
Website, website, website, everyone says you need one. But do you really? It all depends. It depends on your market, business objectives, and even your comfort level and if you are willing to step outside of it.
What and How to choose the Right Keywords for Mega Traffic
Keywords in Search Engine Optimizing and Search Engine Marketing are the building blocks and foundation of your website on the search engines. If your foundation is weak or poorly put together your webpages won't have much to be based upon for the engines to rank with.
You Need a Website!
No matter the size of your business, having a web site is a low cost way to market your services and products twenty-four hours a day. Web sites are a constant advertisement for your business and will help you reach your targeted customers effectively. Your business will not be able to compete without a well-designed web site. There are several key elements to consider when you make the decision to start a new web site:
Disability Discrimination Act (DDA) & Web Accessibility
There's been widespread speculation about the new legislation being introduced under the DDA (Disability Discrimination Act), which will ensure that websites are accessible to blind and disabled users. Try to find specific information about it on the Internet and chances are you'll come up empty handed.
Develop a Solid Website Presence
Starting an internet business can be confusing to non-veterans. The internet is the new world of business and research. Conventional business practices rely on location. If we opened a bookstore on Broadway, New York City, thousands, or millions, would pass the store daily. In contrast, if we opened a bookstore on main street, Williamstown NJ, we would have significantly less customers passing each day.