Re: Bug#441243: Problem determining dependencies if user is blind
On Fri, Sep 07, 2007 at 11:41:27PM +0200, Frank Lichtenheld wrote:
> On Fri, Sep 07, 2007 at 06:28:47PM +0100, MJ Ray wrote:
> > What's the best fix? Put depends/recommends/suggests headings in
> > between the ul tags? Try to make the images replace the bullet points
> > somehow? (list-style: none and reduce the left margin or padding?) Or
> > use different shapes for the different types? (disc, circle, square?)
>
> Suggestions welcome.
IMHO the root of the problem is the use of class="hidecss". The .hidecss
rule simply prevents rendering for all media types with "display: none".
However, the rule for "#pdeps ul.uldep" only replaces bullets with
"dep.gif" on visual media types. For other media types (including aural),
the image (and its alt text) simply disappears.
I would suggest the following solution:
1) Replace these <img class="hidecss"> with
<span class="nonvisual">depends:</span>
Putting an <img> in there and then suppressing its being displayed with
CSS is actually paradoxical... the only justification is compatibility
with browsers which do not support CSS at all, like lynx.
2) Introduce a rule to have .nonvisual rendered only for braille, embossed,
speech, tty:
@media handheld, print, projection, screen, tv {
.nonvisual { display: none; }
}
As usual, this is completely untested! :-)
Beware that just mentioning e.g. "handheld" anywhere in the stylesheet can
have a major effect on rendering in certain browsers; IIRC, Opera small
screen rendering has different rendering modes for pages which it thinks
were designed for desktop screens, and for pages whose authors have
apparently thought of the handheld media type.
Cheers,
Richard
PS: While you're at it, let the legend box (#pdeplegend) disappear on
non-visual media types, where it's not needed:
@media braille, embossed, speech, tty {
.visual { display: none; }
}
<table id="pdeplegend" class="visual" summary="legend">...
--
__ _
|_) /| Richard Atterer | GnuPG key: 888354F7
| \/¯| http://atterer.net | 08A9 7B7D 3D13 3EF2 3D25 D157 79E6 F6DC 8883 54F7
¯ '` ¯
Reply to: