Web Accessibility Toolbar

From Zen Cart(tm) Wiki
Jump to: navigation, search

The Web Accessibility Toolbar is a toolbar that can be installed into the IE web browser which acts rather like the Firefox Web Developer Toolbar. It contains a number of tools that allow you to analyse your web pages. It can be found at: http://www.visionaustralia.org.au/ais/toolbar/


http://www.visionaustralia.org.au/images/services/menu_left.gif http://www.visionaustralia.org.au/images/services/menu_rightgif.gif


There is documentation of all the functions of the toolbar. Of most use to Zen Carters are probably:

Identify CSS of an element

From the menu choose CSS > Show Applied Styles. This will open a pop-up window that shows "All styles that apply to the current element". (Note that your web browser may block pop-ups so you may have to allow the pop-up window). Roll your mouse over the page item that you want to find out the CSS rule for. All the CSS rules that apply to this element are shown in the pop-up window. The rule at the top should be the one that overrides all the others.

View Partial Source

Firefox has a View Selection Source function that allows you to view the HTML source code of part of a page instead of the whole page, but IE doesn't. The Web Accessibility Toolbar adds such a function. From the menu choose Source > View Partial Source. There are also view source options for highlighting different types of HTML tags, and for highlighting deprecated (old-fashioned) HTML tags.

View page structure

The Web Accessibility Toolbar has a number of functions to show the structure of the page. For example:

  • Structure > Table Borders - will outline all the tables in the page
  • Structure > Show Divs - will show all the divs in the page, indicating how they are nested
  • Structure > Show Other Elements - will outline any HTML tag you want to highlight, in any colour you want. Choose different colours to show different elements.

Validators

The Web Accessibility Toolbar provides easy access to a number of validation services, including HTML validators, CSS validators, link checkers (all the Validation menu) and page size/speed report (in the Doc Info menu).