Web Accessibility. . . Making your Pages Friendly to People with Disabilities

Written by Robin Nobles


Did you know that nearly 20 percent of all Web users have some form of disability?

“Making your site accessible for all is a matter of courtesy, is good business practice, and is not difficult,” explains Robert Roberts, a professional SEO who ownsrepparttar SEO Toolbox (http://www.seotoolbox.com).

In fact, Roberts believes that Web accessibility issues are so important that he’s been having monthly chat sessions onrepparttar 132799 subject for students atrepparttar 132800 Academy of Web Specialists (http://www.onlinewebtraining.com/courses.html). He’s also created a special section of his Web site that’s devoted to accessibility issues (http://www.seotoolbox.com/htmlchat/accessibility.html).

Roberts states that disabilities can be anything from “simple” color blindness to more severe disabilities.

The Use of Alt Text to Solve Accessibility Issues

“Let's start with image alt tags. You can userepparttar 132801 alt tag to your advantage, not just for SEO purposes. The alt description tells those users with assistive technologies whatrepparttar 132802 image is about.

“There isrepparttar 132803 issue of lots of clear images meant to be used as spacers in layouts. Should you use an alt tag for every one of those? Yes, in a sense, you use what's calledrepparttar 132804 Null Alt, meaning an empty alt tag, like this: alt="". Notice that there is no space betweenrepparttar 132805 quotes, which means that assistive devices will bypassrepparttar 132806 image and not try to explain it. But if you don't use it, assistive devices will show a blank whererepparttar 132807 image would be or cause other display issues.

“The alt tag for navigation images is critical. Actually, you should use text navigation wherever possible, as good SEO’s, but there are times whenrepparttar 132808 layout uses buttons, which brings up another issue - that of navigation preceding content.”

Solvingrepparttar 132809 Problem of Navigation Preceding Content

Roberts continues, “When a person using an assistive device opens a Web page, he or she is usually greeted by lots of navigation before getting torepparttar 132810 content. Furthermore, an assistive device like a screen reader will read ALL ofrepparttar 132811 navigation every single time. One solution is to include a "skip navigation" link that allowsrepparttar 132812 person to jump torepparttar 132813 page content. This can be inrepparttar 132814 form of a tiny hidden clear image linked to an anchor tag.

“If you would like to see an example, take a look atrepparttar 132815 source code for any page at SEO Toolbox (http://www.seotoolbox.com). The logo atrepparttar 132816 top ofrepparttar 132817 page is linked torepparttar 132818 menu, becauserepparttar 132819 menu markup is actually atrepparttar 132820 bottom ofrepparttar 132821 HTML code. You would be able to use this strategy with any assistive device or in a text browser like Lynx.”

Why Accessibility Issues Are So Important These Days

“One ofrepparttar 132822 reasons all of this is so important,” says Roberts, “is because of a lawsuit in progress that looks like it may get torepparttar 132823 Supreme Court. A blind man in Florida is suing Southwest Airlines because he is unable to complete normal transactions on their Web site."

By means of explanation,repparttar 132824 Americans with Disabilities Act provides provisions onrepparttar 132825 accessibility of public accommodations torepparttar 132826 disabled, and this isrepparttar 132827 Act that is being referenced inrepparttar 132828 case.

The plaintiffs inrepparttar 132829 case claim that Congress wroterepparttar 132830 ADA so broadly thatrepparttar 132831 Internet is covered, meaning that it 'applies to Internet Web sites just as it does to brick-and-mortar facilities like movie theaters and department stores.'

The defendants (Southwest Airlines and American Airlines) have takenrepparttar 132832 position that Congress never meant to includerepparttar 132833 Internet, because cyberspace was in its infancy atrepparttar 132834 timerepparttar 132835 law was written. So,repparttar 132836 argument is whether a Web site is a 'public accommodation' under Title III ofrepparttar 132837 ADA.

“But," continues Roberts, "there is a precedent that will surely influencerepparttar 132838 outcome. In Australia, a similar suit was brought a couple of years ago by a blind person againstrepparttar 132839 Olympic Committee because he could not get tickets online. The suit resulted in a win for him: a $20,000 damage settlement.

“What all this means is that sooner or later, any Internet site offering goods and services will have to comply with accessibility standards.”

Maintain Your Site with Page Include Files

Written by Larry Poch


Maintain Your Site with Page Include Files by Larry (Momp) Poch

We all know how web sites seem to take on a life of their own. Asrepparttar number of pages increases maintainingrepparttar 132797 site can be a time consuming task...!

The use of "Page Include" files makesrepparttar 132798 task of editing web pages a lot easier and faster. An additional benefit is that it reducesrepparttar 132799 size of a page, thus improving page load time. This article takes a brief look at three forms of "Page Include" files. CSS Includes, SSI Includes, and Javascript Includes.

1.. (CSS) Cascading Style Sheet Includes

CSS can be used to formatrepparttar 132800 page margins, font, link colors, and much more. Create a file in your text editor, and include allrepparttar 132801 common stylesheet declarations for your pages, now save repparttar 132802 page with a .css file extension.

Note:repparttar 132803 declaration tags are not included in an external style sheet. This reference is inrepparttar 132804 Link Relevant tag used to call uprepparttar 132805 stylesheet.

For this example we will callrepparttar 132806 stylesheet page "main.css". h1 {color: #ff0000; font-family: arial; font-size: 14px; text-decoration : underline; } p {font-family: verdana; font-size: 10pt; color: #ffffff; } td {font-family: verdana; font-size: 10pt; color: #ffffff; } a {font-family: arial; font-size: 10pt; font-weight: bold; } a:link {color: #0000ff; text-decoration: none; } a:visited {color: #800080; text-decoration: none; } a.menu:link {color: #ffffff; text-decoration: none; } a:hover {color: gold; text-decoration: underline; }

Inrepparttar 132807 tag area ofrepparttar 132808 pagerepparttar 132809 "main.css" stylesheet is called up usingrepparttar 132810 LINK REL tag.

Now when you want to add or change your page format, just edit this one file. The changes will appear on any page whererepparttar 132811 stylesheet is called up.

For more on CSS see: http://www.mompswebdesign.com/css/index.html AOL Users Click Here

--------------------

2.. (SSI) Server Side Includes

SSI is a great way of controlling site content that appears on multiple pages across a web site.

Requirements: 1..your web site server must have SSI enabled. 2..most web hosts requirerepparttar 132812 SSI pages to have a file extension of .shtml in place of .html or .htm 3..the file extension used will depend onrepparttar 132813 operating system used onrepparttar 132814 web hosts server.

Windows servers use .asp file extension. Windows script:

Unix/Linux servers use .php file extension. Unix/Linux script:

This example will build a navigation bar forrepparttar 132815 bottom of a page. My web host server is Linux so we will userepparttar 132816 .php file extension.

Create a file in your text editor and includerepparttar 132817 HTML code for repparttar 132818 navigation bar. Now saverepparttar 132819 SSI page with a .php file extension. Any HTML coding can be used in a SSI file, butrepparttar 132820 file should only includerepparttar 132821 code forrepparttar 132822 specific item. We will name this file "bot_nav.php" and place it in a sub-directory called "ssi"

Now placerepparttar 132823 following script code onrepparttar 132824 page inrepparttar 132825 location you wantrepparttar 132826 navigation bar to be rendered.

Cont'd on page 2 ==>
 
ImproveHomeLife.com © 2005
Terms of Use