About site: Internet/Web Design and Development/Web Usability - Some Simple Techniques In Making Your Website Accessible
Return to Computers
  About site: http://www.adapts.gatech.edu/general_resources/webaccess.htm

Title: Internet/Web Design and Development/Web Usability - Some Simple Techniques In Making Your Website Accessible Tutorial by Andrew Pae, Technical Coordinator at the ADAPTS Office at Georgia Tech. General design principles plus resources for additional information.
Something_4_Nothing_Web_Pages Tips for building pages which are visually pleasing, and yet still download quickly and make information easy to access. From Webdeveloper.com.

Spool,_Jared__Hard_Evidence_from_Research Spool uncovers the lessons his research has taught him about how best to design a site so that users don't end up thwarted

Spool,_Jared__Web_Graphic_Design_Is_Not_What_You_Think,_A_Usability__Perspective "The number one activity on the Web is information retrieval." In part of his tutorial, Spool explained his findings on graphic design and users' success.

Starling_Access_Services Interesting definition of Accessible Web Design. For use by "anyone, any web browsing technology and any site".

STC_SIG_-_Usability Forum to share information, resources and experiences on issues related to the usability and user-centered design. It is the home of the Usability Special Interest Group of the Society for Technic

Stevesdomain_net Focuses on furthering the education of web related topics, including web design and navigation tips, advice and techniques.


  Alexa statistic for http://www.adapts.gatech.edu/general_resources/webaccess.htm





Get your Google PageRank






