I'm working on building the site for the homepage of Fix the Web and I've had a bug report from a screen reader user that I can't fathom, can anyone give me some useful experience please. I've tried it both as a block and inserting it into the node. I'm using drupal 6.19, and all other modules in user are up to date.
This is the report from the screen reader user:
checked the page out again and this time I used both Window Eyes 7.01 and Jaws 11.
Using Jaws there were no problems at all either with IE8 or Firefox.
Using Window Eyes however, there were the same issues as I reported earlier with IE8.
So, it seems the problem is screen reader related which makes it more confusing.
This is how IE8 and Window Eyes reads the following snapshot.
Sorry, the site is currently only available in English.
Share & bookmark this page
search?q=http%3A%2F%2Fwww.fixtheweb.net%2Fhome
myresults/bookmarklet?u=http%3A%2F%2Fwww.fixtheweb.net%2Fhome&t=Help+us+resolve+web+access+issues
buzz?targetUrl=http%3A%2F%2Fwww.fixtheweb.net%2Fhome&headline=Help+us+resolve+web+access+issues&summ...
This is how Firefox and Window Eyes reads the same snapshot.
Sorry, the site is currently only available in English.
Share & bookmark this page
Icerocket
Yahoo
Buzz Up!
Seeing as I also have the NVDA screen reader installed, I thought i'd see how it read the same snapshot.
If I used the Tab key to move through the links everything was fine, but when I used the small arrow keys to move down the page, all the links were in 1 long line which was very confusing.
The snapshot read like this.
Sorry, the site is currently only available in English.
Share & bookmark this page
Icerocket Yahoo Buzz Up!
There were quite a few more links in the above line which I didn't include.
Comments
Comment #1
Everett Zufelt commentedThe markup for the first link is:
<a href="http://blogs.icerocket.com/search?q=http%3A%2F%2Fwww.fixtheweb.net%2Fhome" title="Search IceRocket for links to this post." id="service-links-icerocket-1" class="service-links-icerocket" rel="nofollow"><img src="/sites/all/modules/service_links/images/icerocket.png" alt="Icerocket" title="" width="16" height="16" /></a>Not sure why Window Eyes / IE8 is messing this up. The only thing that you might try is removing the empty title attribute from the image. A screen-reader should use the image alt, or if not available, and if no anchor text is available, the title attribute of the anchor.
That is expected behavior with NVDA, it reads the entire line.
Comment #2
benjarlett commentedFixed for me anyhow.
I copy and pasted the code into a blank block and removed the empty title attributes and … and that worked. Would be good to see these blank title attributes removed from the module so that it works for Windows Eyes 7.01
Comment #3
Everett Zufelt commentedI'm glad this worked for you. That being said, I can't think of a reason that Window Eyes shouldn't work properly with title="", this, IMO, is a bug in Window Eyes.
Nevertheless, it would likely be good to remove title="" from the markup. Setting back to Active since the issue isn't 'fixed' in the module.
Comment #4
Everett Zufelt commentedUpdating title
Comment #5
TheCrow commentedThis should be fixed into the core (http://api.drupal.org/api/function/theme_image) or into your theme rewriting the phptemplate_image() function, otherwise title attribute will be always added.
Comment #6
Everett Zufelt commentedThis appears to be fixed in theme_image() in Drupal 7, http://api.drupal.org/api/function/theme_image/7
Comment #7
TheCrow commentedThis should work, if you put it in your template.php (if doesnt work try also to rename the function like: theme_name_image)
Comment #8
joeJ-1 commentedmany thanks crow, works!