WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Language attribute in area element not working in IE

for

Number of posts in this thread: 3 (In chronological order)

From: Varela, Marilyn
Date: Tue, Oct 06 2009 1:45PM
Subject: Language attribute in area element not working in IE
No previous message | Next message →

Hi:



We have an image map of 14 flags in the footer of our website that
depict the alternate languages we offer information in. Please don't
respond to the issue of using flags for languages; I already lost that
debate. In order to display the native language instead of the English
name in the alt text and title attribute I am using the lang attribute
in the area element. All the languages show correctly in Firefox but
some of them do not display in IE. I get a row of boxes instead of
charcters.



Any ideas on how to fix this?



Thanks.



Marilyn



Marilyn Varela
Web Administrator
Employment Security Department
Phone: (360) 438-4772

E-mail: = EMAIL ADDRESS REMOVED =

From: Jukka K. Korpela
Date: Tue, Oct 06 2009 2:05PM
Subject: Re: Language attribute in area element not working in IE
← Previous message | Next message →

Varela, Marilyn wrote:

> We have an image map of 14 flags in the footer of our website that
> depict the alternate languages we offer information in.

To be accessible, replace it by a list of links, using language names.

> Please don't
> respond to the issue of using flags for languages; I already lost that
> debate.

There's no need for a debate on that. If your boss or customer does not
listen to rational arguments or even authoritative recommendations on this,
then you have to do what you have to do.

If you think you can still work with accessibility in mind under such
circumstances, replace the image map by a set of 14 images that are links.
Then use normal alt attribute techniques. Using an image map offers no
benefits beyond marginal (and possibly quite imaginary) difference in load
time, as a single image loads marginally faster than 14 smaller images.

> In order to display the native language instead of the
> English name in the alt text and title attribute I am using the lang
> attribute in the area element. All the languages show correctly in
> Firefox but some of them do not display in IE. I get a row of boxes
> instead of charcters.

I'm not sure what you have done (and why). A URL would be most helpful, as
usual.

I'm about 100.1% sure that the issue is with characters and glyphs, not
language markup. Generally IE has character problems far more often than
other browsers. They manifest themselves even in normal text, though in the
rendering of alt and title attributes, the problems could conceivably be
bigger, since their renderings takes place in a special environment in a
browser-depedendent way.

Theoretically, a lang="..." attribute specifies the language used in the
element's content _and_ attribute values, so it would be quite appropriate
to use in in principle. In practice, browsers just ignore it, except in the
special cases when they use the language information to make odd choices of
fonts (in the relatively rare cases where authors don't specify fonts). Some
speech-based browsers use the language information to select speech
synthesis methods, but this is much more rare than many people say when they
babble about accessibility.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

From: Jared Smith
Date: Tue, Oct 06 2009 2:30PM
Subject: Re: Language attribute in area element not working in IE
← Previous message | No next message

On Tue, Oct 6, 2009 at 1:43 PM, Varela, Marilyn < = EMAIL ADDRESS REMOVED = > wrote:
> All the languages show correctly in Firefox but
> some of them do not display in IE.  I get a row of boxes instead of
> charcters.
>
> Any ideas on how to fix this?

I am seconding Jukka's recommendation to use a list (preferably a true
list) of linked images rather than an image map.

I was going to post that you're probably using a limited document
encoding and that it's your own fault and stuff, but I see that your
current site is properly using UTF-8, so that's likely not the issue.
I also don't experience any encoding issues with the alt text of the
flag images in any IE 6 through 8. Is it perhaps a Windows
installation with corrupt or missing fonts?

As Jukka mentioned, IE has a long history is mis-presenting
non-standard characters, particularly in dialog boxes, browser title
bars, etc. It's quite likely that the title/alt tooltip in IE fits
into the category of things that IE struggles in presenting correctly.

Jared Smith
WebAIM.org