How to make this effect accessible for screen-reader and without JS

Posted by jitendra on Stack Overflow See other posts from Stack Overflow or by jitendra
Published on 2010-04-01T11:04:04Z Indexed on 2010/04/01 11:23 UTC
Read the original article Hit count: 258

Filed under:

accessibility

|

screen-readers

|

jQuery

|

XHTML

|

css

Today i found a good example to make whole div clickable in coolway.

http://is.gd/b9xQm

Is there a way to make this effect compatible with Screen-reader and keyboard user and even at least accessible if JS disabled (using css hover).

Atleast link should be shown somewhere if JS is disabled.

© Stack Overflow or respective owner

Related posts about accessibility

Accessibility and usability issues when designing websites for older computer users

as seen on Stack Overflow - Search for 'Stack Overflow'
As a part of my final year university project I am designing a social networking website targeted mainly to older users. I was wondering what accessibility and usability issues should be taken into account when creating a website for such users, apart from obvious ones - such as bigger font, compatibility… >>> More
Introduction tutorial/s for web accessibility?

as seen on Stack Overflow - Search for 'Stack Overflow'
I've ignored this topic for really long time and I would like to get at least basic instincts on this subject (You know - more than "don't forget to add alt on images"). Assuming that I'm complete noob on this, where should i look first? Please, do not just post some ISO standards, html spec or… >>> More
What are usability, accessibility, screen-reader or any other development, functionality, cross brow

as seen on Stack Overflow - Search for 'Stack Overflow'
What are the usability, accessibility, screen-reader, or any other development, functionality, or cross browser issues with <iframe>? Is there any alternative for <iframe>? And are there any JavaScript/jQuery or server-side techniques which can decrease the usability, accessibility… >>> More
(C#, WinForms) How to assign an accessibility attribute to an image in ImageList

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi all, I'm trying to find a way to make a screen-reader (like JAWS) to read out loud some text that is assigned to images in ImageList. In other controls (like PushButton) there is "AccessibleName" property, that when contains text, it's being read by JAWS. the ImageList consists of four icons… >>> More
Accessibility Global Link Fuctional Pattern

as seen on Oracle Technology Network - Search for 'Oracle Technology Network'
Select the desired accessibility level without authenticating >>> More

Related posts about screen-readers

Are inline style bad for screen readers?

as seen on Stack Overflow - Search for 'Stack Overflow'
Example <span style="BACKGROUND-COLOR: #ffd700">Background color</span> How screen reader handle inline css ? is there any other cons of inline CSS except css management? Inline styles are valid also . i tested with W3C Validator and with XHTML 1.0 Strict doctype? <p><span… >>> More
Is use of position:relative inside fixed at some places are ok for Print and screen-readers and mobi

as seen on Stack Overflow - Search for 'Stack Overflow'
Is use of position:fixed inside relative at some places ,Where content is not going to change, but are ok for Print, screen readers and mobile phone users? or float is still better if we need good compatibility at Screen, print and for screen reader and mobile users. >>> More
Which alt text is best for screen readers for example "smiling kid"?

as seen on Stack Overflow - Search for 'Stack Overflow'
Which would be good write ALT text for a photo of kid which is smiling and sitting in garden? This alt="Photo of smiling kid sitting in the garden" or this alt="Photo of smiling kid" or this alt="Smiling kid sitting in the garden" or this alt="Smiling kid" my purpose is to ask this question… >>> More
Is ther an email client optimized for screen readers and accessiblity?

as seen on Super User - Search for 'Super User'
Hi. I'm currently working on a project to help visually impaired people. We're planning to use Orca screen reader for gnome. Everything is doing great but there is a problem with email web clients the most popular ones(gmail, yahoo, hotmail) are not optimized for screen readers. Is there some kind… >>> More
Is there an email client optimized for screen readers and accessiblity?

as seen on Super User - Search for 'Super User'
Hi. I'm currently working on a project to help visually impaired people. We're planning to use Orca screen reader for gnome. Everything is doing great but there is a problem with email web clients the most popular ones(gmail, yahoo, hotmail) are not optimized for screen readers. Is there some kind… >>> More