- Success Criterion 3.1.2
- Conformance level AA
Foreign-Language Quote or Phrase With No Language Attribute
3.1.2 — Language of Parts
Scenario
Setting
A fashion e-commerce site's checkout page
What’s wrong
Foreign-language quotes, phrases, or embedded content without lang on the containing element.
Example
Picture a fashion e-commerce site's checkout page: foreign-language quotes, phrases, or embedded content without lang on the containing element.
Why it matters
Screen-reader users hearing mixed-language content with the wrong voice rules. Here, on a fashion e-commerce site's checkout page, the result is they hear the wrong pronunciation throughout.
How to test
Find a foreign-language quote or embedded phrase in the content: check DevTools for a lang attribute on its wrapping element — missing fails.
How to fix
The passage in another language must carry its own correct lang attribute.
Outcome
After the fix, the same visitor to a fashion e-commerce site's checkout page can now hear the correct pronunciation.
Who is affected
Screen-reader users hearing mixed-language content with the wrong voice rules.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- No Way to Programmatically Tell Which Language a Passage Uses
- Language Switcher Link With No Language Tag of Its Own
- Mixed-Language Legal or Product Text Left Entirely Unmarked
- Language Attribute Copy-Pasted Onto the Wrong Piece of Text
- Bilingual Layout Where One Column’s Language Goes Unmarked
- User-Generated Content in Another Language Never Tagged