Aller au contenu
Biome
Docs Enterprise Playground
Blog

useHtmlLang

Ce contenu n’est pas encore disponible dans votre langue.

Diagnostic Category: lint/a11y/useHtmlLang

Since: v1.0.0

Sources:

Description

Section titled Description

Enforce that html element has lang attribute.

Examples

Section titled Examples

Invalid

Section titled Invalid
<html></html>
code-block.jsx:1:1 lint/a11y/useHtmlLang ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a lang attribute when using the html element.
  
  > 1 │ <html></html>
      │ ^^^^^^
    2 │ 
  
  ℹ Setting a lang attribute on HTML document elements configures the languageused by screen readers when no user default is specified.
  
<html lang={""}></html>
code-block.jsx:1:1 lint/a11y/useHtmlLang ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a lang attribute when using the html element.
  
  > 1 │ <html lang={""}></html>
      │ ^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Setting a lang attribute on HTML document elements configures the languageused by screen readers when no user default is specified.
  
<html lang={null}></html>
code-block.jsx:1:1 lint/a11y/useHtmlLang ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a lang attribute when using the html element.
  
  > 1 │ <html lang={null}></html>
      │ ^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Setting a lang attribute on HTML document elements configures the languageused by screen readers when no user default is specified.
  
<html lang={undefined}></html>
code-block.jsx:1:1 lint/a11y/useHtmlLang ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a lang attribute when using the html element.
  
  > 1 │ <html lang={undefined}></html>
      │ ^^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Setting a lang attribute on HTML document elements configures the languageused by screen readers when no user default is specified.
  
<html lang={true}></html>
code-block.jsx:1:1 lint/a11y/useHtmlLang ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a lang attribute when using the html element.
  
  > 1 │ <html lang={true}></html>
      │ ^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Setting a lang attribute on HTML document elements configures the languageused by screen readers when no user default is specified.

Valid

Section titled Valid
<html lang="en"></html>
<html lang={language}></html>
<html {...props}></html>
<html lang={""} {...props}></html>

Accessibility guidelines

Section titled Accessibility guidelines

How to configure

Section titled How to configure
biome.json
{
  "linter": {
    "rules": {
      "a11y": {
        "useHtmlLang": "error"
      }
    }
  }
}
Section titled Related links