28 Oct
2009
28 Oct
'09
8:41 p.m.
Hi devs,
We've always tried to follow standards in the XWiki project. I'd like
to propose that we start adhering to the WCAG ones to make XWiki even
more accessible.
The reason I'm proposing this is because XWiki SAS has been contacted
by some Dutch organization promoting the usage of standards in
Netherlands and they're interested in using XWiki for their site. As
such they need that the wiki they use also follows the guidelines...
They've found XWiki since it was one of the wikis out there that
follows most closely the guidelines.
This is our opportunity to meet the WCAG guidelines and go even beyond
(since the Dutch guidelines go slightly further I believe, see
http://www.webrichtlijnen.nl/english/guidelines/)
. We would be the first wiki to meet this!
If we agree we'll need to find some ways to automate the execution of
the verifications. Right now we can test pages using this validator:
http://www.webrichtlijnen.nl/english/test/
I've started verifying this page:
http://playground.xwiki.org/xwiki/bin/view/Main/
Result:
http://www.webrichtlijnen.nl/english/test/report/74721/179372/
Some examples of failing stuff:
1) Style attribute forbidden. Everything from CSS.
Ex from home page:
<div id="globallinks"> <form
action="/xwiki/bin/view/Main/WebSearch"
style="margin: 0; padding: 0;"> <div id="globalsearch">
<input
id="globalsearchinput" type="text" name="text"
value="search..."
size="15" class="withTip"/><input class="button"
value="Go"
type="image" src="/xwiki/resources/icons/xwiki/search.png"/>
</div> </
form> </div>
...
<div class="hidden" id="spSpaceCreateForm"><form
action="/xwiki/bin/
view/Main/?xpage=create" method="post"> <div> <input
name="tocreate"
type="hidden" value="space"></input> <input
class="panelinput"
name="title" onblur="if(this.value=='') this.value='Space
name'"
onfocus="if(this.value=='Space name') this.value=''"
style="margin:auto;" type="text" value="Space
name"></input> <input
type="submit" value="Create"></input> </div>
</form> </div>
...
<p style="font-size:0.75em;padding-left:8px;"><a href="/xwiki/bin/
inline/Panels/QuickLinks">(Edit this panel)</a></p>
2) Need to run CSS Level 2.1 validation. Lots of error. For ex on home
page: http://bit.ly/4x9YlM
3) Apparently we made a mistake by choosing to have 2 H1 (one for
title and for headers). "The document hierarchy contains more that one
h1 tags .".
Before going further I'd like to ensure that we all agree to follow
these guidelines and put in our best practices (and ensure we verify
with some automated tests later on).
Here's my +1
Thanks
-Vincent