1. General Accesibility

Tools

• FF Web Developer
• IE Web Accessibility Toolbar
• Opera -> View -> Style -> Accesibility Layout 
• Lynx View

• Not Tested:
  • http://www.accessfirefox.org/Fire_Vox.php
  • https://addons.mozilla.org/en-US/firefox/addon/5809

Ideas

• Accessibility Themes | Skins:
  • with large text and icons ( sizes 48x48 or 32x32 pixels )
  • both high and low contrast created for persons with visual difficulties in mind
    • Luminosity Colour Contrast Ratio Analyser
    • High Contrast (W/B) - B&W ColorTheme
    • Grayscale - Grayscale ColorTheme

Other Links

• http://www.opera.com/support/kb/view/164/
• http://www.webaim.org/resources/opera/

2. WCAG guidelines

• Requirements & Guidelines
  • http://www.webrichtlijnen.nl/english/guidelines/
• Web Content Accessibility Guidelines (WCAG) 2.0
  • http://www.w3.org/TR/WCAG/
• [xwiki-devs] XWiki syntax, skins, standards compliance, future concerns
  • http://markmail.org/message/pvn5kmmoxakhcu46

Remove

• inline styles

Improvements

• XWiki Logo - change alt from "XWiki" to "XWiki logo"?

Similarities

• Separate the breadcrumb from the action menu - very similar to menu entries
• Have the same markup for Comments | Attachments | ... in #document-info as in #docExtrasTabsUl
  • integrate the #docextraanchors in #docExtrasTabsUl
• Use the same markup to represent lists in Panels: "Quick Links" different from "Recent * "

Navigation

• <strong id="xwikimenutitle" class="hidden">Top Menu</strong>
  • we should have a special class called WCAG, or another name, to mark accessibility elements
  • we need a "Skin Navigation" link or "Go to content" link (+ appropiate id for the content)
• we need a "Go top" link for the top of the content and a "Go to navigation" or menu
• We should add some hidden markers that state that an action is different then the element's title:
  • for ex: ColorThemes         [Space Index] [Space Administration]
  • for ex: WCAG guidelines      [see modifications]
• Add a #content, #menu , #navigation id's for skipping, linking 

Icons

• Decorative images should be inserted via CSS as much as possible. Informative images should be inserted via HTML.
  • If non-text content is pure decoration then don't use alternative text
    • Remake Dashboard "Space" presentation
      • "Space index" and "Administrate space" are actions, remove the "icon" from the alternative text
      • Remove from the markup "Show minor icon" and "RSS icon", the are decorative, you can access the function from the link