Lang attribute

Sometimes it's hard to find out where a lang-attribute is set and which language it is set. If you are checking on success criterion 3.1.1 Language of Page or success criterion 3.1.2 Language of Parts this bookmarklet might help you.

Bookmarklet

The bookmarklet shows every lang-setting on the page.

Save the following link in your bookmarks/favorites: Check lang.

The bookmarklet injects some CSS. This CSS code looks like this:

[lang] {
    outline:2px solid yellow
}
[lang]::before {
    content:attr(lang);
    display:block;
    position:absolute;
    color:black;
    background:yellow;
}

Resources

  • Reused the bookmarklet text spacing bookmarklet of TPGi
  • CSS code - some hero's code - I have Googled where I got it from. Let me know if this is your work.