WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Ryan E. Benson
Date: Dec 10, 2011 5:57PM

Hi Birkir,

> 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)?
If you are stuck in the IE world, press F12. I know it is in IE8 & 9,
not sure if it is in IE7. It is pretty handy, a more developer focused
source (like firebug), shows you what CSS the current element is using
(like firebug), a tab for HTML, CSS, and Scripts. There is some other
handy things in there too.
--
Ryan E. Benson



On Fri, Dec 9, 2011 at 8:05 PM, Birkir R. Gunnarsson
< <EMAIL REMOVED> > wrote:
> Thanks John, thanks all.
>
> 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).
>
> 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 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
> -Birkir
>
>
> On 12/10/11, John Foliot < <EMAIL REMOVED> > wrote:
>> Hey Birkir,
>>
>> Happy to help if I can, although I wouldn't be too quick to dismiss your
>> questions as being of 'little interest' to this mailing list, as often
>> others have thought the same question and not spoken up, or one person
>> raises a question and the answer informs others than the original question
>> poser - in other words, no question is too basic or of little interest
>> given the complexity and diversity of the members of this list.
>>
>> That said you can ping me at <EMAIL REMOVED> or via twitter at @johnfoliot
>>
>> Cheers!
>>
>> JF
>>
>>>