CSS & Web Design Forum  

Welcome to the CSS & Web Design Forum forums.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact contact us.
WM Media Banner

Supporters
Pos Software - POS hardware and Software to track, control and manage your inventory.
Web Templates - BoxedArt is the most reliable source for unlimited template downloads.

Directory Submission
WL Marketing - Your #1 source for building links

Go Back   CSS & Web Design Forum > Web Design > CSS
Reply
 
Thread Tools Search this Thread Display Modes
(#1)
Old
Geoff Cox
Guest
 
Default make image map accessible to partially sighted users? - 06-04-2008, 07:51 AM

Hello,

I have an image map of a human figure which has 250 rectangles so that
the user can click on parts of the body.

Is it possible to make this image map more accessible for partially
sighted users ?

Cheers,

Geoff
Reply With Quote
(#2)
Old
Jukka K. Korpela
Guest
 
Default Re: make image map accessible to partially sighted users? - 06-04-2008, 10:39 AM

Scripsit Geoff Cox:

> I have an image map of a human figure which has 250 rectangles so that
> the user can click on parts of the body.


Why rectangles? Most parts of _my_ body aren't rectangular. :-)

> Is it possible to make this image map more accessible for partially
> sighted users ?


Yes, but this isn't really a CSS issue. Well, maybe in part.

You can, and indeed should, have a descriptive alt="..." attribute for
each part. This may help users who use a screen reader together with a
graphic browser. It also helps blind people (assuming the linked
information is accessible to them), especially if you put the
elements in some suitable reading order, such as alphabetic by the
alt="..." attribute value.

One of the problems is that graphic browsers generally display the alt
attribute value as a "tooltip" in a small window in a tiny font. If the
font were bigger, the "tooltip" could help partially sighted users. But
you cannot make it bigger in CSS. It is usually a system configuration
option, so it should be handled by the user, or for the user by someone
who can access his computer.

However, you could additionally have some display of explanatory texts
using other techniques, such as JavaScript and event attributes; and
then CSS would have some role to play (e.g. for making the info display
use a large font).

For some more info, check
http://www.cs.tut.fi/~jkorpela/html/mapalt.html

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Reply With Quote
(#3)
Old
Geoff Cox
Guest
 
Default Re: make image map accessible to partially sighted users? - 06-04-2008, 07:25 PM

On Wed, 4 Jun 2008 13:35:25 +0300, "Jukka K. Korpela"
wrote:

>Scripsit Geoff Cox:
>
>> I have an image map of a human figure which has 250 rectangles so that
>> the user can click on parts of the body.

>
>Why rectangles? Most parts of _my_ body aren't rectangular. :-)
>
>> Is it possible to make this image map more accessible for partially
>> sighted users ?

>
>Yes, but this isn't really a CSS issue. Well, maybe in part.
>
>You can, and indeed should, have a descriptive alt="..." attribute for
>each part. This may help users who use a screen reader together with a
>graphic browser. It also helps blind people (assuming the linked
>information is accessible to them), especially if you put the
>elements in some suitable reading order, such as alphabetic by the
>alt="..." attribute value.
>
>One of the problems is that graphic browsers generally display the alt
>attribute value as a "tooltip" in a small window in a tiny font. If the
>font were bigger, the "tooltip" could help partially sighted users. But
>you cannot make it bigger in CSS. It is usually a system configuration
>option, so it should be handled by the user, or for the user by someone
>who can access his computer.
>
>However, you could additionally have some display of explanatory texts
>using other techniques, such as JavaScript and event attributes; and
>then CSS would have some role to play (e.g. for making the info display
>use a large font).
>
>For some more info, check
>http://www.cs.tut.fi/~jkorpela/html/mapalt.html



thanks Jukka - will give this some more thought. In the mean while I
have made an alternative page with radio button and the names of parts
of the body.

Cheers

Geoff
Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Forum Jump



Powered by vBulletin® Version 3.7.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Hosting at Triple.com
vBulletin Skin developed by: vBStyles.com

Printing Company  Link Building Services