- Tables Accessibility
- HTML tables are often chided for being inaccessible layout methods — they're difficult to interpret by non-visual browsers and more often than not are used against their purpose for presentational effects. Along with the HTML 4.01 standard came some new tags and attributes dedicated to creating accessible tables. It takes a bit of work to make a sophisticated table accessible, but is ultimately worth the effort.
- WAI HTML Table Linearizer
- Online, single page renderer to check table linearization
- Creating Accessible Tables
Christie Mason
Posts made by Christie Mason
In this first look at forms and accessibility we'll cover the very basics you should consider if you are to help as many users as possible to interact with you and your web site just as you would like them to. |
|
For those developers out there who would like to try and build an accessible site, or would like to just have some neat and useful testing tools, we have collected a few which are provided here as a service. |
|
ACCESSIBLE INFORMATION SOLUTIONS - WEB ACCESSIBILITY TOOLBAR |
The Web Accessibility Toolbar is provided by the Accessible Information Solutions (AIS) team at the National Information and Library Service (NILS), Australia. Please read the Terms of Use before downloading and installing the Web Accessibility Toolbar.
|
Welcome to the Bobby Online Free Portal. This free service will allow you to test web pages and help expose and repair barriers to accessibility and encourage compliance with existing accessibility guidelines, such as Section - and the W C's WCAG. To learn about products to test websites of all sizes for accessibility issues, please visit the accessibility section on www.watchfire.com.
|
|
Simulation in the Web Designer's Color Card and Chart |
|
Guideline . of the Web Content Accessibility Guidelines . requires that foreground and background colour combinations provide sufficient contrast when viewed by someone having colour deficits, or when viewed on a black and white screen. Two colours provide good colour visibility if the brightness difference and the colour difference between the two colours are greater than a set range. They suggest a colour contrast algorithm, which is used in this test. The algorithm is under development, and may be likely to change. Any changes to their algorithm will be updated on this page. |
|
When images are provided to illustrate complex ideas, the same information MUST also be provided in an accessible form.
|
|
A chart or graph is essentially an image with detailed information. Some charts or graphs have more information and data in them than others. Text browsers and screen readers cannot convey images to their users, so an equivalent alternative to the essential information that is visually available from the chart or graph must be provided. The amount of alternative information to provide depends on the contextual use of the chart or graph, but generally it should include all the information available to the sighted user. |
|
30 days to a more accessible web site
|
|
Dramatically reduce errors related to site presentation and usability with this comprehensive Link Validation tool. Save dramatically on time, cost, and complexity associated with building, deploying, and maintaining Web sites that function properly. HiSoftware content quality solutions provide "out-of-the-box testing and reporting for Accessibility, Privacy, Searchability and Usability standards, empowering organizations to keep up with ever-changing Web technologies and standards. The value-added Link Validation tool provides structure and organization validation to your site, allowing both content and site structure to be of the highest quality. |
|
How-tos and Demos
Data Tables
Forms
Multimedia
|
|
On more that a few occasions people have complained that Internet Explorer doesn't have a convenient way to view longdesc attributes. Now it is true that they do expose it programmatically so there is noting to stop AT from making use of longdesc. But there are two reasons why someone using IE - on its own might want to have access to longdesc attributes.They might simply want to see a description of the image (particularly if they couldn't make out what the image is of).They are developers who wish to test their longdesc links. |
|
The Communication Technologies Branch of the United States National Cancer Institute (part of National Institutes of Health and Department of Health and Human Services) has been conducting usability testing with people with disabilities, specifically blind and lowvision users, to
|
|
|
|
Colour is increasingly used these days to help convey information. When one in twelve men have some measurable degree of colour vision deficiency, the use of certain colours in certain ways can cause difficulty when navigating web pages or software, and even total illegibility in some cases. |
|
Section - requires that Federal agencies' electronic and information technology is accessible to people with disabilities. The Center for Information Technology Accommodation (CITA), in the U.S. General Services Administration's Office of Governmentwide Policy, has been charged with the task of educating Federal employees and building the infrastructure necessary to support Section - implementation. Using this web site, Federal employees and the public can access resources for understanding and implementing the requirements of Section - . |
|
Use the table below to give you some basic help with the Section Requirements for Web Pages, you can also print it out and use it as a checklist. |
|
TEST YOUR SITE NOW WITH CYNTHIA SAYS TO SEE IF IT IS ACCESSIBLE! |
Cynthia is a web content accessibility validation solution, it is designed to identify errors in design related to Section - standards and the WCAG guidelines. The main purpose of this portal is to educate web site developers in the development Web Based content that is accessible to all. This online test only validates one page at a time. Note this demo will test about one page per minute / per site.
Do you want to have the functionality of Cynthia Says on your Desktop?
|
UIAccess.com is a resource for universal interface design and usable accessibility information. The primary purpose of this web site is to provide free information on web accessibility. See the extensive list of resources, some exclusive to UI Access. |
|
Vischeck simulates colorblind vision. Daltonize corrects images for colorblind viewers.
|
|
An initial introduction to resources for people new to Web accessibility |
|
You really can have the best of both worlds — a site that’s accessible and visually appealing, too. Find out how and everyone will love you. |
|
Watchfire® WebQA, the next generation of Linkbot, is a website quality testing tool for small or departmental websites. WebQA assists with quality assurance and accessibility testing by reporting on web content issues to help developers and quality assurance staff pinpoint and fix quality, interaction and accessibility defects. WebQA supports accessibility testing by integrating the features of Watchfire® Bobby. Using these features, you can test your level of compliance with Section - or the W C's WCAG accessibility standards. In addition to testing content, WebQA can also help you edit your site's metadata to improve search ranking and internal site searchability. Read the WebQA Factsheet (PDF, - KB).
|
|
WebXACT is a free online service that lets you test single pages of web content for quality, accessibility, and privacy issues. |
- Tables Accessibility
- HTML tables are often chided for being inaccessible layout methods — they're difficult to interpret by non-visual browsers and more often than not are used against their purpose for presentational effects. Along with the HTML 4.01 standard came some new tags and attributes dedicated to creating accessible tables. It takes a bit of work to make a sophisticated table accessible, but is ultimately worth the effort.
- WAI HTML Table Linearizer
- Online, single page renderer to check table linearization
- Creating Accessible Tables
In this first look at forms and accessibility we'll cover the very basics you should consider if you are to help as many users as possible to interact with you and your web site just as you would like them to. |
|
For those developers out there who would like to try and build an accessible site, or would like to just have some neat and useful testing tools, we have collected a few which are provided here as a service. |
|
ACCESSIBLE INFORMATION SOLUTIONS - WEB ACCESSIBILITY TOOLBAR |
The Web Accessibility Toolbar is provided by the Accessible Information Solutions (AIS) team at the National Information and Library Service (NILS), Australia. Please read the Terms of Use before downloading and installing the Web Accessibility Toolbar.
|
Welcome to the Bobby Online Free Portal. This free service will allow you to test web pages and help expose and repair barriers to accessibility and encourage compliance with existing accessibility guidelines, such as Section - and the W C's WCAG. To learn about products to test websites of all sizes for accessibility issues, please visit the accessibility section on www.watchfire.com.
|
|
Simulation in the Web Designer's Color Card and Chart |
|
Guideline . of the Web Content Accessibility Guidelines . requires that foreground and background colour combinations provide sufficient contrast when viewed by someone having colour deficits, or when viewed on a black and white screen. Two colours provide good colour visibility if the brightness difference and the colour difference between the two colours are greater than a set range. They suggest a colour contrast algorithm, which is used in this test. The algorithm is under development, and may be likely to change. Any changes to their algorithm will be updated on this page. |
|
When images are provided to illustrate complex ideas, the same information MUST also be provided in an accessible form.
|
|
A chart or graph is essentially an image with detailed information. Some charts or graphs have more information and data in them than others. Text browsers and screen readers cannot convey images to their users, so an equivalent alternative to the essential information that is visually available from the chart or graph must be provided. The amount of alternative information to provide depends on the contextual use of the chart or graph, but generally it should include all the information available to the sighted user. |
|
30 days to a more accessible web site
|
|
Dramatically reduce errors related to site presentation and usability with this comprehensive Link Validation tool. Save dramatically on time, cost, and complexity associated with building, deploying, and maintaining Web sites that function properly. HiSoftware content quality solutions provide "out-of-the-box testing and reporting for Accessibility, Privacy, Searchability and Usability standards, empowering organizations to keep up with ever-changing Web technologies and standards. The value-added Link Validation tool provides structure and organization validation to your site, allowing both content and site structure to be of the highest quality. |
|
How-tos and Demos
Data Tables
Forms
Multimedia
|
|
On more that a few occasions people have complained that Internet Explorer doesn't have a convenient way to view longdesc attributes. Now it is true that they do expose it programmatically so there is noting to stop AT from making use of longdesc. But there are two reasons why someone using IE - on its own might want to have access to longdesc attributes.They might simply want to see a description of the image (particularly if they couldn't make out what the image is of).They are developers who wish to test their longdesc links. |
|
The Communication Technologies Branch of the United States National Cancer Institute (part of National Institutes of Health and Department of Health and Human Services) has been conducting usability testing with people with disabilities, specifically blind and lowvision users, to
|
|
|
|
Colour is increasingly used these days to help convey information. When one in twelve men have some measurable degree of colour vision deficiency, the use of certain colours in certain ways can cause difficulty when navigating web pages or software, and even total illegibility in some cases. |
|
Section - requires that Federal agencies' electronic and information technology is accessible to people with disabilities. The Center for Information Technology Accommodation (CITA), in the U.S. General Services Administration's Office of Governmentwide Policy, has been charged with the task of educating Federal employees and building the infrastructure necessary to support Section - implementation. Using this web site, Federal employees and the public can access resources for understanding and implementing the requirements of Section - . |
|
Use the table below to give you some basic help with the Section Requirements for Web Pages, you can also print it out and use it as a checklist. |
|
TEST YOUR SITE NOW WITH CYNTHIA SAYS TO SEE IF IT IS ACCESSIBLE! |
Cynthia is a web content accessibility validation solution, it is designed to identify errors in design related to Section - standards and the WCAG guidelines. The main purpose of this portal is to educate web site developers in the development Web Based content that is accessible to all. This online test only validates one page at a time. Note this demo will test about one page per minute / per site.
Do you want to have the functionality of Cynthia Says on your Desktop?
|
UIAccess.com is a resource for universal interface design and usable accessibility information. The primary purpose of this web site is to provide free information on web accessibility. See the extensive list of resources, some exclusive to UI Access. |
|
Vischeck simulates colorblind vision. Daltonize corrects images for colorblind viewers.
|
|
An initial introduction to resources for people new to Web accessibility |
|
You really can have the best of both worlds — a site that’s accessible and visually appealing, too. Find out how and everyone will love you. |
|
Watchfire® WebQA, the next generation of Linkbot, is a website quality testing tool for small or departmental websites. WebQA assists with quality assurance and accessibility testing by reporting on web content issues to help developers and quality assurance staff pinpoint and fix quality, interaction and accessibility defects. WebQA supports accessibility testing by integrating the features of Watchfire® Bobby. Using these features, you can test your level of compliance with Section - or the W C's WCAG accessibility standards. In addition to testing content, WebQA can also help you edit your site's metadata to improve search ranking and internal site searchability. Read the WebQA Factsheet (PDF, - KB).
|
|
WebXACT is a free online service that lets you test single pages of web content for quality, accessibility, and privacy issues. |
I really hesitated to post the link to the line width article because
- It's old - 2002 is old in eTime.
- It's stating CPL which is a print unit of measurement.(So is em but at least em is used as an online measurement and it resizes well).
- It doesn't say what monitor sizes were used at what resolution.
- It doesn't say what colors where used or even if it was white text on black background or black on white (many people "assume" that dark text is best but several informal tests by web designers have shown that preferences are almost evenly split. Does anyone remember using a CRT? They were all light text on dark backgrounds. DOS/Command Prompt still presents white text on a black background)
- It doesn't say what font was used
- It doesn't say what font size is being used
- It doesn't say how many characters were in a paragraph - short or bulleted is best online, not long wordy paragraphs
- It doesn't say what line spacing was used
- It doesn't say what level of language is being used (did they use the same text for young and old? 18 - 61 is too wide of a range to determine *all* preferences. Different decades have different exposure rates to different media.)
- It doesn't say if the study used people who read text on monitors often, or never before. (*I* have never liked print materials with 1 - 1.5" white space on each side but that's been a common format that most generations of people have learned to EXPECT in printed material. Expectations create preferences. I have an impression those types of margins were originally set to make it easy to bind pages together and allow wear from page turning to occur outside the text area. Those aren't issues with online presentations.)
Christie Mason