Dreamweaver's Approach To Website Accessibility
by: AndrewWhiteman |
Total views: 3 |
Word Count: 717 |
View PDF | Print View
Share This Article
A website's accessibility is a measure of how easy it is for visitors with different levels of motor, visual and auditory ability to make sense of the content on your web pages. If your website is accessible then people using screen readers, who prefer not to display images as they browse or who wish to increase the size at which text is displayed can all gain access to the information held in your pages.
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.
Dreamweaver's program settings contain two main features relating to accessibility. To access these settings, choose Edit - Preferences (or Dreamweaver - Preferences) on a Mac. Next, click on the Accessibility category and activate the options which to display attributes for form objects, media (which refers to such things as video clips, audio and Flash) and graphics. It is also useful, in the General category, to switch on the option to use CSS instead of HTML tags.
The result of activating these elements is that when you apply formatting attributes to text or to the body of the page, Dreamweaver will create CSS tags to achieve the formatting since CSS makes web pages more accessible by separating formatting information from the actual page content. Another consequence will be that, each time you add certain elements to a page, a dialog will appear prompting you to choose which of the relevant accessibility attributes you wish to associate with that element.
When you add an image to any page, you will see a dialog box which invites you to enter the alternate (alt) text. You should key in a brief description of the image. This alt text will be displayed in the browser if the image itself is not displayed, for example, when the user has deactivated the display of images. Screen readers will also speak your alt text whenever an image is encountered.
In addition to the alt text, Dreamweaver also allows you to browse for or enter a path leading to a long description file. This option relates to HTML's longdesc attribute which should be used for images whose content is too detailed or too important to be described in the short alt text.
Dreamweaver will also prompt you, whenever you insert a form field, to add a label. If the form is in a table, you can also use the "for" attribute with the label. This means that if the label and the field it relates to are in separate cells of the table, their relationship will still be indicated by the "for" attribute. Dreamweaver also offers you the chance to indicate where the form field being inserted lies in the tabbing order: the order in which form elements are accessed when the Tab key is pressed.
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.
Dreamweaver not only gives you help in making your page content accessible, it will also check your pages to see if they contain elements which are not accessible. To use the accessibility utility, click on the File menu then on Check Page and finally on Accessibility. The utility runs and then displays a list of elements on the page which are not accessible. If you double-click on any of the items in the list, the code representing it will be instantly highlighted allowing you to edit it.
Share This Article
Rating: Not yet rated Next Article - Software Helps Plan, Estimate Improvement Costs and Previous Article - WOW - Free Video Lessons on PowerPoint
About the Author
The author is a trainer and developer with Macresource Computer Solutions, an independent computer training company offering Adobe Dreamweaver training courses in London and throughout the UK.
Comments
No comments posted.Add Comment
Popular Articles about: Software
1: Viagra2: Adobe Illustrator: Getting Past The Blank Canvas
3: Enhance Your Web Pages With Dreamweaver's Javascript Behaviors
4: How to use a poker software
5: MyCafeCup.com launched new AIO Internet Cafe Software + WiFi HotSpot Gateway Billing.
6: The Easy Way To Write An E-book
7: How to convert swf to Avi, iPod, iPhone, PSP, Zune
8: Optimize Your PC With Registry Cleaner
9: A new version of contextual German-English and English-German dictionary TranslateIt! for Windows
10: Pre-packaged vs. Custom Software
11: Getting Rid Of The This Nasty Philippine Made Virus
12: DOCUMENT SCANNING STORAGE of RECORDS DIGITIZING ARCHIVING PAPERLESS OFFICE NYC.
13: Using Personal Computers to Solve Humanitarian Problems
14: Your Reaction to the Idea of Paying Students
15: The Story of Finding Longitude: It Was All a Question of Timing
16: Choosing the Turnkey Software for your Business
17: Find Home Renovation Software
18: Tokenless Two Factor Authentication Ensures Secure Remote Access
19: The Way People Communicate Has Changed Over Time
20: Windows Vista Ultimate OEM Software
21: How To Safely Clean Windows Registry
22: Commercial Driver’s License CDL Manual
23: Does iBuzzPro Automatic Recruiter Software Actually Work?
24: How To Use Article Marketing For Free Unlimited Traffic
25: Big Ticket to Wealth Retail Store-- Is It Worth A Visit?
26: Management Software To Drive Your Bottom Line
27: Multiple Streams of Income...Surefire Way to Success
28: How to find an email address easily
29: Don't Buy a Myspace Friend Adder: Compare Consumer Ratings First
30: Cleaning Your Windows Registry Effectively