Top Web Hosting Reviews
Top Web Hosting Provider of The Month:
Top Web Hosting
Visit Bluehost.com | Read Bluehost Review

>> Web Hosting Geeks // Web Hosting Articles // Web Development  


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 .


MORE RESOURCES:

Hudson Horizons Ranked as the Best Web Development Agency for March 2010 by ...
Online PR News (press release)
bestwebdesignagencies.com, the independent authority on the best web development, has ranked the best web development agencies for March 2010. ...

and more »


Bullseye Media Ranked Number 1 SEO Web Development Company in the UK
PR Web (press release)
... Bullseye Media is the #1 SEO Web Development Company in the UK thanks to a survey by topseos.com, one of the UK's best independent ranking sites. ...
Bullseye Media Recognized as the Best Web Development Firm in the United ...PR Web (press release)
Bullseye Media Recognised As Top UK Link Building CompanyPR Web (press release)

all 4 news articles »


The Time is Now for Mobile Web Development
HTML Goodies
WebKit, a layout engine used by many mobile devices and web browsers, allows web developers to create mobile websites with CMS functionality. ...

and more »


Source Offers The Most Versatile Web Development Solutions
BigNews.biz (press release)
Source provides you with the best solutions of web development as it is a professional web site design provider and has hands on experience in providing the ...



The Best Web Development Companies for March 2010 Ranked by topseos.com.au
Online PR News (press release)
Thousands of vendors were put through a stringent evaluation process in order to find the best web development companies. Online PR News – 17-March-2010 ...

and more »


Web Development Firm Bayshore Solutions Wins Gold ADDY® for Their Work with ...
PR Web (press release)
Winning a Gold ADDY® Award for web development and design work on Grow4Students.org, a student banking website for Grow Financial Credit Union, ...

and more »


Layer 8 buys Rochester Web development firm
Rochester Business Journal
Layer 8 Group Inc. on Wednesday announced the acquisition of Web site development and hosting company BlueLineIT Group. ...



High Tech Lounge

Amazon's Kindle may get a proper web browser
High Tech Lounge
According to a job listing for the e-reader division, Lab126, Amazon seems to want a more important role for web browser on the Kindle. ...

and more »


Web Design Experts Discusses Exactly What Goes Into a Web Development Project
BigNews.biz (press release)
In his line of work, Peter Crisafi, Vice President of dzine it, Inc., a Manhattan web development firm that serves clients around the globe, has dealt with ...



New, moving or expanding: Web development company opens in Sartell
St. Cloud Times
SARTELL — Stonebreakers Design, a new Web development company based in Sartell, ...

and more »

Google News





 
 
 

© 2004 - 2008 "Web Hosting Geeks" | Web Hosting Reviews | Customer Reviews | RealMetrics Reviews | Hosting Articles | Directory | Partners | Contacts
Over 7000 articles: web hosting, web development, domain names, ecommerce, web design, site promotion, ppc advertising, seo, site promotion and many others.
Web hosting reviews, ratings and awards are not based on any incentives or commissions. Names and trademarks are the properties of their respective owners.
A direct link to Web Hosting Geeks (http://webhostinggeeks.com) must be provided in order to use any of the above information. Contact us for more info.

Partners: Hosts by speed, Cheap Website Hosting, Free Website Hosting, Cheap Web Hosting, Top 10 Web Hosts, Top 10 Web Hosting Deals, Best Website Hosting, Free Web Hosting, Free Web Hosting, Dedicated Server Hosting, Adult Web Hosting, Web Hosting Discussions, Dedicated Server Reviews, Best Web Hosting, Web Hosting Discounts, HostProfessor.com, rsuog, halyava, PHP Website Hosting Services, Web Hosting Reviews, Hosting Uptime, Best Web Hosting Reviews, Cheap Webhosting, Web Hosting, Flash Templates, CMS Templates, Web Hosting Reviews, Website Hosting Reviews, Web Hosting Providers, Best Web Hosting, Top Web Hosting, RSUOG Web Hosting