Web Accessibility: The Basics
|
|
What is web accessibility & why is it important?
Web accessibility is about making your website accessible to all Internet users (both disabled and non-disabled), regardless of what browsing technology they're using. In addition to complying with the law, an accessible website can reap huge benefits on to your website and your business.
Your website must be able to function with all different browsing technologies
The first and perhaps the most important rule of web accessibility. Not everyone is using the latest version of Internet Explorer, with all the plug-ins and programs that you may require them to have for your website. Different browsing technologies, each with their own accessibility requirements, can include:
* Lynx browser - Text-only browser with no support for tables, CSS, images, JavaScript, Flash or audio and video content
* WebTV - 560px in width with horizontal scrolling not available
* Screen reader - Page content read aloud in the order it appears in the HTML document
* Handheld device - Very small screen with limited support for JavaScript and large images
* Screen magnifier - As few as three to four words may be able to appear on the screen at any one time
* Slow connection (below 56kb) - Users may turn off images to enable a faster download time
* 1600px screen width - Very wide screen
This basically means that to ensure your website is accessible to everyone you must provide alternatives to:
* Images - in the form of ALT text
* JavaScript - through the tag
* Flash - with HTML equivalents
* Audio & video - by using subtitles or written transcripts
For enhanced website accessibility you must also be careful how your pages look when support for CSS and/or tables has been removed.
There are two good ways you can check your website is accessible for all these:
* Download the Opera browser and read this article on checking web accessibility with Opera (http://www.sitepoint.com/article/checking-just-browser)
* Download the Lynx browser from http://lynx.browser.org and see if you can successfully access every part of your website
Forms need to be accessible to all web users
When a web user fills out a form it's a great thing. People fill out forms to:
* Buy a product * Sign up to a newsletter * Ask a question
These are the goals of your website! A site visitor may look through your site, decides he likes what he sees and tries to sign up to your newsletter.
...But the form isn't accessible to him so he clicks away and you lose a potential customer. Most forms on the web suffer from accessibility issues. The two main reasons for this are:
* Prompt text is incorrectly positioned * Prompt text is unassigned to form items (Prompt text is the text that appears next to each form item, for example, 'name', 'e-mail', 'comments')
To find out more please read this article about making your forms accessible ( http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/accessible-forms-1.shtml ).
It should be easy for all users to quickly process the content on your website
We generally don't read web pages. We scan, trying to find what we're looking for as quickly as possible. On a regular monitor, we scroll down the page looking at the items that stand out from the rest of the text: headings, links, bold text and bullet points. Non-keyboard and visually impaired users often scan pages by tabbing between headings or links.
To ensure the accessibility of your website, use headings, links, bold text and bullet points and make sure they contain descriptive text. For example, never use 'click here' for link text.
Structure and presentation should be completely separated
By separating structure and presentation your website will be accessible to and ready for the future of the Internet: PDAs, mobile phones, in-car browsers, WebTV and 1600px screens.
The structure of a document is how it is organised, usually with navigational menu items, headings, sub-headings, paragraphs, lists, and links. The presentation of a document is how these words and images are presented to the end user.
The main principle behind this accessibility guideline is to use CSS and not tables to lay out your web pages. Check out our CSS resources area for how to use CSS to increase your website's accessibility.
There's more to separating structure and presentation than just laying your web pages out with CSS. Have a look at this HTML element list that tells you which elements are structural and which are presentational. For optimal web accessibility, you can, and should, avoid using presentational elements as they may cause your website to become less accessible to certain users.
The end user should have control over your web pages
All web users have unique requirements for how they use the Internet, depending on the kind of browser they're using or any kind of handicap or disability they may have. By handing control back to your users you'll enhance your website's accessibility and you site visitors will be able to use your website in the way that best suits them.
This accessibility guideline could mean allowing users to resize text, warning them when links are going to open in a new window, or providing a link at the top of the screen that takes the user directly to the page content.
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. They offer fantastic accessibility & CSS support packages, which you can read all about at http://www.webcredible.co.uk/support .
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterProfitable Websites For Exclusive Industries
In the region where my company is located, South Bend, Indiana, the demand for web design and associated services could be described as: leery. It's not that the locale is horribly lacking evolvement technologically; rather that so many proprietors in this area are very uncertain as to what the internet can do and how they can go about forming profitable web sites for their exclusive industries.Small businesses and corporations need to understand that the internet is...(related: Web Development)
Remember This When Building A New Site - Beginners Guide
I recently helped my mom to launch a website (www.mom2me.com) to publish some of her recipes and it was probably the best wake up call I have had this year. It dawned on me that I actually do not know nearly as much as I thought I did. In fact it was evident that some things are best left to the ...(related: Web Development)
Are You Losing Sales Because Of These 4 Simple Website Mistakes?
Losing website sales and traffic is sometimes simply a case of web usablity - your website just isn't clear to your visitors. By fixing these simple mistakes, you'll easily increase your conversion rate and make more online sales.Mistake #1: No Clear Web Navigation SystemIs t...(related: Web Development)
Make Your Artist Website Sell!
SummaryHere's the scoop on what you must know when designing a website to showcase your art, impress galleries, and win over collectors. Learn how to avoid the mistakes most emerging artists make when creating their online portfolio.1. You need an artists websiteAny artist who can classify themselves as either "emerging" or "mid-career" will definitely benefit from having their own website to promote their work. At this stage of your career it is important to be able to have a place where anyone in the world can easily access and view your work.2. Know who you are trying to impressAre you trying to engage a Soho gallery to sell your $20,000 paintings or sell $5 prints to children in Korea? That Soho gallery might not be impressed when they see your online-store se...(related: Web Development)
Conceptualize, Build And Publish A Web Site
Conceptualize, Build and Publish a Web site - What's required to get startedAll of us knowingly or unknowingly, use a standard decision making process in our day-to-day lives. The very first step of this process is to decide whether TO DO or NOT TO DO. If the choice is TO DO, we think of the various ways and means of attaining our objective/s, compare their pros & cons and take a fi...(related: Web Development)
How To Get A Knock Out Website!
The first step in setting up an online business...Starting an online business for a brand new entrepreneur is a lot like falling in love for the first time. There is enthusiasm, the feeling of a new high in life and determination to make it work at all costs. All superior emotions, but making sure that your business grows will also take a sharp reality check. The reality is that along with enthusiasm and determination, you also need to be a smart marketer to make your business profitable....(related: Web Development)
How To Handle Web Surfers Who Disabled Javascript
There are hundreds of millions of Web surfers today. Each of them uses one of multiple web browsers available now. You as a Webmaster create cool web pages that are full of graphic and JavaScript and look very impressive in modern web browsers like Internet Explore...(related: Web Development)
Uk Online Shopping With An Edge, For Buyers And Sellers Alike
Any new website competing on the internet, needs to take its business seriously, as there is so much competition around. So, there needs to be an edge on quality, content, and general user appeal.The raw basics in designing and running any commercial website, are to consider the customer first, and last. Time is a precious commodity, and so a user friendly website, with little form filling, that takes the user straight to where he wants to be, are the foremost requisites in creating an online business.Once created, constant updates, the latest information, and a clear and concise approach to absolutely every aspect of the website, all ensure the end user believes in what he is seeing...(related: Web Development)
Building Websites With Directory Generator
Directory Generator, a product from Armand Morin and Marc Quarles, builds directory-style websites for you in a matter of minutes. It is simple to use, it's reliable, it does what it claims to do. The tool is essentially a push-button site builder - all you really have to do is up...(related: Web Development)
How Your Own Website Helps Your Small Business Grow
What do you mean, you don't have a website for your small business? Now that the Internet age is well and truly upon us, small business owners who haven't yet realised what a well-designed website could do for their business are getting harder and harder to find. If you're one of them, though, read on to find out how starting your own website could help your small business grow.A small business website widens your client baseAnd it doesn't just increase it a little bit either - it increases it a lot! If your business currently gets most of its custom from pass-by trade, or from word of mouth, you could be amazed at the amount of new business your own website could bring you. When you get your website online, you're no longer restricting yourself to your own local area: your small business website can be seen be people all over the w...(related: Web Development)
Learn To Build A Better Online Business Website Using Keywords And Content
Are you aware that 90% of the websites on the Internet today are a waste of time and space. You have probably been on some of the sites I am referring to. You know the ones that when you arrive it really has nothing to do with your search criteria.Why do online business newbies create these websites?How many web...(related: Web Development)
Websites: You Get What You Pay For!
So you finally decided to invest in a web presence or upgrade your current site? There are many available choices in "web designers" to choose from. This decision is an important one! You may have a relative or friend of a friend who will do your web site at a very low cost from the comfort of their house. At the same time you receive a quote of a higher price from a professional design house. Who do you choose? The first instinct is to always assume the lower price is a better choice. This article will discuss why this isn't always true, and why "YOU GET WHAT YOU PAY FOR!"After 5 years of web site development, I noticed a reoccurring response when I did proje...(related: Web Development)
Now You Have A Web Site - Have You Ever Heard Of Accessibility?
An accessible Web site is easily approached, easily understood, and useable for all. There are accessibility standards set forth by the World Wide Web Consortium, which all sites should adhere to as much as possible.Web site owners should be aware of accessibility standards, because most designers and developers often ignore them. It is a waste of your investment to develop a great site that many Web surfers may not even be able to use.While personal sites can get away with more innovative technologies, most commercial sites should not go overboard. If you do business internationally, or with customers who are located anywhere but in a city, the user's bandwidth is a big iss...(related: Web Development)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Development