[Date Prev][Date Next] [Thread Prev][Thread Next] [Date Index] [Thread Index]

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.



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: