Hi Marius,
On Oct 28, 2009, at 10:24 PM, Marius Dumitru Florea wrote:
Vincent Massol wrote:
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 .".
-0, I don't like at all the single-H1 constraint.
I've re-read what they say about it and the reason is simply to forbid
skipping levels which we agree about. In our case we haven't skipped
any level so I believe we are fine. We could also imagine a document
with 2 columns and each column having a H1 title. Thus I believe there
are cases when it's valid.
In addition they say:
- "It is advisable not to skip any levels in the heading hierarchy..."
- "From a practical point of view, the decision was taken for this
manual to discourage skipping levels, but not forbid it outright."
So my readind is that we can keep our H1 as they are and still be
compliant.
Marius and others, could you review the guidelines at
http://www.webrichtlijnen.nl/english/guidelines/
and let us know which rules you agree with and which you don't?
Thanks
-Vincent
> 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