--- source: crates/biome_js_analyze/tests/spec_tests.rs expression: invalid.jsx --- # Input ```jsx <> ; ``` # Diagnostics ``` invalid.jsx:2:2 lint/a11y/noAriaUnsupportedElements FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ! Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements. 1 │ <> > 2 │ │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 3 │ 4 │ i Using aria-* on elements that do not support them can cause issues with screen readers. i Unsafe fix: Remove the aria-hidden="false" attribute. 2 │ → │ -------------------- ``` ``` invalid.jsx:3:2 lint/a11y/noAriaUnsupportedElements FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ! Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements. 1 │ <> 2 │ > 3 │ │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 4 │ 5 │ i Using role on elements that do not support them can cause issues with screen readers. i Unsafe fix: Remove the role="meta" attribute. 3 │ → │ ------------ ``` ``` invalid.jsx:4:2 lint/a11y/noAriaUnsupportedElements FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ! Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements. 2 │ 3 │ > 4 │ │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 5 │ 6 │ i Using aria-* on elements that do not support them can cause issues with screen readers. i Unsafe fix: Remove the aria-required="true" attribute. 4 │ → │ --------------------- ``` ``` invalid.jsx:5:2 lint/a11y/noAriaUnsupportedElements FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ! Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements. 3 │ 4 │ > 5 │ │ ^^^^^^^^^^^^^^^^^^ 6 │ 7 │ i Using role on elements that do not support them can cause issues with screen readers. i Unsafe fix: Remove the role="html" attribute. 5 │ → │ ----------- ``` ``` invalid.jsx:6:2 lint/a11y/noAriaUnsupportedElements FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ! Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements. 4 │ 5 │ > 6 │ │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 7 │ 8 │ i Using aria-* on elements that do not support them can cause issues with screen readers. i Unsafe fix: Remove the aria-label="script" attribute. 6 │ → │ ------------------- ``` ``` invalid.jsx:7:2 lint/a11y/noAriaUnsupportedElements FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ! Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements. 5 │ 6 │ > 7 │ │ ^^^^^^^^^^^^^^^^^^^^^^ 8 │ 9 │ i Using role on elements that do not support them can cause issues with screen readers. i Unsafe fix: Remove the role="script" attribute. 7 │ → │ ------------- ``` ``` invalid.jsx:8:2 lint/a11y/noAriaUnsupportedElements FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ! Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements. 6 │ 7 │ > 8 │ │ ^^^^^^^^^^^^^^^^^^^^^^^ 9 │ 10 │ ; i Using aria-* on elements that do not support them can cause issues with screen readers. i Unsafe fix: Remove the aria-labelledby attribute. 8 │ → │ --------------- ``` ``` invalid.jsx:9:2 lint/a11y/noAriaUnsupportedElements FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ! Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements. 7 │ 8 │ > 9 │ │ ^^^^^^^^^^^^^^^^^^^^ 10 │ ; 11 │ i Using role on elements that do not support them can cause issues with screen readers. i Unsafe fix: Remove the role="style" attribute. 9 │ → │ ------------ ```