E-mail List Archives
Thread: Language Toggle
Number of posts in this thread: 4 (In chronological order)
From: Shawn Bridges
Date: Tue, Feb 28 2012 2:15PM
Subject: Language Toggle
No previous message | Next message →
If you have a website in various languages where is best to place the
language toggle? To make it accessible is it good to place it on top or
below a header tag?
From: Priti
Date: Wed, Feb 29 2012 1:21AM
Subject: Re: Language Toggle
← Previous message | Next message →
Hi Shawn,
Language options are generally placed on the top right corner. However,
position of the language toggle option does not affect accessibility in the
first place.
It is the element you use to present it, image link, drop-down box, text
link or button need to have appropriate alternate text, form labels and
clear link text respectively for users to understand its purpose.
Hope this helps.
Thanks & Regards,
Priti Rohra
Freelance Accessibility Consultant
Twitter: http://www.twitter.com/pritirohra
Linkedin: http://www.linkedin.com/pub/priti-rohra/10/8a6/788
-----Original Message-----
From: = EMAIL ADDRESS REMOVED =
[mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Shawn Bridges
Sent: Wednesday, February 29, 2012 2:48 AM
To: WebAIM Discussion List
Subject: [WebAIM] Language Toggle
If you have a website in various languages where is best to place the
language toggle? To make it accessible is it good to place it on top or
below a header tag?
From: Jeevan Reddy
Date: Wed, Feb 29 2012 6:21AM
Subject: Re: Language Toggle
← Previous message | Next message →
I do agree with Priti, in addition if you display the link text with
the respective language toggle, don't forget to use "Lang" attribute .
All the best!.
On 2/29/12, Priti < = EMAIL ADDRESS REMOVED = > wrote:
> Hi Shawn,
>
> Language options are generally placed on the top right corner. However,
> position of the language toggle option does not affect accessibility in the
> first place.
> It is the element you use to present it, image link, drop-down box, text
> link or button need to have appropriate alternate text, form labels and
> clear link text respectively for users to understand its purpose.
>
> Hope this helps.
>
>
> Thanks & Regards,
> Priti Rohra
> Freelance Accessibility Consultant
> Twitter: http://www.twitter.com/pritirohra
> Linkedin: http://www.linkedin.com/pub/priti-rohra/10/8a6/788
>
> -----Original Message-----
> From: = EMAIL ADDRESS REMOVED =
> [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Shawn Bridges
> Sent: Wednesday, February 29, 2012 2:48 AM
> To: WebAIM Discussion List
> Subject: [WebAIM] Language Toggle
>
> If you have a website in various languages where is best to place the
> language toggle? To make it accessible is it good to place it on top or
> below a header tag?
>
From: Elizabeth J. Pyatt
Date: Wed, Feb 29 2012 1:57PM
Subject: Re: Language Toggle
← Previous message | No next message
I would guess that it should be near the top in the code even if CSS is used to move it to the right. You don't want the person on the screen reader to have to plow through too much non-native content before getting to the right option.
Some other factors to consider.
* Language names should be in the native language (e.g. "Español, Français, Deutsch"). Flag icons should be avoided also (language names instead) - that's a globalization recommendation ;)
* Make sure there's a separate SUBMIT button on the switcher. I've seen blind users accidentally end up on the wrong language because they would hit ENTER to navigate a language menu, but were then prematurely directed to a particular page.
* Each page should should include the correct "lang=" attribute in the HTML tag (even the English page). This triggers changes in pronunciation engines for screen readers.
Hope this helps
Elizabeth
> -----Original Message-----
> From: = EMAIL ADDRESS REMOVED =
> [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Shawn Bridges
> Sent: Wednesday, February 29, 2012 2:48 AM
> To: WebAIM Discussion List
> Subject: [WebAIM] Language Toggle
>
> If you have a website in various languages where is best to place the
> language toggle? To make it accessible is it good to place it on top or
> below a header tag?
>