Wiki source code of Accessibility
Version 18.1 by Ecaterina Valica on 2010/02/03 15:47
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | {{toc/}} | ||
2 | |||
3 | = WCAG guidelines = | ||
4 | |||
5 | * **Requirements & Guidelines** | ||
6 | ** [[http://www.webrichtlijnen.nl/english/guidelines/]] | ||
7 | * **Web Content Accessibility Guidelines (WCAG) 2.0** | ||
8 | ** [[http://www.w3.org/TR/WCAG/]] | ||
9 | * **[xwiki-devs] XWiki syntax, skins, standards compliance, future concerns** | ||
10 | ** [[http://markmail.org/message/pvn5kmmoxakhcu46]] | ||
11 | |||
12 | == Remove == | ||
13 | * inline styles | ||
14 | |||
15 | == Improvements == | ||
16 | * XWiki Logo - change alt from "XWiki" to "XWiki logo"? | ||
17 | |||
18 | === Similarities === | ||
19 | * Separate the breadcrumb from the action menu - very similar to menu entries | ||
20 | * Have the same markup for Comments | Attachments | ... in #document-info as in #docExtrasTabsUl | ||
21 | ** integrate the #docextraanchors in #docExtrasTabsUl | ||
22 | * Use the same markup to represent lists in Panels: "Quick Links" different from "Recent * " | ||
23 | |||
24 | === Navigation === | ||
25 | * <strong id="xwikimenutitle" class="hidden">Top Menu</strong> | ||
26 | ** we should have a special class called WCAG, or another name, to mark accessibility elements | ||
27 | ** we need a "Skin Navigation" link or "Go to content" link (+ appropiate id for the content) | ||
28 | * we need a "Go top" link for the top of the content and a "Go to navigation" or menu | ||
29 | * We should add some hidden markers that state that an action is different then the element's title: | ||
30 | ** for ex: ColorThemes [Space Index] [Space Administration] | ||
31 | ** for ex: WCAG guidelines [see modifications] | ||
32 | * Add a #content, #menu , #navigation id's for skipping, linking | ||
33 | |||
34 | === Icons === | ||
35 | * (% style="font-weight: bold; background-color: rgb(255, 102, 0); color: rgb(255, 255, 255);" %)Decorative images should be inserted via CSS as much as possible. Informative images should be inserted via HTML.(%%) | ||
36 | ** If non-text content is pure decoration then don't use alternative text | ||
37 | *** Remake Dashboard "Space" presentation | ||
38 | **** "Space index" and "Administrate space" are actions, remove the "icon" from the alternative text | ||
39 | **** Remove from the markup "Show minor icon" and "RSS icon", the are decorative, you can access the function from the link |