Language

If you use a different language within the body of your page such as Spanish, French, Italian, German, Chinese, etc. then the language attribute (lang) would need to be used for that text. This will ensure the screen reader pronounces the word or phrase correctly with the proper accent.

  • lang="es" (Spanish)
  • lang="fr" (French)
  • lang="it" (Italian)
  • lang="de" (German)
  • lang="zh" (Chinese)

Code Examples

Add the lang attribute to an entire paragraph in Spanish:

<p lang=“es”>La bicicleta es roja…</p>

Add the lang attribute to an image with Spanish alt text:

<img src=“image.jpg” alt=“una bicicleta roja” lang=“es”>

Add the lang attribute to text in the middle of a paragraph:

<p>The title is "<span lang="fr">Le Bon Usage</span>".

Additional Resources

About the HTML Language Attribute

WCAG Success Criterion 3.1.2 Language of Parts