Creating Accessible Websites With Dreamweaver CS3
 Established Profitable Health Turnkey Website Business  US $49.95
|
 Established Profitable Golf Turnkey Website Business US $49.95
|
 Custom GOLFING website w-Admin area - 16500 ITEMS US $9.99
|
 WEBSITE FOR SALE VINTAGE CARS ARTICLES VIDEOS SEO SITE US $14.95
|
 Turnkey Aff Travel Website Business Adsense Web Site US $19.95
|
 Custom MP3 music website w-Admin area - 5 million ITEMS US $9.99
|
 3000 WEBSITE TEMPLATES GRAPHICS Photoshop WEB DESIGN US $12.49
|
 Custom MUSIC website w-Admin area - 2 million ITEMS US $9.99
|
 2 websites 2 domains BEST PACK OF ADULT WEBSITES US $69.00 |
 TURNKEY JEWELRY ECOMMERCE WEBSITE BUSINESS FOR SALE US $.99
|
| Powered by phpBay Pro |
Accessibility, in the context of websites, refers to the degree to which the content you add to your web site can be accessed by your audience; all of them, not just the able bodied ones and those with 20/20 vision. Accessible websites offer good support for screen readers, cater for users who browse the web without viewing graphics and who wish to magnify the text on your pages to a level comfortable for their eyesight.
Creating accessible web pages is the responsibility of the person developing the web site. However, Dreamweaver has a couple of features which assist web page creators in ensuring that their pages are accessible. Firstly, the program can be asked to display a dialog with relevant accessibility options whenever you add an element to a page. The program also has an accessibility check feature which looks for elements on the page which are not accessible.
The main settings in Dreamweaver are located by choosing Edit - Preferences. On the left of the Preferences screen there are a series of categories. In the General category, you should ensure that the option to use CSS instead of HTML tags is activated. Also, in the Accessibility category, you should switch on all of the checkboxes for displaying a dialog of relevant accessibility attributes for form object, media (Flash, video etc.) and form elements.
So what is the result of switching on these various preferences? Well, firstly, Dreamweaver will use CSS tags whenever you format text or the background of the page. The CSS tags contain the formatting information and will be placed in the head area of the page away from the content which will be in the page body. The program will also display a dialog box with accessibility options each time you insert an image, form field or media element such as a Flash movie or video clip.
With the accessibility options activated, whenever you insert an image onto the page, Dreamweaver will display a dialog asking you to enter alternate text (alt text). The alt attribute provides a description of the image which can be seen by anyone waiting for the image to load on a slow internet connection. Anyone browsing your site with a screen reader will rely on your alt text to know what each image contains.
You will also notice an option to enter the file path of a file containing a long description of the image. Such a file should be prepared for images containing more detail than can be described with an alt tag, for example, a technical illustration or a photograph containing important details.
When the accessibility options relating to forms are active, Dreamweaver will display a dialog of options every time a form or form element is added to the page. The first set of options relates to the addition of the LABEL tag which serves to associate descriptive text labels with the form control to which they relate. The dialog also allows you to specify the order in which elements will be accessed by pressing the Tab key on the keyboard.
Similarly, if you add a media element to a page, the accessibility dialog pops up and prompts you to enter up to three elements: a title, an access key and a tab index. The title should be a description of the media element and serves a similar function as the alt text which is used with images. The access key is an optional keyboard shortcut which can be used to make the media element active. The tab index is a number which indicates the position of the element in the tab order for that page. The tab order is the order in which elements are accessed when the user presses the Tab key.
As well as these useful prompts, Dreamweaver will also produce a report of any items on the page with possible issues relating to accessibility. To access this feature, first save the page then choose File - Check Page - Accessibility. Dreamweaver analyses the page then produces a list of items which might need attention. Double-clicking any item in the list activates Dreamweaver's split screen view (showing both code and preview) with the relevant item highlighted in each pane.
October 31 2007 | Internet Marketing | No Comments »