Wiki source code of WCAG 2.0: Dutch implementation (2.x)
Last modified by Vincent Massol on 2024/02/26 17:52
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | {{velocity}} | ||
2 | $xwiki.ssx.use("Standards.WebHome") | ||
3 | {{/velocity}} | ||
4 | |||
5 | (% class="leftMargin column40 dashboardleft" %) | ||
6 | ((( | ||
7 | = 1. General Accesibility = | ||
8 | |||
9 | == Tools == | ||
10 | |||
11 | * [[FF Web Developer>>https://addons.mozilla.org/en-US/firefox/addon/60]] | ||
12 | * [[IE Web Accessibility Toolbar>>http://www.visionaustralia.org.au/ais/toolbar/]] | ||
13 | * Opera -> View -> Style -> Accesibility Layout | ||
14 | * [[Lynx View>>http://www.yellowpipe.com/yis/tools/lynx/lynxview.cgi?url=http%3A%2F%2Fincubator.myxwiki.org%2Fxwiki%2Fbin%2Fview%2FMain%2F]] | ||
15 | * [[Asqatasun>>https://asqatasun.org/]] | ||
16 | |||
17 | * Not Tested: | ||
18 | ** http://www.accessfirefox.org/Fire_Vox.php | ||
19 | ** https://addons.mozilla.org/en-US/firefox/addon/5809 | ||
20 | |||
21 | == Ideas == | ||
22 | |||
23 | * Accessibility Themes | Skins: | ||
24 | ** with large text and icons ( sizes 48x48 or 32x32 pixels ) | ||
25 | ** both high and low contrast created for persons with visual difficulties in mind | ||
26 | *** [[Luminosity Colour Contrast Ratio Analyser>>http://juicystudio.com/services/luminositycontrastratio.php]] | ||
27 | *** High Contrast (W/B) - [[B&W ColorTheme>>ColorThemes.BW]] | ||
28 | *** Grayscale - [[Grayscale ColorTheme>>ColorThemes.Grayscale]] | ||
29 | |||
30 | == Other Links == | ||
31 | |||
32 | * http://www.opera.com/support/kb/view/164/ | ||
33 | * http://www.webaim.org/resources/opera/ | ||
34 | ))) | ||
35 | |||
36 | (% class="leftMargin column40 dashboardleft" %) | ||
37 | ((( | ||
38 | = 2. WCAG guidelines = | ||
39 | |||
40 | * **Requirements & Guidelines** | ||
41 | ** [[http://www.webrichtlijnen.nl/english/guidelines/]] | ||
42 | * **Web Content Accessibility Guidelines (WCAG) 2.0** | ||
43 | ** [[http://www.w3.org/TR/WCAG/]] | ||
44 | * **[xwiki-devs] XWiki syntax, skins, standards compliance, future concerns** | ||
45 | ** [[http://markmail.org/message/pvn5kmmoxakhcu46]] | ||
46 | |||
47 | == Remove == | ||
48 | |||
49 | * inline styles | ||
50 | |||
51 | == Improvements == | ||
52 | |||
53 | * XWiki Logo - change alt from "XWiki" to "XWiki logo"? | ||
54 | |||
55 | === Similarities === | ||
56 | |||
57 | * Separate the breadcrumb from the action menu - very similar to menu entries | ||
58 | * Have the same markup for Comments | Attachments | ... in #document-info as in #docExtrasTabsUl | ||
59 | ** integrate the #docextraanchors in #docExtrasTabsUl | ||
60 | * Use the same markup to represent lists in Panels: "Quick Links" different from "Recent * " | ||
61 | |||
62 | === Navigation === | ||
63 | |||
64 | * <strong id="xwikimenutitle" class="hidden">Top Menu</strong> | ||
65 | ** we should have a special class called WCAG, or another name, to mark accessibility elements | ||
66 | ** we need a "Skin Navigation" link or "Go to content" link (+ appropiate id for the content) | ||
67 | * we need a "Go top" link for the top of the content and a "Go to navigation" or menu | ||
68 | * We should add some hidden markers that state that an action is different then the element's title: | ||
69 | ** for ex: ColorThemes [Space Index] [Space Administration] | ||
70 | ** for ex: WCAG guidelines [see modifications] | ||
71 | * Add a #content, #menu , #navigation id's for skipping, linking | ||
72 | |||
73 | === Icons === | ||
74 | |||
75 | * (% 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. | ||
76 | ** If non-text content is pure decoration then don't use alternative text | ||
77 | *** Remake Dashboard "Space" presentation | ||
78 | **** "Space index" and "Administrate space" are actions, remove the "icon" from the alternative text | ||
79 | **** Remove from the markup "Show minor icon" and "RSS icon", the are decorative, you can access the function from the link | ||
80 | ))) | ||
81 | |||
82 | (% class="left column20 dashboardleft" %) | ||
83 | ((( | ||
84 | = Issues = | ||
85 | |||
86 | {{jiraIssues}} | ||
87 | XWIKI-6334, | ||
88 | XWIKI-5485 | ||
89 | {{/jiraIssues}} | ||
90 | ))) | ||
91 | |||
92 | (% class="clearfloats" %) | ||
93 | ((( | ||
94 | |||
95 | ))) |