Please visit: http://www.adapts.gatech.edu/general_resources/webaccess.htm


  Related sites for http://www.adapts.gatech.edu/general_resources/webaccess.htm
    Szuc,_Daniel__Usability_in_Hong_Kong Interview detailing the approach to web usability in Hong Kong.
    Theory A weekly column by Adam Baker that discusses web usability, interface, and interaction design. Includes previous columns for review.
    100_Things_to_Do_to_Make_a_Better_Site List of several (actually, eight) ways to make a more user-friendly site. Also has other reader comments on the same topic.
    Tognazzini,_Bruce__First_Principles Bruce Tognazzini discusses basic prinicples of usability for both traditional applications and web services.
    Universal_Usability Includes an online version of the book "Access by Design: A Guide to Universal Usability for Web Designers" by Sarah Horton, along with links to other useful resources.
    Usability_Engineering "Designing for Ease Use", Article written by Corporate Solutions Consulting (UK)on usability engineering.
    Usability_First Diamond Bullet Design offers their experience and knowledge on website and software usability.
    Usability_Matters From the Usability Matters Group at the Linköping University in Sweden. Their goal is to make computer systems more usable. The 1995 essay "Perspectives on Usability" by Jonas Löwgren is available f
    Usability_Must_Die Examines what's wrong with the usability movement, with some humour, and experiences from the coal face of software design.
    Usability_Professionals\'_Association The UPA's purpose is to promote usability concepts and techniques worldwide.
    Usability_gov Provided by the National Cancer Institute. Includes information and resources on making web sites and other user interfaces more useful, usable, and accessible. News and current publications and addit
    Usable_Web Collection of links and accompanying information about human factors, user interface issues, and usable design specific to the World Wide Web.
    Usable_Webs Information on basic web usability principles, including hints on helping search engines find your site. Web usability assessments and content development are available.
    Usefo_com Web design resources, Usableword newsletter, and web usability guidelines to make web sites faster, more educational, and usable.
    Useit_com Jakob Nielsen shares his thoughts on usability.
    User_Interface_Design_-_Software_Design_Smorgasbord A comprehensive resource page on UI Design, maintained by Craig Marion, the webmaster of Chester County Internet Services.
    Various__WebWord_Interviews_with_the_Experts Site includes usability articles written by John S. Rhodes. This page is a good starting point.
    Vaspers_the_Grate Insights into web writing, user-focused web design, and web credibility enhancement.
    Vaspers_the_Grate__Web_Credibility_Destroyers List of design issues that pollute an overall impression of trustworthiness and dependability.
    The_WDVL__Designing_Attractive_Web_Pages Before you can design avant-garde Web pages, you have to know what the rules are before you try to break, bend or amend them.
    WDVL__Usability_Testing_in_Practice Reveals one company's usability testing practices and procesures.
    Web_Development A summary of the complete life cycle of web development: planning, analysis, design, implementation, and promotion. Key practices and online resources are given for each process. By John December, au
    Web_Pages_That_Suck Learn good web page design by looking at bad web pages.
    Web_Usability International Journal of Human-Computer Studies. Special issue of WWW Usability arising from a symposium entitled "The Missing Link: Hypermedia Usability Research and The Web".
    Web_Usability_Articles Several years of usability-related articles from Digital Web Magazine.
    Web_Usability_Findings Compilation of surveys of web usability engineering and test results.
    WEBehavior A behavioral research, usability testing, and customer experience evaluation firm.
    Webmaster\'s_Corner A commentary on web usability, design, and direction aimed at the beginning web developer.
    WebMetric_Tools Good usability is vital to the success of any web site. This site has downloadable sets of web evaluation tools to assist in analysis of a web page based on numerous usability guidelines. Registration
    WebWord_Usability_Consulting Usability and human factors for the Internet. Including book list, expert articles articles and interviews, recommended Web sites.
    Adaptive_Path_-_90%_of_All_Usability_Testing_is_Useless Lane Becker writes, "Rather than a validation done once before completing a product... internal, qualitative usability testing [should be] done earlier, more frequently, and as part of the design proc
    Top_Ten_Web_Design_Mistakes_of_2003_(Jakob_Nielsen\'s_Alertbox) Sites are getting better at using minimalist design, maintaining archives, and offering comprehensive services. However, these advances entail their own usability problems, as several prominent mistak
    Publish_com_-_Five_Usability_Principles_For_Web_Design Ilise Benun elaborates on the principles of consistency, interaction, instruction, choices and control. (August 30, 2003)
    Publish_com_-_Usability_Matters Article by Marcia Ludkin. "Again and again... usability experts discover that real people may not understand what may be obvious to a site’s designers." (February 11, 2003)
    CNET_com_-_Study__Design_lacking_in_e-tail_sites The design of some of the leading online stores is mediocre at best, but, according to a new study, it is improving. (June 3, 2002)
    CNN_com_-_Analysis__Web_sites_are_locking_out_the_disabled Office buildings have wheelchair ramps and TV has closed captioning, but many Web sites are inaccessible to people with disabilities. Things don't have to be that way. (August 7, 2000)
    User-Friendly_Web_Sites_for_All_Ages,_Microsoft_PressPass Guidelines for businesses, developers and web designers on how to make their web sites more user-friendly and accessable for the community. A white paper issued by Microsoft, "Effective Web Desi
    The_Scent_of_Information The reason why so many people lose their way on the Web, according to usability expert Jared Spool, is because they lose the scent of the information they are looking for. Jared shares his thoughts
    Seattletimes_com__A_primer_for_a_good_Web_page Users want indicators of how good (e.e., current, accurate, credible) the page's information is. (March 29, 1998)
    7_Debilitating_Diseases_of_Business_Websites Illnesses make websites inefficient. The cures, by Dr. Ralph F. Wilson:Web Marketing Today, Issue 41, February 1, 1998. (February 1, 1998)
This is now2007.com cache of m/ as retrieved on 2008.11.21 now2007.com's cache is the snapshot that we took of the page as we crawled the web. The page may have changed since that time.
Some simple techniques in making your website accessible <b>ADAPTS</b> Buzz Logo General Resources Defining Disabilities Interview w/ Jeanne Kincaid Techniques for Web Accessibility Scanning & Editing Handbook Learning Disabilities Phone Index Back Home Access Disabled Assistance Program for Tech Students

Some simple techniques in making your website accessible

by Andrew Pae, Technical Coordinator at the ADAPTS Office Web accessibility has been the latest buzz around campus lately. The following information is provided so that those interested in web accessibility can receive a brief overview of some of the simple techniques in making a website accessible. These suggestions will not force you to make a complete overhaul of your existing website. In many instances, there may be a few areas in your website that need adjusting in order to be compliant. Images & animations Use the "alt" attribute to give a description of the image or animation DON'T <img src="http://www.adapts.gatech.edu/general_resources/webaccess.htm/buzz.gif">   DO <img src="http://www.adapts.gatech.edu/general_resources/webaccess.htm/buzz.gif" alt="buzz logo"> buzz logo Graphs & charts Summarize graphs & charts so that the article could stand alone without their presence. In other words, make sure they are merely supplementing the article. In addition, you may wish to use the <alt> attribute within the image to provide a detailed explanation of the graph DON'T <img src="http://www.adapts.gatech.edu/general_resources/webaccess.htm/graph1.jpg">   DO <img src="http://www.adapts.gatech.edu/general_resources/webaccess.htm/graph1.jpg" alt="A pie chart showing the 1999 to 2000 budget breakdown with an emphasis on technology since it makes up 44% of the budget."> A pie chart showing the 1999 to 2000 budget breakdown with an emphasis on technology since it makes up 44% of the budget. Image maps Provide alternative text using the "alt" attribute w/in each image map hot spot (the area the user clicks) so that if a person turned off the ability to have graphics appear on the browser at least the alternative text would be available. NOTE: This feature does not work with certain browsers. DON'T <img src="http://www.adapts.gatech.edu/general_resources/webaccess.htm/imagemap.jpg" usemap="#immap" alt="Main Image Map"> <map name="immap"> <area coords="5,5,145,35" shape="rect" href="http://www.adapts.gatech.edu/general_resources/webaccess.htm/syllabus.htm> <area coords="155,5,295,35" shape="rect" href="http://www.adapts.gatech.edu/general_resources/webaccess.htm/test_schedule.htm> </map> Main Image Map   DO <img src="http://www.adapts.gatech.edu/general_resources/webaccess.htm/imagemap.jpg" usemap="#immap" alt="Main Image Map"> <map name="immap"> <area coords="5,5,145,35" shape="rect" href="http://www.adapts.gatech.edu/general_resources/webaccess.htm/syllabus.htm" alt="syllabus"> <area coords="155,5,295,35" shape = "rect" href="http://www.adapts.gatech.edu/general_resources/webaccess.htm/test_schedule.htm" alt="test schedule"> </map> Main Image Map Tables Provide headers using the "th" attribute so that the user can understand what the table is all about. By allowing a user with a visual-impairment hear the table headers from their screen reader, their time is not spent delving into the data entries and trying to figure out what this table is trying to present to the user. DON'T <table> <tr> <td> Jayne Parks</td> <td> 404-894-2310 </td> </tr> </table> Jayne Parks 404-894-2310   DO <table> <tr> <th> Faculty </th> <th> Phone Number </th> </tr> <tr> <td> Jayne Parks</td> <td> 404-894-2310 </td> </tr> </table> Faculty Phone Number Jayne Parks 404-894-2310 Hypertext links Use text that makes sense when a screen reader reads aloud to a visually impaired student. For example, use a phrase like "this weeks homework assignment is found in thejanuary3.htm file, not "for this weeks homework assignment, click here." Bold face Try to use the "<em>" tag versus the "<b>" tag. The "<em>" tag (emphasis) will allow the screen reader's tone to change and, therefore, add emphasis to what is on the screen. Whereas a statement that has words or phrases in bold, will be read with the same tone by the screen reader. Multimedia (video, applets, plug-ins) Always provide alternative means. For example, if you're streaming video, which has dialogue or sound, include closed-captioning within the video or provide a text version of the dialogue. This will even help your non-hearing impaired users, since in many instances either because of poor network speed or poor recording, the dialogue between people isn't that clear. In regards to applets and plug-ins, try to find alternative means of presenting the website without having to solely rely on the applet or plug-in to navigate through the site. For instance, if you choose to use an applet that allows the link to light up when the mouse is over it, come up with a text-based link right next to the applet that a user with a visual-impairment can utilize through a screen reader. In addition, for those who are java savvy, check out IBM's web accessibility page, http://www-3.ibm.com/able/javajfc.html. Here you will find information on the Java Accessibility API, which will give you the tools and resources to present your java applets in such a manner that both the original content and the alternative one is embedded in one applet. A Last Resort Some may choose to create an alternative website that is completely text-based. Here are my three reasons to avoid this. It's the easy way out. As a web developer, one should seek such a challenge such as web accessibility. Web accessibility guidelines do not inhibit creativity, they encourage new ways of presenting the material. It's second rate for the user. No one wants the "alternative" website. This gives an impression to the disability community that they are grouped as "others." We don't need to pit an abled website with a disabled one. It'll hurt you in the long run. By creating an alternative website, the organization will be responsible for maintaining two websites, which creates a lot of extra work. In addition, there will be a greater tendency to update the non-accessible website more frequently than the accessible one. If this occurs, you are back where you started with an inaccessible website. So, is my website now accessible? One simple way to check and see if your website meets the accessibility guidelines is to use the Bobby program. This is a java-based program found at http://www.cast.org/bobby that will search through your entire website and find areas that may fail accessibility guidelines. Though I will warn you, Bobby is not the "end all and be all" for accessibility. Bobby may analyze the coding and readability of the website, but it cannot analyze the content of the page. For instance, remember the advice on hypertext links. Bobby would see "click here" as acceptable wording for a link; however, such a phrase is not descriptive enough for someone with a visual impairment. Nonetheless, Bobby is a good starting point on your road to web accessibility. For more information on web accessibility, please browse through some of these links. The Accessibility of Georgia Tech's Web Presence http://www.gatech.edu/accessibility/ AWARE: Accessible Web Authoring Resources & Education http://www.awarecenter.org/ Bobby Version 3.2 http://www.cast.org/bobby/ CSS2 Tutorial http://www.dynamicdeezign.com/css/introduction.html IBM Accessibility Center http://www-3.ibm.com/able/ IBM: Java Accessibility http://www-3.ibm.com/able/accessjava.html Is YOUR Website Accessible? http://www.janejarrow.com/tv_station/webaccess/ WAI (Website Accessibility Initiative) http://www.w3.org/WAI/
 

Tutorial

by

Andrew

Pae,

Technical

Coordinator

at

the

ADAPTS

Office

at

Georgia

Tech.

General

design

principles

plus

resources

for

additional

information.

http://www.adapts.gatech.edu/general_resources/webaccess.htm

Some Simple Techniques In Making Your Website Accessible 2008 November

dvd rental

dvd


Tutorial by Andrew Pae, Technical Coordinator at the ADAPTS Office at Georgia Tech. General design principles plus resources for additional information.

Rules




© 2005 Internet Explorer 5+ or Netscape 6+

Recommended Sites: 1. Arts - Business - Computers - Games - Health - Home - Kids and Teens - News - Recreation - Reference - Regional - Science - Shopping - Society - Sports - World Miss Gallery - Top Anime Hentai - DVD rental by mail - Ringtone - Loans - Loans - Credit Counseling - TwoGether - Dating, Romance and Love
2008-11-21 11:16:27

Copyright 2005, 2006 by Webmaster
Websites is cool :)