How to set HTML lang attribute dynamically?

javascript jquery screen-readers
Xplora picture Xplora · Feb 3, 2016 · Viewed 15.4k times · Source

How to set HTML 'lang' attribute dynamically in a web application?

I tried using jQuery as follows to insert the 'lang' attribute:

Using console/alert, 'lang' attribute looks to be set as expected. But if you see generated source (View Source), 'lang' isn't getting set at all.

Requirement is Screen Readers must be able to recognize the language dynamically. It would be great if there is any other solution to make Screen Readers recognize the language dynamically. Thanks everyone for the comments inline!

Answer

ShortFuse picture ShortFuse · May 6, 2020

document.documentElement.setAttribute('lang', navigator.language);

or

document.documentElement.lang = navigator.language;

Related questions

How to get a screen reader to stop reading and read different content

I've written a site that uses jQuery to display a modal popup. It essentially covers the entire viewable area of the screen with an overlay, then shows a DIV that contains the actual popup on top of the overlay. One …

Read More
Screen readers and Javascript

I'm creating a website for a reading service for the blind and visually impaired and I'm using JavaScript (with jQuery) to print some stuff to some of the pages after the page has loaded. Will the screen reader read the …

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More