Wiki source code of WCAG 2.0: Dutch implementation (2.x)
Last modified by Vincent Massol on 2024/11/19 16:12
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 | ))) |
