noInvalidFileInputAccept (HTML)

Summary

Diagnostic Category: lint/nursery/noInvalidFileInputAccept
This rule has an unsafe fix.
The default severity of this rule is error.
Sources:
- Same as unicorn/no-invalid-file-input-accept

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "noInvalidFileInputAccept": "error"
6
      }
7
    }
8
  }
9
}

Description

Disallow invalid accept values on file inputs.

An accept value must contain comma-separated filename extensions, MIME types, or the wildcard MIME types audio/*, image/*, and video/*. Browsers ignore invalid entries, so the file picker may not filter files as intended.

Examples

Invalid

1
<input type="file" accept="image/jpg">

code-block.html:1:28 lint/nursery/noInvalidFileInputAccept  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Use image/jpeg as the file input accept value.
  
  > 1 │ <input type="file" accept="image/jpg">
      │                            ^^^^^^^^^
    2 │ 
  
  ℹ File input accept values must contain comma-separated filename extensions or valid MIME types.
  
  ℹ This rule belongs to the nursery group, which means it is not yet stable and may change in the future. Visit https://biomejs.dev/linter/#nursery for more information.
  
  ℹ Unsafe fix: Use the normalized file input accept value.
  
    1   │ - <input·type="file"·accept="image/jpg">
      1 │ + <input·type="file"·accept="image/jpeg">
    2 2 │

Valid

1
<input type="file" accept="image/jpeg, .jpg">