W3C home > Mailing lists > Public > www-style@w3.org > January 2008

Re: [CSS21] Inaccessible Index a violation of WCAG (issue-21)

From: Al Gilman <Alfred.S.Gilman@IEEE.org>
Date: Wed, 23 Jan 2008 14:01:48 -0500
Message-Id: <147921D8-CE42-4368-A2A5-7239F40403BC@IEEE.org>
Cc: wai-liaison@w3.org
To: www-style@w3.org


Reference: http://lists.w3.org/Archives/Public/www-style/2007Dec/ 
See also: http://lists.w3.org/Archives/Public/www-style/2007Dec/ 

Thank you for opening an issue on this point.

Please note the detailed suggestions below in the issue
record as an aid to an effective repair.


/chair PFWG


in response to Al's CR comments filed with www-style on the CR
draft of CSS 2.1 pertaining to the inaccessibility of the CSS 2.1
index, which is archived at:


an issue (Issue #21) has been created at:


however, the issue as logged with the "Resolution" being "assumed
editorial", and the post which points to the CSS 2.1 issues list
does NOT include the proposed PF solution to the inaccessibility of
the CSS 2.1 index:

A sufficient (and highly recommended) repair technique for this problem
can be found in the Techniques document for WCAG 2.0:


which details a repair technique which enables a user to contextualize
and fully understand the meaning and target of repetitive hyperlink
test.  The result would be individualized index items, rather than  
a repetitious and uninformative listing of links by section/chapter
number ONLY, thus making it possible for the non-visual user to utilize
the index.  This repair technique also has the advantage of
individualizing each hyperlink when the document's hyperlinks are listed
in a list of links, or when one is aurally or tactilely experiencing the

using the index from the CSS 2.1 PR draft, the repair would involve:

1) the following addition to the document's default stylesheet

a span { height: 1px; width: 1px; position: absolute; overflow: hidden;
top: -10px; }

2) the following addition to the index markup:

<ul class="index">

<li class="tocline0">:active, <a href="selector.html#x35"
class="index-def"><span>Definition of the dynamic pseudo-class :active
in Section </span><strong>5</strong></a>

<li class="tocline0">:after, <a href="generate.html#x5"
class="index-def"><span>Definition of  the :after pseudo-element in
Section </span><strong>12</strong></a>, <a href="selector.html#x67"
class="index-def"><span>Inserting generated content using the :after
pseudo-element, Section <span><strong>5</strong></a>


in investigating this repair, i discovered a disconnect between the
hyperlinked text (for example, 1 or 2) and the sections to which they
actually point:

list item 1: why is the original hyperlink '2'?  the selector section is
Section 5?

list item 2:  why is the first original hyperlink '1' when  the
of the :after pseudo-element is in Section 12?  why is the second
hyperlink text '2', when the pointer takes one to section 5?

this makes the index doublely confusing, as there is no explanation of
the conventions used in hyperlinking terms to the document
Received on Wednesday, 23 January 2008 19:02:14 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:27:33 UTC