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
_______________________________________________
devs mailing list
devs(a)xwiki.org