Language Picker Test Page

This page includes four language pickers, each of which is structured as an ordered list, with each list item containing a radio button and a label. This is just a demo. Selecting a language doesn't actually do anything.

For test results, see my blog post on Accessible Language Pickers.

But first, before we get to the examples I thought I would share that i do indeed speak English, ich spreche Deutsch, yo hablo español, Je parle français, 私は日本語を話します, and म नेपाली बोल्न plus a little bit of ᐃᓄᒃᑎᑐᑦ.

Example 1: Language Choice as a List of Links (lang on <a>)

Select your preferred language:

Example 2: Same as Example 1, with supplemental English name

Select your preferred language:

Example 3: Same as Example 2, but using aria-describedby

Select your preferred language:

Example 4: Radio Buttons (lang on input)

Select your preferred language:

Example 5: Radio Buttons (lang on label)

Select your preferred language:

Example 6: Radio Buttons (lang on input and label)

Select your preferred language:

Example 7: Radio Buttons (lang on list item)

Select your preferred language:

Example 8: Radio buttons with English text via aria-describedby

Select your preferred language: