WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Off-list help with some CSS/Javascript questions

for

From: John Foliot
Date: Dec 9, 2011 6:27PM

Birkir R. Gunnarsson wrote:
>
> I'll ask the two questions I had in mind for the general interest
> then, in csae someone else may benefit, at least for now.
> This one is very basic (and I admit, I should just go Google for it).
> When reviewing a web page, I can easily review the html code (in IE by
> going to tools -> source).
> How about the CSS that a webpage uses, is it easily viewable from
> within IE or with some other tool (I know, this is basic, but
> important to an aspiring webpage inspector)?
> I see no obvious reference to the CSS in Jaws with IE (could well be
> hidden in the menus or an icon somewhere).
> Do I perhaps need to upgrade to Firebug or some other software to
> truly inspect webpages (I tend to do somewhat waterred down webpage
> inspection, as I provide free feedback for webpage developers, and do
> not want to compete with companies that provide fullfledged
> accessibility certifications).

Birkir, I personally use the Web Developer toolbar
(http://chrispederick.com/work/web-developer/) which is available as a
plugin for both Chrome and Firefox (I use the FF version myself). It does
a good job with inspecting CSS - it allows both focused inspection of an
element, as well as a quick method of viewing associated stylesheets from
a page. There are other DOM inspection tools out there that will do
similar things (pretty much each browser has some DOM inspector)

>
> The second question is directly related to this.
> I am trying to understand how an image carousel at
> http://www.hljodbok.is works.
> To a screen reader, the page displays 4 links like this
> http://www.hljodbok.is/#
> at the top of the page (below the title and before the first list of
> choices, which is basically features products).
> This is due to, I believe, CSS creating a carousel with links to
> product pictures elsehwere on the page, but it obviously poses
> accessibility issues, since the urls just appear by themselves with no
> useful text at the top.

I don't see this on that page. All 4 images in the carousel appear to have
some alt text, even if in at least 2 instances certainly not enough alt
text. Clicking on 3 of the 4 carousel slides takes me to the same page:
http://www.hljodbok.is/vorur/, the fourth (actually 3rd of 4) goes to
http://www.hljodbok.is/vorur/nanar/?productid=f4a0a98d-b5a1-407f-9d68-e174
6cfc51f2

> I need to understand this in order to recommend either hiding these
> links somehow, or adding text (I don't know if they are duplicates of
> item that appears in the menu below on the page).
> Basically I need to adopt better ways of working and better tools so I
> can perform more in-depth analysis and not just ask here when I run
> into issues. :) After all that would be monopolizing the list.
> I'm on my way there now, by systematically studying and testing these
> things, and it is a lot of fun. :)
> Thanks

Pretty hard to monopolize this list - the point is that it exists as a
resource. The only downside is that sometimes you won't get an answer to
your question. I can't wee the problem on the homepage you are talking
about here, so I don't know what to answer you.

HTH

JF