From c183dcab5c1da7b675b40cb79cc4fbbf22550cbf Mon Sep 17 00:00:00 2001
From: Aviral Dua <aviraldua93@users.noreply.github.com>
Date: Sun, 15 Mar 2026 21:11:43 -0700
Subject: [PATCH 1/4] feat(html): port noAriaHiddenOnFocusable a11y rule to
 HTML

Port the noAriaHiddenOnFocusable lint rule from JSX to HTML. The rule
enforces that aria-hidden=true is not set on focusable elements.

Addresses all review feedback:
- Use let-chains for tabindex checking
- Return Option<bool> from is_focusable_element with ? operator
- Business-logic doc comments on all helper functions
- Exclude input type=hidden from focusability (HTML spec)
- Tighten contenteditable to HTML spec enumerated states:
  only true/empty/plaintext-only are editing hosts
- Case sensitivity tests (BUTTON, INPUT uppercase)
- Component tests (MyButton - not flagged)
- Framework test coverage: Vue, Svelte, Astro (valid + invalid)
- Changeset bumped to minor with example snippet
- All snapshots generated via cargo insta
- Clippy clean, all 8 tests pass

Part of biomejs#8155.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 .../port-no-aria-hidden-on-focusable-html.md  |  13 +
 .../lint/a11y/no_aria_hidden_on_focusable.rs  | 212 +++++++++++
 .../astro/invalid.astro                       |  13 +
 .../astro/invalid.astro.snap                  | 272 ++++++++++++++
 .../noAriaHiddenOnFocusable/astro/valid.astro |  25 ++
 .../astro/valid.astro.snap                    |  33 ++
 .../a11y/noAriaHiddenOnFocusable/invalid.html |  16 +
 .../noAriaHiddenOnFocusable/invalid.html.snap | 338 ++++++++++++++++++
 .../svelte/invalid.svelte                     |  13 +
 .../svelte/invalid.svelte.snap                | 272 ++++++++++++++
 .../svelte/valid.svelte                       |  25 ++
 .../svelte/valid.svelte.snap                  |  33 ++
 .../a11y/noAriaHiddenOnFocusable/valid.html   |  17 +
 .../noAriaHiddenOnFocusable/valid.html.snap   |  25 ++
 .../noAriaHiddenOnFocusable/vue/invalid.vue   |  15 +
 .../vue/invalid.vue.snap                      | 276 ++++++++++++++
 .../noAriaHiddenOnFocusable/vue/valid.vue     |  27 ++
 .../vue/valid.vue.snap                        |  35 ++
 18 files changed, 1660 insertions(+)
 create mode 100644 .changeset/port-no-aria-hidden-on-focusable-html.md
 create mode 100644 crates/biome_html_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro.snap
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/valid.astro
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/valid.astro.snap
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html.snap
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte.snap
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/valid.svelte
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/valid.svelte.snap
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/valid.html
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/valid.html.snap
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue.snap
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/valid.vue
 create mode 100644 crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/valid.vue.snap

diff --git a/.changeset/port-no-aria-hidden-on-focusable-html.md b/.changeset/port-no-aria-hidden-on-focusable-html.md
new file mode 100644
index 000000000000..6a364fd31480
--- /dev/null
+++ b/.changeset/port-no-aria-hidden-on-focusable-html.md
@@ -0,0 +1,13 @@
+---
+"@biomejs/biome": minor
+---
+
+Added HTML support for the [`noAriaHiddenOnFocusable`](https://biomejs.dev/linter/rules/no-aria-hidden-on-focusable/) accessibility lint rule, which enforces that `aria-hidden="true"` is not set on focusable elements. Focusable elements include native interactive elements (`<button>`, `<input>`, `<select>`, `<textarea>`), elements with `href` (`<a>`, `<area>`), elements with `tabindex >= 0`, and editing hosts (`contenteditable`). Includes an unsafe fix to remove the `aria-hidden` attribute.
+
+```html
+<!-- Invalid: aria-hidden on a focusable element -->
+<button aria-hidden="true">Submit</button>
+
+<!-- Valid: aria-hidden on a non-focusable element -->
+<div aria-hidden="true">decorative content</div>
+```
diff --git a/crates/biome_html_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs b/crates/biome_html_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs
new file mode 100644
index 000000000000..2cc92b6b328a
--- /dev/null
+++ b/crates/biome_html_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs
@@ -0,0 +1,212 @@
+use biome_analyze::{
+    Ast, FixKind, Rule, RuleDiagnostic, RuleSource, context::RuleContext, declare_lint_rule,
+};
+use biome_console::markup;
+use biome_diagnostics::Severity;
+use biome_html_syntax::{AnyHtmlElement, HtmlAttribute, HtmlFileSource};
+use biome_rowan::{AstNode, BatchMutationExt};
+use biome_rule_options::no_aria_hidden_on_focusable::NoAriaHiddenOnFocusableOptions;
+
+use crate::HtmlRuleAction;
+use crate::a11y::get_truthy_aria_hidden_attribute;
+
+declare_lint_rule! {
+    /// Enforce that aria-hidden="true" is not set on focusable elements.
+    ///
+    /// `aria-hidden="true"` can be used to hide purely decorative content from screen reader users.
+    /// A focusable element with `aria-hidden="true"` can be reached by keyboard.
+    /// This can lead to confusion or unexpected behavior for screen reader users.
+    ///
+    /// ## Examples
+    ///
+    /// ### Invalid
+    ///
+    /// ```html,expect_diagnostic
+    /// <div aria-hidden="true" tabindex="0"></div>
+    /// ```
+    ///
+    /// ```html,expect_diagnostic
+    /// <a href="/" aria-hidden="true">link</a>
+    /// ```
+    ///
+    /// ### Valid
+    ///
+    /// ```html
+    /// <div aria-hidden="true"></div>
+    /// ```
+    ///
+    /// ```html
+    /// <button aria-hidden="true" tabindex="-1"></button>
+    /// ```
+    ///
+    /// ## Resources
+    ///
+    /// - [aria-hidden elements do not contain focusable elements](https://dequeuniversity.com/rules/axe/html/4.4/aria-hidden-focus)
+    /// - [Element with aria-hidden has no content in sequential focus navigation](https://www.w3.org/WAI/standards-guidelines/act/rules/6cfa84/proposed/)
+    /// - [MDN aria-hidden](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-hidden)
+    ///
+    pub NoAriaHiddenOnFocusable {
+        version: "next",
+        name: "noAriaHiddenOnFocusable",
+        language: "html",
+        sources: &[RuleSource::EslintJsxA11y("no-aria-hidden-on-focusable").same()],
+        recommended: true,
+        severity: Severity::Error,
+        fix_kind: FixKind::Unsafe,
+    }
+}
+
+pub struct NoAriaHiddenOnFocusableState {
+    aria_hidden_attribute: HtmlAttribute,
+}
+
+impl Rule for NoAriaHiddenOnFocusable {
+    type Query = Ast<AnyHtmlElement>;
+    type State = NoAriaHiddenOnFocusableState;
+    type Signals = Option<Self::State>;
+    type Options = NoAriaHiddenOnFocusableOptions;
+
+    fn run(ctx: &RuleContext<Self>) -> Self::Signals {
+        let element = ctx.query();
+        let aria_hidden_attr = get_truthy_aria_hidden_attribute(element)?;
+        let file_source = ctx.source_type::<HtmlFileSource>();
+        let is_html = file_source.is_html();
+
+        // Tabindex overrides native focusability: negative removes from tab order,
+        // non-negative makes the element focusable regardless of element type.
+        if let Some(tabindex_attr) = element.find_attribute_by_name("tabindex")
+            && let Some(tabindex_value) = get_tabindex_value(&tabindex_attr)
+        {
+            if tabindex_value < 0 {
+                return None;
+            }
+            return Some(NoAriaHiddenOnFocusableState {
+                aria_hidden_attribute: aria_hidden_attr,
+            });
+        }
+
+        // Check if element is natively focusable or has contenteditable
+        if is_focusable_element(element, is_html)? {
+            return Some(NoAriaHiddenOnFocusableState {
+                aria_hidden_attribute: aria_hidden_attr,
+            });
+        }
+
+        None
+    }
+
+    fn diagnostic(ctx: &RuleContext<Self>, _state: &Self::State) -> Option<RuleDiagnostic> {
+        let node = ctx.query();
+        Some(
+            RuleDiagnostic::new(
+                rule_category!(),
+                node.syntax().text_trimmed_range(),
+                markup! {
+                    "Disallow "<Emphasis>"aria-hidden=\"true\""</Emphasis>" from being set on focusable elements."
+                },
+            )
+            .note(markup! {
+                ""<Emphasis>"aria-hidden"</Emphasis>" should not be set to "<Emphasis>"true"</Emphasis>" on focusable elements because this can lead to confusing behavior for screen reader users."
+            }),
+        )
+    }
+
+    fn action(ctx: &RuleContext<Self>, state: &Self::State) -> Option<HtmlRuleAction> {
+        let mut mutation = ctx.root().begin();
+        mutation.remove_node(state.aria_hidden_attribute.clone());
+        Some(HtmlRuleAction::new(
+            ctx.metadata().action_category(ctx.category(), ctx.group()),
+            ctx.metadata().applicability(),
+            markup! { "Remove the "<Emphasis>"aria-hidden"</Emphasis>" attribute from the element." }
+                .to_owned(),
+            mutation,
+        ))
+    }
+}
+
+/// Parses the tabindex attribute value as an integer.
+///
+/// Returns `None` if the attribute has no value or cannot be parsed as an integer.
+/// Non-integer values (e.g., `tabindex="abc"`) are ignored and treated as if
+/// tabindex was not set.
+fn get_tabindex_value(attribute: &HtmlAttribute) -> Option<i32> {
+    let value = attribute.value()?;
+    value.trim().parse::<i32>().ok()
+}
+
+/// Returns whether the element is natively focusable per the HTML spec.
+///
+/// Returns `Some(true)` when the element is one of:
+/// - Interactive elements: `<button>`, `<select>`, `<textarea>`, `<details>`, `<summary>`
+/// - Elements with `href` attribute: `<a href="...">`, `<area href="...">`
+/// - `<input>` elements, except `<input type="hidden">` which is not focusable
+/// - Elements with a truthy `contenteditable` attribute (editing hosts)
+///
+/// Returns `Some(false)` when the element is recognized but not focusable.
+/// Returns `None` when the element name cannot be determined (e.g., bogus elements).
+fn is_focusable_element(element: &AnyHtmlElement, is_html: bool) -> Option<bool> {
+    let element_name = element.name()?;
+
+    let name_matches = |name: &str| -> bool {
+        if is_html {
+            element_name.eq_ignore_ascii_case(name)
+        } else {
+            element_name.text() == name
+        }
+    };
+
+    // <a> and <area> are only focusable when they have an href attribute
+    if (name_matches("a") || name_matches("area"))
+        && element.find_attribute_by_name("href").is_some()
+    {
+        return Some(true);
+    }
+
+    // These elements are always natively focusable
+    if name_matches("button")
+        || name_matches("select")
+        || name_matches("textarea")
+        || name_matches("details")
+        || name_matches("summary")
+    {
+        return Some(true);
+    }
+
+    // <input> is focusable unless type="hidden"
+    if name_matches("input") {
+        let is_hidden = element
+            .find_attribute_by_name("type")
+            .and_then(|attr| attr.value())
+            .is_some_and(|value| value.trim().eq_ignore_ascii_case("hidden"));
+        return Some(!is_hidden);
+    }
+
+    // Check contenteditable attribute
+    Some(has_contenteditable_true(element))
+}
+
+/// Returns `true` when the element has a truthy `contenteditable` attribute,
+/// making it an editing host (and therefore focusable).
+///
+/// Per the HTML spec (§6.8.1), `contenteditable` is an enumerated attribute with:
+/// - Bare attribute (`<div contenteditable>`) → empty value default = **True** state
+/// - `""` (empty string) → empty value default = **True** state
+/// - `"true"` → **True** state (editing host)
+/// - `"plaintext-only"` → **Plaintext-Only** state (editing host)
+/// - `"false"` → **False** state (not editable)
+/// - Invalid values (e.g., `"banana"`) → **Inherit** state (not an editing host)
+///
+/// Ref: <https://html.spec.whatwg.org/multipage/interaction.html#attr-contenteditable>
+fn has_contenteditable_true(element: &AnyHtmlElement) -> bool {
+    element
+        .find_attribute_by_name("contenteditable")
+        .is_some_and(|attr| match attr.value() {
+            None => true, // bare attribute = True state per HTML spec
+            Some(value) => {
+                let trimmed = value.trim();
+                trimmed.is_empty()
+                    || trimmed.eq_ignore_ascii_case("true")
+                    || trimmed.eq_ignore_ascii_case("plaintext-only")
+            }
+        })
+}
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro
new file mode 100644
index 000000000000..44fadb54e54b
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro
@@ -0,0 +1,13 @@
+<!-- should generate diagnostics -->
+<button aria-hidden="true">Click me</button>
+<a href="/" aria-hidden="true">link</a>
+<input aria-hidden="true" />
+<div tabindex="0" aria-hidden="true"></div>
+<select aria-hidden="true"><option>opt</option></select>
+<textarea aria-hidden="true">text</textarea>
+<div contenteditable="true" aria-hidden="true">editable</div>
+<div contenteditable aria-hidden="true">editable bare attr</div>
+<div contenteditable="" aria-hidden="true">editable empty string</div>
+<area href="/" aria-hidden="true" />
+<details aria-hidden="true">details</details>
+<summary aria-hidden="true">summary</summary>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro.snap
new file mode 100644
index 000000000000..cb3ac70a0d71
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro.snap
@@ -0,0 +1,272 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: invalid.astro
+---
+# Input
+```astro
+<!-- should generate diagnostics -->
+<button aria-hidden="true">Click me</button>
+<a href="/" aria-hidden="true">link</a>
+<input aria-hidden="true" />
+<div tabindex="0" aria-hidden="true"></div>
+<select aria-hidden="true"><option>opt</option></select>
+<textarea aria-hidden="true">text</textarea>
+<div contenteditable="true" aria-hidden="true">editable</div>
+<div contenteditable aria-hidden="true">editable bare attr</div>
+<div contenteditable="" aria-hidden="true">editable empty string</div>
+<area href="/" aria-hidden="true" />
+<details aria-hidden="true">details</details>
+<summary aria-hidden="true">summary</summary>
+
+```
+
+# Diagnostics
+```
+invalid.astro:2:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    1 │ <!-- should generate diagnostics -->
+  > 2 │ <button aria-hidden="true">Click me</button>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    3 │ <a href="/" aria-hidden="true">link</a>
+    4 │ <input aria-hidden="true" />
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    2 │ <button·aria-hidden="true">Click·me</button>
+      │         ------------------                  
+
+```
+
+```
+invalid.astro:3:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    1 │ <!-- should generate diagnostics -->
+    2 │ <button aria-hidden="true">Click me</button>
+  > 3 │ <a href="/" aria-hidden="true">link</a>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    4 │ <input aria-hidden="true" />
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    3 │ <a·href="/"·aria-hidden="true">link</a>
+      │             ------------------         
+
+```
+
+```
+invalid.astro:4:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    2 │ <button aria-hidden="true">Click me</button>
+    3 │ <a href="/" aria-hidden="true">link</a>
+  > 4 │ <input aria-hidden="true" />
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+    6 │ <select aria-hidden="true"><option>opt</option></select>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    4 │ <input·aria-hidden="true"·/>
+      │        -------------------  
+
+```
+
+```
+invalid.astro:5:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    3 │ <a href="/" aria-hidden="true">link</a>
+    4 │ <input aria-hidden="true" />
+  > 5 │ <div tabindex="0" aria-hidden="true"></div>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    6 │ <select aria-hidden="true"><option>opt</option></select>
+    7 │ <textarea aria-hidden="true">text</textarea>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    5 │ <div·tabindex="0"·aria-hidden="true"></div>
+      │                   ------------------       
+
+```
+
+```
+invalid.astro:6:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    4 │ <input aria-hidden="true" />
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+  > 6 │ <select aria-hidden="true"><option>opt</option></select>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    7 │ <textarea aria-hidden="true">text</textarea>
+    8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    6 │ <select·aria-hidden="true"><option>opt</option></select>
+      │         ------------------                              
+
+```
+
+```
+invalid.astro:7:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+    6 │ <select aria-hidden="true"><option>opt</option></select>
+  > 7 │ <textarea aria-hidden="true">text</textarea>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+    9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    7 │ <textarea·aria-hidden="true">text</textarea>
+      │           ------------------                
+
+```
+
+```
+invalid.astro:8:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     6 │ <select aria-hidden="true"><option>opt</option></select>
+     7 │ <textarea aria-hidden="true">text</textarea>
+   > 8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+     9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    8 │ <div·contenteditable="true"·aria-hidden="true">editable</div>
+      │                             ------------------               
+
+```
+
+```
+invalid.astro:9:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     7 │ <textarea aria-hidden="true">text</textarea>
+     8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+   > 9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+    11 │ <area href="/" aria-hidden="true" />
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    9 │ <div·contenteditable·aria-hidden="true">editable·bare·attr</div>
+      │                      ------------------                         
+
+```
+
+```
+invalid.astro:10:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+     9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+  > 10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    11 │ <area href="/" aria-hidden="true" />
+    12 │ <details aria-hidden="true">details</details>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    10 │ <div·contenteditable=""·aria-hidden="true">editable·empty·string</div>
+       │                         ------------------                            
+
+```
+
+```
+invalid.astro:11:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+  > 11 │ <area href="/" aria-hidden="true" />
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    12 │ <details aria-hidden="true">details</details>
+    13 │ <summary aria-hidden="true">summary</summary>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    11 │ <area·href="/"·aria-hidden="true"·/>
+       │                -------------------  
+
+```
+
+```
+invalid.astro:12:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+    11 │ <area href="/" aria-hidden="true" />
+  > 12 │ <details aria-hidden="true">details</details>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    13 │ <summary aria-hidden="true">summary</summary>
+    14 │ 
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    12 │ <details·aria-hidden="true">details</details>
+       │          ------------------                  
+
+```
+
+```
+invalid.astro:13:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    11 │ <area href="/" aria-hidden="true" />
+    12 │ <details aria-hidden="true">details</details>
+  > 13 │ <summary aria-hidden="true">summary</summary>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    14 │ 
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    13 │ <summary·aria-hidden="true">summary</summary>
+       │          ------------------                  
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/valid.astro b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/valid.astro
new file mode 100644
index 000000000000..4b466e0b46e1
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/valid.astro
@@ -0,0 +1,25 @@
+<!-- should not generate diagnostics -->
+<!-- Custom components should not trigger the rule -->
+<MyButton aria-hidden="true">click</MyButton>
+<CustomLink aria-hidden="true">link</CustomLink>
+<AppInput aria-hidden="true" />
+
+<!-- Non-focusable native elements with aria-hidden -->
+<div aria-hidden="true"></div>
+<span aria-hidden="true"></span>
+
+<!-- Focusable but tabindex="-1" removes from tab order -->
+<button aria-hidden="true" tabindex="-1"></button>
+<div tabindex="-1" aria-hidden="true"></div>
+
+<!-- input type="hidden" is not focusable -->
+<input type="hidden" aria-hidden="true" />
+
+<!-- a without href is not focusable -->
+<a aria-hidden="true">no href, not focusable</a>
+
+<!-- contenteditable="false" is not focusable -->
+<div contenteditable="false" aria-hidden="true">not editable</div>
+
+<!-- area without href is not focusable -->
+<area aria-hidden="true" />
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/valid.astro.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/valid.astro.snap
new file mode 100644
index 000000000000..aeec54efb447
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/valid.astro.snap
@@ -0,0 +1,33 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: valid.astro
+---
+# Input
+```astro
+<!-- should not generate diagnostics -->
+<!-- Custom components should not trigger the rule -->
+<MyButton aria-hidden="true">click</MyButton>
+<CustomLink aria-hidden="true">link</CustomLink>
+<AppInput aria-hidden="true" />
+
+<!-- Non-focusable native elements with aria-hidden -->
+<div aria-hidden="true"></div>
+<span aria-hidden="true"></span>
+
+<!-- Focusable but tabindex="-1" removes from tab order -->
+<button aria-hidden="true" tabindex="-1"></button>
+<div tabindex="-1" aria-hidden="true"></div>
+
+<!-- input type="hidden" is not focusable -->
+<input type="hidden" aria-hidden="true" />
+
+<!-- a without href is not focusable -->
+<a aria-hidden="true">no href, not focusable</a>
+
+<!-- contenteditable="false" is not focusable -->
+<div contenteditable="false" aria-hidden="true">not editable</div>
+
+<!-- area without href is not focusable -->
+<area aria-hidden="true" />
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html
new file mode 100644
index 000000000000..b8326e74d2ff
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html
@@ -0,0 +1,16 @@
+<!-- should generate diagnostics -->
+<button aria-hidden="true">Click me</button>
+<a href="/" aria-hidden="true">link</a>
+<input aria-hidden="true" />
+<div tabindex="0" aria-hidden="true"></div>
+<select aria-hidden="true"><option>opt</option></select>
+<textarea aria-hidden="true">text</textarea>
+<div contenteditable="true" aria-hidden="true">editable</div>
+<div contenteditable aria-hidden="true">editable bare attr</div>
+<div contenteditable="" aria-hidden="true">editable empty string</div>
+<p tabindex="0" aria-hidden="true">text</p>
+<BUTTON aria-hidden="true">uppercase</BUTTON>
+<INPUT aria-hidden="true" />
+<area href="/" aria-hidden="true" />
+<details aria-hidden="true">details</details>
+<summary aria-hidden="true">summary</summary>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html.snap
new file mode 100644
index 000000000000..a769104a8b08
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html.snap
@@ -0,0 +1,338 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: invalid.html
+---
+# Input
+```html
+<!-- should generate diagnostics -->
+<button aria-hidden="true">Click me</button>
+<a href="/" aria-hidden="true">link</a>
+<input aria-hidden="true" />
+<div tabindex="0" aria-hidden="true"></div>
+<select aria-hidden="true"><option>opt</option></select>
+<textarea aria-hidden="true">text</textarea>
+<div contenteditable="true" aria-hidden="true">editable</div>
+<div contenteditable aria-hidden="true">editable bare attr</div>
+<div contenteditable="" aria-hidden="true">editable empty string</div>
+<p tabindex="0" aria-hidden="true">text</p>
+<BUTTON aria-hidden="true">uppercase</BUTTON>
+<INPUT aria-hidden="true" />
+<area href="/" aria-hidden="true" />
+<details aria-hidden="true">details</details>
+<summary aria-hidden="true">summary</summary>
+
+```
+
+# Diagnostics
+```
+invalid.html:2:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    1 │ <!-- should generate diagnostics -->
+  > 2 │ <button aria-hidden="true">Click me</button>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    3 │ <a href="/" aria-hidden="true">link</a>
+    4 │ <input aria-hidden="true" />
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    2 │ <button·aria-hidden="true">Click·me</button>
+      │         ------------------                  
+
+```
+
+```
+invalid.html:3:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    1 │ <!-- should generate diagnostics -->
+    2 │ <button aria-hidden="true">Click me</button>
+  > 3 │ <a href="/" aria-hidden="true">link</a>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    4 │ <input aria-hidden="true" />
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    3 │ <a·href="/"·aria-hidden="true">link</a>
+      │             ------------------         
+
+```
+
+```
+invalid.html:4:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    2 │ <button aria-hidden="true">Click me</button>
+    3 │ <a href="/" aria-hidden="true">link</a>
+  > 4 │ <input aria-hidden="true" />
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+    6 │ <select aria-hidden="true"><option>opt</option></select>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    4 │ <input·aria-hidden="true"·/>
+      │        -------------------  
+
+```
+
+```
+invalid.html:5:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    3 │ <a href="/" aria-hidden="true">link</a>
+    4 │ <input aria-hidden="true" />
+  > 5 │ <div tabindex="0" aria-hidden="true"></div>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    6 │ <select aria-hidden="true"><option>opt</option></select>
+    7 │ <textarea aria-hidden="true">text</textarea>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    5 │ <div·tabindex="0"·aria-hidden="true"></div>
+      │                   ------------------       
+
+```
+
+```
+invalid.html:6:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    4 │ <input aria-hidden="true" />
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+  > 6 │ <select aria-hidden="true"><option>opt</option></select>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    7 │ <textarea aria-hidden="true">text</textarea>
+    8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    6 │ <select·aria-hidden="true"><option>opt</option></select>
+      │         ------------------                              
+
+```
+
+```
+invalid.html:7:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+    6 │ <select aria-hidden="true"><option>opt</option></select>
+  > 7 │ <textarea aria-hidden="true">text</textarea>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+    9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    7 │ <textarea·aria-hidden="true">text</textarea>
+      │           ------------------                
+
+```
+
+```
+invalid.html:8:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     6 │ <select aria-hidden="true"><option>opt</option></select>
+     7 │ <textarea aria-hidden="true">text</textarea>
+   > 8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+     9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    8 │ <div·contenteditable="true"·aria-hidden="true">editable</div>
+      │                             ------------------               
+
+```
+
+```
+invalid.html:9:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     7 │ <textarea aria-hidden="true">text</textarea>
+     8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+   > 9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+    11 │ <p tabindex="0" aria-hidden="true">text</p>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    9 │ <div·contenteditable·aria-hidden="true">editable·bare·attr</div>
+      │                      ------------------                         
+
+```
+
+```
+invalid.html:10:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+     9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+  > 10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    11 │ <p tabindex="0" aria-hidden="true">text</p>
+    12 │ <BUTTON aria-hidden="true">uppercase</BUTTON>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    10 │ <div·contenteditable=""·aria-hidden="true">editable·empty·string</div>
+       │                         ------------------                            
+
+```
+
+```
+invalid.html:11:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+  > 11 │ <p tabindex="0" aria-hidden="true">text</p>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    12 │ <BUTTON aria-hidden="true">uppercase</BUTTON>
+    13 │ <INPUT aria-hidden="true" />
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    11 │ <p·tabindex="0"·aria-hidden="true">text</p>
+       │                 ------------------         
+
+```
+
+```
+invalid.html:12:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+    11 │ <p tabindex="0" aria-hidden="true">text</p>
+  > 12 │ <BUTTON aria-hidden="true">uppercase</BUTTON>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    13 │ <INPUT aria-hidden="true" />
+    14 │ <area href="/" aria-hidden="true" />
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    12 │ <BUTTON·aria-hidden="true">uppercase</BUTTON>
+       │         ------------------                   
+
+```
+
+```
+invalid.html:13:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    11 │ <p tabindex="0" aria-hidden="true">text</p>
+    12 │ <BUTTON aria-hidden="true">uppercase</BUTTON>
+  > 13 │ <INPUT aria-hidden="true" />
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    14 │ <area href="/" aria-hidden="true" />
+    15 │ <details aria-hidden="true">details</details>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    13 │ <INPUT·aria-hidden="true"·/>
+       │        -------------------  
+
+```
+
+```
+invalid.html:14:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    12 │ <BUTTON aria-hidden="true">uppercase</BUTTON>
+    13 │ <INPUT aria-hidden="true" />
+  > 14 │ <area href="/" aria-hidden="true" />
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    15 │ <details aria-hidden="true">details</details>
+    16 │ <summary aria-hidden="true">summary</summary>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    14 │ <area·href="/"·aria-hidden="true"·/>
+       │                -------------------  
+
+```
+
+```
+invalid.html:15:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    13 │ <INPUT aria-hidden="true" />
+    14 │ <area href="/" aria-hidden="true" />
+  > 15 │ <details aria-hidden="true">details</details>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    16 │ <summary aria-hidden="true">summary</summary>
+    17 │ 
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    15 │ <details·aria-hidden="true">details</details>
+       │          ------------------                  
+
+```
+
+```
+invalid.html:16:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    14 │ <area href="/" aria-hidden="true" />
+    15 │ <details aria-hidden="true">details</details>
+  > 16 │ <summary aria-hidden="true">summary</summary>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    17 │ 
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    16 │ <summary·aria-hidden="true">summary</summary>
+       │          ------------------                  
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte
new file mode 100644
index 000000000000..44fadb54e54b
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte
@@ -0,0 +1,13 @@
+<!-- should generate diagnostics -->
+<button aria-hidden="true">Click me</button>
+<a href="/" aria-hidden="true">link</a>
+<input aria-hidden="true" />
+<div tabindex="0" aria-hidden="true"></div>
+<select aria-hidden="true"><option>opt</option></select>
+<textarea aria-hidden="true">text</textarea>
+<div contenteditable="true" aria-hidden="true">editable</div>
+<div contenteditable aria-hidden="true">editable bare attr</div>
+<div contenteditable="" aria-hidden="true">editable empty string</div>
+<area href="/" aria-hidden="true" />
+<details aria-hidden="true">details</details>
+<summary aria-hidden="true">summary</summary>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte.snap
new file mode 100644
index 000000000000..38dff78bc6f5
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte.snap
@@ -0,0 +1,272 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: invalid.svelte
+---
+# Input
+```svelte
+<!-- should generate diagnostics -->
+<button aria-hidden="true">Click me</button>
+<a href="/" aria-hidden="true">link</a>
+<input aria-hidden="true" />
+<div tabindex="0" aria-hidden="true"></div>
+<select aria-hidden="true"><option>opt</option></select>
+<textarea aria-hidden="true">text</textarea>
+<div contenteditable="true" aria-hidden="true">editable</div>
+<div contenteditable aria-hidden="true">editable bare attr</div>
+<div contenteditable="" aria-hidden="true">editable empty string</div>
+<area href="/" aria-hidden="true" />
+<details aria-hidden="true">details</details>
+<summary aria-hidden="true">summary</summary>
+
+```
+
+# Diagnostics
+```
+invalid.svelte:2:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    1 │ <!-- should generate diagnostics -->
+  > 2 │ <button aria-hidden="true">Click me</button>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    3 │ <a href="/" aria-hidden="true">link</a>
+    4 │ <input aria-hidden="true" />
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    2 │ <button·aria-hidden="true">Click·me</button>
+      │         ------------------                  
+
+```
+
+```
+invalid.svelte:3:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    1 │ <!-- should generate diagnostics -->
+    2 │ <button aria-hidden="true">Click me</button>
+  > 3 │ <a href="/" aria-hidden="true">link</a>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    4 │ <input aria-hidden="true" />
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    3 │ <a·href="/"·aria-hidden="true">link</a>
+      │             ------------------         
+
+```
+
+```
+invalid.svelte:4:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    2 │ <button aria-hidden="true">Click me</button>
+    3 │ <a href="/" aria-hidden="true">link</a>
+  > 4 │ <input aria-hidden="true" />
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+    6 │ <select aria-hidden="true"><option>opt</option></select>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    4 │ <input·aria-hidden="true"·/>
+      │        -------------------  
+
+```
+
+```
+invalid.svelte:5:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    3 │ <a href="/" aria-hidden="true">link</a>
+    4 │ <input aria-hidden="true" />
+  > 5 │ <div tabindex="0" aria-hidden="true"></div>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    6 │ <select aria-hidden="true"><option>opt</option></select>
+    7 │ <textarea aria-hidden="true">text</textarea>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    5 │ <div·tabindex="0"·aria-hidden="true"></div>
+      │                   ------------------       
+
+```
+
+```
+invalid.svelte:6:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    4 │ <input aria-hidden="true" />
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+  > 6 │ <select aria-hidden="true"><option>opt</option></select>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    7 │ <textarea aria-hidden="true">text</textarea>
+    8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    6 │ <select·aria-hidden="true"><option>opt</option></select>
+      │         ------------------                              
+
+```
+
+```
+invalid.svelte:7:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    5 │ <div tabindex="0" aria-hidden="true"></div>
+    6 │ <select aria-hidden="true"><option>opt</option></select>
+  > 7 │ <textarea aria-hidden="true">text</textarea>
+      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+    9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    7 │ <textarea·aria-hidden="true">text</textarea>
+      │           ------------------                
+
+```
+
+```
+invalid.svelte:8:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     6 │ <select aria-hidden="true"><option>opt</option></select>
+     7 │ <textarea aria-hidden="true">text</textarea>
+   > 8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+     9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    8 │ <div·contenteditable="true"·aria-hidden="true">editable</div>
+      │                             ------------------               
+
+```
+
+```
+invalid.svelte:9:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     7 │ <textarea aria-hidden="true">text</textarea>
+     8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+   > 9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+    11 │ <area href="/" aria-hidden="true" />
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    9 │ <div·contenteditable·aria-hidden="true">editable·bare·attr</div>
+      │                      ------------------                         
+
+```
+
+```
+invalid.svelte:10:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     8 │ <div contenteditable="true" aria-hidden="true">editable</div>
+     9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+  > 10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    11 │ <area href="/" aria-hidden="true" />
+    12 │ <details aria-hidden="true">details</details>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    10 │ <div·contenteditable=""·aria-hidden="true">editable·empty·string</div>
+       │                         ------------------                            
+
+```
+
+```
+invalid.svelte:11:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+  > 11 │ <area href="/" aria-hidden="true" />
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    12 │ <details aria-hidden="true">details</details>
+    13 │ <summary aria-hidden="true">summary</summary>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    11 │ <area·href="/"·aria-hidden="true"·/>
+       │                -------------------  
+
+```
+
+```
+invalid.svelte:12:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
+    11 │ <area href="/" aria-hidden="true" />
+  > 12 │ <details aria-hidden="true">details</details>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    13 │ <summary aria-hidden="true">summary</summary>
+    14 │ 
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    12 │ <details·aria-hidden="true">details</details>
+       │          ------------------                  
+
+```
+
+```
+invalid.svelte:13:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    11 │ <area href="/" aria-hidden="true" />
+    12 │ <details aria-hidden="true">details</details>
+  > 13 │ <summary aria-hidden="true">summary</summary>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    14 │ 
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    13 │ <summary·aria-hidden="true">summary</summary>
+       │          ------------------                  
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/valid.svelte b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/valid.svelte
new file mode 100644
index 000000000000..4b466e0b46e1
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/valid.svelte
@@ -0,0 +1,25 @@
+<!-- should not generate diagnostics -->
+<!-- Custom components should not trigger the rule -->
+<MyButton aria-hidden="true">click</MyButton>
+<CustomLink aria-hidden="true">link</CustomLink>
+<AppInput aria-hidden="true" />
+
+<!-- Non-focusable native elements with aria-hidden -->
+<div aria-hidden="true"></div>
+<span aria-hidden="true"></span>
+
+<!-- Focusable but tabindex="-1" removes from tab order -->
+<button aria-hidden="true" tabindex="-1"></button>
+<div tabindex="-1" aria-hidden="true"></div>
+
+<!-- input type="hidden" is not focusable -->
+<input type="hidden" aria-hidden="true" />
+
+<!-- a without href is not focusable -->
+<a aria-hidden="true">no href, not focusable</a>
+
+<!-- contenteditable="false" is not focusable -->
+<div contenteditable="false" aria-hidden="true">not editable</div>
+
+<!-- area without href is not focusable -->
+<area aria-hidden="true" />
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/valid.svelte.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/valid.svelte.snap
new file mode 100644
index 000000000000..057e071501f9
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/valid.svelte.snap
@@ -0,0 +1,33 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: valid.svelte
+---
+# Input
+```svelte
+<!-- should not generate diagnostics -->
+<!-- Custom components should not trigger the rule -->
+<MyButton aria-hidden="true">click</MyButton>
+<CustomLink aria-hidden="true">link</CustomLink>
+<AppInput aria-hidden="true" />
+
+<!-- Non-focusable native elements with aria-hidden -->
+<div aria-hidden="true"></div>
+<span aria-hidden="true"></span>
+
+<!-- Focusable but tabindex="-1" removes from tab order -->
+<button aria-hidden="true" tabindex="-1"></button>
+<div tabindex="-1" aria-hidden="true"></div>
+
+<!-- input type="hidden" is not focusable -->
+<input type="hidden" aria-hidden="true" />
+
+<!-- a without href is not focusable -->
+<a aria-hidden="true">no href, not focusable</a>
+
+<!-- contenteditable="false" is not focusable -->
+<div contenteditable="false" aria-hidden="true">not editable</div>
+
+<!-- area without href is not focusable -->
+<area aria-hidden="true" />
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/valid.html b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/valid.html
new file mode 100644
index 000000000000..593d5828a931
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/valid.html
@@ -0,0 +1,17 @@
+<!-- should not generate diagnostics -->
+<div aria-hidden="true"></div>
+<span aria-hidden="true"></span>
+<p aria-hidden="true">decorative text</p>
+<button aria-hidden="true" tabindex="-1"></button>
+<a href="/" aria-hidden="false">link</a>
+<input type="text" />
+<button>Click me</button>
+<a href="/">link</a>
+<a aria-hidden="true">no href, not focusable</a>
+<div tabindex="-1" aria-hidden="true"></div>
+<input type="hidden" aria-hidden="true" />
+<div contenteditable="false" aria-hidden="true">not editable</div>
+<BUTTON aria-hidden="true" tabindex="-1"></BUTTON>
+<MyButton aria-hidden="true">click</MyButton>
+<div aria-hidden="false" tabindex="0"></div>
+<area aria-hidden="true" />
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/valid.html.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/valid.html.snap
new file mode 100644
index 000000000000..fdcb8f12a16c
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/valid.html.snap
@@ -0,0 +1,25 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: valid.html
+---
+# Input
+```html
+<!-- should not generate diagnostics -->
+<div aria-hidden="true"></div>
+<span aria-hidden="true"></span>
+<p aria-hidden="true">decorative text</p>
+<button aria-hidden="true" tabindex="-1"></button>
+<a href="/" aria-hidden="false">link</a>
+<input type="text" />
+<button>Click me</button>
+<a href="/">link</a>
+<a aria-hidden="true">no href, not focusable</a>
+<div tabindex="-1" aria-hidden="true"></div>
+<input type="hidden" aria-hidden="true" />
+<div contenteditable="false" aria-hidden="true">not editable</div>
+<BUTTON aria-hidden="true" tabindex="-1"></BUTTON>
+<MyButton aria-hidden="true">click</MyButton>
+<div aria-hidden="false" tabindex="0"></div>
+<area aria-hidden="true" />
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue
new file mode 100644
index 000000000000..b9bb6454cf01
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue
@@ -0,0 +1,15 @@
+<!-- should generate diagnostics -->
+<template>
+  <button aria-hidden="true">Click me</button>
+  <a href="/" aria-hidden="true">link</a>
+  <input aria-hidden="true" />
+  <div tabindex="0" aria-hidden="true"></div>
+  <select aria-hidden="true"><option>opt</option></select>
+  <textarea aria-hidden="true">text</textarea>
+  <div contenteditable="true" aria-hidden="true">editable</div>
+  <div contenteditable aria-hidden="true">editable bare attr</div>
+  <div contenteditable="" aria-hidden="true">editable empty string</div>
+  <area href="/" aria-hidden="true" />
+  <details aria-hidden="true">details</details>
+  <summary aria-hidden="true">summary</summary>
+</template>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue.snap
new file mode 100644
index 000000000000..33da23447a1c
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue.snap
@@ -0,0 +1,276 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: invalid.vue
+---
+# Input
+```vue
+<!-- should generate diagnostics -->
+<template>
+  <button aria-hidden="true">Click me</button>
+  <a href="/" aria-hidden="true">link</a>
+  <input aria-hidden="true" />
+  <div tabindex="0" aria-hidden="true"></div>
+  <select aria-hidden="true"><option>opt</option></select>
+  <textarea aria-hidden="true">text</textarea>
+  <div contenteditable="true" aria-hidden="true">editable</div>
+  <div contenteditable aria-hidden="true">editable bare attr</div>
+  <div contenteditable="" aria-hidden="true">editable empty string</div>
+  <area href="/" aria-hidden="true" />
+  <details aria-hidden="true">details</details>
+  <summary aria-hidden="true">summary</summary>
+</template>
+
+```
+
+# Diagnostics
+```
+invalid.vue:3:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    1 │ <!-- should generate diagnostics -->
+    2 │ <template>
+  > 3 │   <button aria-hidden="true">Click me</button>
+      │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    4 │   <a href="/" aria-hidden="true">link</a>
+    5 │   <input aria-hidden="true" />
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    3 │ ··<button·aria-hidden="true">Click·me</button>
+      │           ------------------                  
+
+```
+
+```
+invalid.vue:4:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    2 │ <template>
+    3 │   <button aria-hidden="true">Click me</button>
+  > 4 │   <a href="/" aria-hidden="true">link</a>
+      │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    5 │   <input aria-hidden="true" />
+    6 │   <div tabindex="0" aria-hidden="true"></div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    4 │ ··<a·href="/"·aria-hidden="true">link</a>
+      │               ------------------         
+
+```
+
+```
+invalid.vue:5:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    3 │   <button aria-hidden="true">Click me</button>
+    4 │   <a href="/" aria-hidden="true">link</a>
+  > 5 │   <input aria-hidden="true" />
+      │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    6 │   <div tabindex="0" aria-hidden="true"></div>
+    7 │   <select aria-hidden="true"><option>opt</option></select>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    5 │ ··<input·aria-hidden="true"·/>
+      │          -------------------  
+
+```
+
+```
+invalid.vue:6:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    4 │   <a href="/" aria-hidden="true">link</a>
+    5 │   <input aria-hidden="true" />
+  > 6 │   <div tabindex="0" aria-hidden="true"></div>
+      │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    7 │   <select aria-hidden="true"><option>opt</option></select>
+    8 │   <textarea aria-hidden="true">text</textarea>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    6 │ ··<div·tabindex="0"·aria-hidden="true"></div>
+      │                     ------------------       
+
+```
+
+```
+invalid.vue:7:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    5 │   <input aria-hidden="true" />
+    6 │   <div tabindex="0" aria-hidden="true"></div>
+  > 7 │   <select aria-hidden="true"><option>opt</option></select>
+      │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    8 │   <textarea aria-hidden="true">text</textarea>
+    9 │   <div contenteditable="true" aria-hidden="true">editable</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    7 │ ··<select·aria-hidden="true"><option>opt</option></select>
+      │           ------------------                              
+
+```
+
+```
+invalid.vue:8:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     6 │   <div tabindex="0" aria-hidden="true"></div>
+     7 │   <select aria-hidden="true"><option>opt</option></select>
+   > 8 │   <textarea aria-hidden="true">text</textarea>
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+     9 │   <div contenteditable="true" aria-hidden="true">editable</div>
+    10 │   <div contenteditable aria-hidden="true">editable bare attr</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    8 │ ··<textarea·aria-hidden="true">text</textarea>
+      │             ------------------                
+
+```
+
+```
+invalid.vue:9:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     7 │   <select aria-hidden="true"><option>opt</option></select>
+     8 │   <textarea aria-hidden="true">text</textarea>
+   > 9 │   <div contenteditable="true" aria-hidden="true">editable</div>
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    10 │   <div contenteditable aria-hidden="true">editable bare attr</div>
+    11 │   <div contenteditable="" aria-hidden="true">editable empty string</div>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    9 │ ··<div·contenteditable="true"·aria-hidden="true">editable</div>
+      │                               ------------------               
+
+```
+
+```
+invalid.vue:10:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     8 │   <textarea aria-hidden="true">text</textarea>
+     9 │   <div contenteditable="true" aria-hidden="true">editable</div>
+  > 10 │   <div contenteditable aria-hidden="true">editable bare attr</div>
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    11 │   <div contenteditable="" aria-hidden="true">editable empty string</div>
+    12 │   <area href="/" aria-hidden="true" />
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    10 │ ··<div·contenteditable·aria-hidden="true">editable·bare·attr</div>
+       │                        ------------------                         
+
+```
+
+```
+invalid.vue:11:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+     9 │   <div contenteditable="true" aria-hidden="true">editable</div>
+    10 │   <div contenteditable aria-hidden="true">editable bare attr</div>
+  > 11 │   <div contenteditable="" aria-hidden="true">editable empty string</div>
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    12 │   <area href="/" aria-hidden="true" />
+    13 │   <details aria-hidden="true">details</details>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    11 │ ··<div·contenteditable=""·aria-hidden="true">editable·empty·string</div>
+       │                           ------------------                            
+
+```
+
+```
+invalid.vue:12:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    10 │   <div contenteditable aria-hidden="true">editable bare attr</div>
+    11 │   <div contenteditable="" aria-hidden="true">editable empty string</div>
+  > 12 │   <area href="/" aria-hidden="true" />
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    13 │   <details aria-hidden="true">details</details>
+    14 │   <summary aria-hidden="true">summary</summary>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    12 │ ··<area·href="/"·aria-hidden="true"·/>
+       │                  -------------------  
+
+```
+
+```
+invalid.vue:13:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    11 │   <div contenteditable="" aria-hidden="true">editable empty string</div>
+    12 │   <area href="/" aria-hidden="true" />
+  > 13 │   <details aria-hidden="true">details</details>
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    14 │   <summary aria-hidden="true">summary</summary>
+    15 │ </template>
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    13 │ ··<details·aria-hidden="true">details</details>
+       │            ------------------                  
+
+```
+
+```
+invalid.vue:14:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  × Disallow aria-hidden="true" from being set on focusable elements.
+  
+    12 │   <area href="/" aria-hidden="true" />
+    13 │   <details aria-hidden="true">details</details>
+  > 14 │   <summary aria-hidden="true">summary</summary>
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    15 │ </template>
+    16 │ 
+  
+  i aria-hidden should not be set to true on focusable elements because this can lead to confusing behavior for screen reader users.
+  
+  i Unsafe fix: Remove the aria-hidden attribute from the element.
+  
+    14 │ ··<summary·aria-hidden="true">summary</summary>
+       │            ------------------                  
+
+```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/valid.vue b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/valid.vue
new file mode 100644
index 000000000000..33440ee36bce
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/valid.vue
@@ -0,0 +1,27 @@
+<!-- should not generate diagnostics -->
+<template>
+  <!-- Custom components should not trigger the rule -->
+  <MyButton aria-hidden="true">click</MyButton>
+  <CustomLink aria-hidden="true">link</CustomLink>
+  <AppInput aria-hidden="true" />
+
+  <!-- Non-focusable native elements with aria-hidden -->
+  <div aria-hidden="true"></div>
+  <span aria-hidden="true"></span>
+
+  <!-- Focusable but tabindex="-1" removes from tab order -->
+  <button aria-hidden="true" tabindex="-1"></button>
+  <div tabindex="-1" aria-hidden="true"></div>
+
+  <!-- input type="hidden" is not focusable -->
+  <input type="hidden" aria-hidden="true" />
+
+  <!-- a without href is not focusable -->
+  <a aria-hidden="true">no href, not focusable</a>
+
+  <!-- contenteditable="false" is not focusable -->
+  <div contenteditable="false" aria-hidden="true">not editable</div>
+
+  <!-- area without href is not focusable -->
+  <area aria-hidden="true" />
+</template>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/valid.vue.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/valid.vue.snap
new file mode 100644
index 000000000000..2bc6d6372e75
--- /dev/null
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/valid.vue.snap
@@ -0,0 +1,35 @@
+---
+source: crates/biome_html_analyze/tests/spec_tests.rs
+expression: valid.vue
+---
+# Input
+```vue
+<!-- should not generate diagnostics -->
+<template>
+  <!-- Custom components should not trigger the rule -->
+  <MyButton aria-hidden="true">click</MyButton>
+  <CustomLink aria-hidden="true">link</CustomLink>
+  <AppInput aria-hidden="true" />
+
+  <!-- Non-focusable native elements with aria-hidden -->
+  <div aria-hidden="true"></div>
+  <span aria-hidden="true"></span>
+
+  <!-- Focusable but tabindex="-1" removes from tab order -->
+  <button aria-hidden="true" tabindex="-1"></button>
+  <div tabindex="-1" aria-hidden="true"></div>
+
+  <!-- input type="hidden" is not focusable -->
+  <input type="hidden" aria-hidden="true" />
+
+  <!-- a without href is not focusable -->
+  <a aria-hidden="true">no href, not focusable</a>
+
+  <!-- contenteditable="false" is not focusable -->
+  <div contenteditable="false" aria-hidden="true">not editable</div>
+
+  <!-- area without href is not focusable -->
+  <area aria-hidden="true" />
+</template>
+
+```

From 183537b19fe721269883a4337dda572573a74113 Mon Sep 17 00:00:00 2001
From: Emanuele Stoppa <my.burning@gmail.com>
Date: Mon, 6 Apr 2026 18:07:29 +0100
Subject: [PATCH 2/4] improve diagnostics

---
 .../lint/a11y/no_aria_hidden_on_focusable.rs  |  2 +-
 .../astro/invalid.astro.snap                  | 24 +++++++--------
 .../noAriaHiddenOnFocusable/invalid.html.snap | 30 +++++++++----------
 .../svelte/invalid.svelte.snap                | 24 +++++++--------
 .../vue/invalid.vue.snap                      | 24 +++++++--------
 .../lint/a11y/no_aria_hidden_on_focusable.rs  |  2 +-
 .../noAriaHiddenOnFocusable/invalid.jsx.snap  | 12 ++++----
 7 files changed, 59 insertions(+), 59 deletions(-)

diff --git a/crates/biome_html_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs b/crates/biome_html_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs
index 2cc92b6b328a..db608effe8ad 100644
--- a/crates/biome_html_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs
+++ b/crates/biome_html_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs
@@ -102,7 +102,7 @@ impl Rule for NoAriaHiddenOnFocusable {
                 rule_category!(),
                 node.syntax().text_trimmed_range(),
                 markup! {
-                    "Disallow "<Emphasis>"aria-hidden=\"true\""</Emphasis>" from being set on focusable elements."
+                    "Incorrect use of "<Emphasis>"aria-hidden=\"true\""</Emphasis>" detected."
                 },
             )
             .note(markup! {
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro.snap
index cb3ac70a0d71..5e6f72025248 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/astro/invalid.astro.snap
@@ -24,7 +24,7 @@ expression: invalid.astro
 ```
 invalid.astro:2:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     1 │ <!-- should generate diagnostics -->
   > 2 │ <button aria-hidden="true">Click me</button>
@@ -44,7 +44,7 @@ invalid.astro:2:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.astro:3:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     1 │ <!-- should generate diagnostics -->
     2 │ <button aria-hidden="true">Click me</button>
@@ -65,7 +65,7 @@ invalid.astro:3:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.astro:4:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     2 │ <button aria-hidden="true">Click me</button>
     3 │ <a href="/" aria-hidden="true">link</a>
@@ -86,7 +86,7 @@ invalid.astro:4:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.astro:5:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     3 │ <a href="/" aria-hidden="true">link</a>
     4 │ <input aria-hidden="true" />
@@ -107,7 +107,7 @@ invalid.astro:5:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.astro:6:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     4 │ <input aria-hidden="true" />
     5 │ <div tabindex="0" aria-hidden="true"></div>
@@ -128,7 +128,7 @@ invalid.astro:6:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.astro:7:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     5 │ <div tabindex="0" aria-hidden="true"></div>
     6 │ <select aria-hidden="true"><option>opt</option></select>
@@ -149,7 +149,7 @@ invalid.astro:7:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.astro:8:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      6 │ <select aria-hidden="true"><option>opt</option></select>
      7 │ <textarea aria-hidden="true">text</textarea>
@@ -170,7 +170,7 @@ invalid.astro:8:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.astro:9:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      7 │ <textarea aria-hidden="true">text</textarea>
      8 │ <div contenteditable="true" aria-hidden="true">editable</div>
@@ -191,7 +191,7 @@ invalid.astro:9:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.astro:10:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      8 │ <div contenteditable="true" aria-hidden="true">editable</div>
      9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
@@ -212,7 +212,7 @@ invalid.astro:10:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.astro:11:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
     10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
@@ -233,7 +233,7 @@ invalid.astro:11:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.astro:12:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
     11 │ <area href="/" aria-hidden="true" />
@@ -254,7 +254,7 @@ invalid.astro:12:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.astro:13:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     11 │ <area href="/" aria-hidden="true" />
     12 │ <details aria-hidden="true">details</details>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html.snap
index a769104a8b08..f263679744cd 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.html.snap
@@ -27,7 +27,7 @@ expression: invalid.html
 ```
 invalid.html:2:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     1 │ <!-- should generate diagnostics -->
   > 2 │ <button aria-hidden="true">Click me</button>
@@ -47,7 +47,7 @@ invalid.html:2:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:3:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     1 │ <!-- should generate diagnostics -->
     2 │ <button aria-hidden="true">Click me</button>
@@ -68,7 +68,7 @@ invalid.html:3:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:4:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     2 │ <button aria-hidden="true">Click me</button>
     3 │ <a href="/" aria-hidden="true">link</a>
@@ -89,7 +89,7 @@ invalid.html:4:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:5:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     3 │ <a href="/" aria-hidden="true">link</a>
     4 │ <input aria-hidden="true" />
@@ -110,7 +110,7 @@ invalid.html:5:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:6:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     4 │ <input aria-hidden="true" />
     5 │ <div tabindex="0" aria-hidden="true"></div>
@@ -131,7 +131,7 @@ invalid.html:6:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:7:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     5 │ <div tabindex="0" aria-hidden="true"></div>
     6 │ <select aria-hidden="true"><option>opt</option></select>
@@ -152,7 +152,7 @@ invalid.html:7:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:8:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      6 │ <select aria-hidden="true"><option>opt</option></select>
      7 │ <textarea aria-hidden="true">text</textarea>
@@ -173,7 +173,7 @@ invalid.html:8:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:9:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      7 │ <textarea aria-hidden="true">text</textarea>
      8 │ <div contenteditable="true" aria-hidden="true">editable</div>
@@ -194,7 +194,7 @@ invalid.html:9:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:10:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      8 │ <div contenteditable="true" aria-hidden="true">editable</div>
      9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
@@ -215,7 +215,7 @@ invalid.html:10:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:11:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
     10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
@@ -236,7 +236,7 @@ invalid.html:11:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:12:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
     11 │ <p tabindex="0" aria-hidden="true">text</p>
@@ -257,7 +257,7 @@ invalid.html:12:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:13:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     11 │ <p tabindex="0" aria-hidden="true">text</p>
     12 │ <BUTTON aria-hidden="true">uppercase</BUTTON>
@@ -278,7 +278,7 @@ invalid.html:13:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:14:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     12 │ <BUTTON aria-hidden="true">uppercase</BUTTON>
     13 │ <INPUT aria-hidden="true" />
@@ -299,7 +299,7 @@ invalid.html:14:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:15:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     13 │ <INPUT aria-hidden="true" />
     14 │ <area href="/" aria-hidden="true" />
@@ -320,7 +320,7 @@ invalid.html:15:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.html:16:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     14 │ <area href="/" aria-hidden="true" />
     15 │ <details aria-hidden="true">details</details>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte.snap
index 38dff78bc6f5..5510e8b0f93b 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/svelte/invalid.svelte.snap
@@ -24,7 +24,7 @@ expression: invalid.svelte
 ```
 invalid.svelte:2:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     1 │ <!-- should generate diagnostics -->
   > 2 │ <button aria-hidden="true">Click me</button>
@@ -44,7 +44,7 @@ invalid.svelte:2:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:3:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     1 │ <!-- should generate diagnostics -->
     2 │ <button aria-hidden="true">Click me</button>
@@ -65,7 +65,7 @@ invalid.svelte:3:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:4:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     2 │ <button aria-hidden="true">Click me</button>
     3 │ <a href="/" aria-hidden="true">link</a>
@@ -86,7 +86,7 @@ invalid.svelte:4:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:5:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     3 │ <a href="/" aria-hidden="true">link</a>
     4 │ <input aria-hidden="true" />
@@ -107,7 +107,7 @@ invalid.svelte:5:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:6:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     4 │ <input aria-hidden="true" />
     5 │ <div tabindex="0" aria-hidden="true"></div>
@@ -128,7 +128,7 @@ invalid.svelte:6:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:7:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     5 │ <div tabindex="0" aria-hidden="true"></div>
     6 │ <select aria-hidden="true"><option>opt</option></select>
@@ -149,7 +149,7 @@ invalid.svelte:7:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:8:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      6 │ <select aria-hidden="true"><option>opt</option></select>
      7 │ <textarea aria-hidden="true">text</textarea>
@@ -170,7 +170,7 @@ invalid.svelte:8:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:9:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      7 │ <textarea aria-hidden="true">text</textarea>
      8 │ <div contenteditable="true" aria-hidden="true">editable</div>
@@ -191,7 +191,7 @@ invalid.svelte:9:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:10:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      8 │ <div contenteditable="true" aria-hidden="true">editable</div>
      9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
@@ -212,7 +212,7 @@ invalid.svelte:10:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:11:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      9 │ <div contenteditable aria-hidden="true">editable bare attr</div>
     10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
@@ -233,7 +233,7 @@ invalid.svelte:11:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:12:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     10 │ <div contenteditable="" aria-hidden="true">editable empty string</div>
     11 │ <area href="/" aria-hidden="true" />
@@ -254,7 +254,7 @@ invalid.svelte:12:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━
 ```
 invalid.svelte:13:1 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     11 │ <area href="/" aria-hidden="true" />
     12 │ <details aria-hidden="true">details</details>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue.snap
index 33da23447a1c..66eee0bcbeeb 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/vue/invalid.vue.snap
@@ -26,7 +26,7 @@ expression: invalid.vue
 ```
 invalid.vue:3:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     1 │ <!-- should generate diagnostics -->
     2 │ <template>
@@ -47,7 +47,7 @@ invalid.vue:3:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:4:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     2 │ <template>
     3 │   <button aria-hidden="true">Click me</button>
@@ -68,7 +68,7 @@ invalid.vue:4:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:5:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     3 │   <button aria-hidden="true">Click me</button>
     4 │   <a href="/" aria-hidden="true">link</a>
@@ -89,7 +89,7 @@ invalid.vue:5:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:6:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     4 │   <a href="/" aria-hidden="true">link</a>
     5 │   <input aria-hidden="true" />
@@ -110,7 +110,7 @@ invalid.vue:6:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:7:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     5 │   <input aria-hidden="true" />
     6 │   <div tabindex="0" aria-hidden="true"></div>
@@ -131,7 +131,7 @@ invalid.vue:7:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:8:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      6 │   <div tabindex="0" aria-hidden="true"></div>
      7 │   <select aria-hidden="true"><option>opt</option></select>
@@ -152,7 +152,7 @@ invalid.vue:8:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:9:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      7 │   <select aria-hidden="true"><option>opt</option></select>
      8 │   <textarea aria-hidden="true">text</textarea>
@@ -173,7 +173,7 @@ invalid.vue:9:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:10:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      8 │   <textarea aria-hidden="true">text</textarea>
      9 │   <div contenteditable="true" aria-hidden="true">editable</div>
@@ -194,7 +194,7 @@ invalid.vue:10:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:11:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
      9 │   <div contenteditable="true" aria-hidden="true">editable</div>
     10 │   <div contenteditable aria-hidden="true">editable bare attr</div>
@@ -215,7 +215,7 @@ invalid.vue:11:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:12:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     10 │   <div contenteditable aria-hidden="true">editable bare attr</div>
     11 │   <div contenteditable="" aria-hidden="true">editable empty string</div>
@@ -236,7 +236,7 @@ invalid.vue:12:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:13:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     11 │   <div contenteditable="" aria-hidden="true">editable empty string</div>
     12 │   <area href="/" aria-hidden="true" />
@@ -257,7 +257,7 @@ invalid.vue:13:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.vue:14:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     12 │   <area href="/" aria-hidden="true" />
     13 │   <details aria-hidden="true">details</details>
diff --git a/crates/biome_js_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs b/crates/biome_js_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs
index 5488a6c061bc..432f550160a2 100644
--- a/crates/biome_js_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs
+++ b/crates/biome_js_analyze/src/lint/a11y/no_aria_hidden_on_focusable.rs
@@ -122,7 +122,7 @@ impl Rule for NoAriaHiddenOnFocusable {
                 rule_category!(),
                 node.range(),
                 markup! {
-                    "Disallow "<Emphasis>"aria-hidden=\"true\""</Emphasis>" from being set on focusable elements."
+                    "Incorrect use of "<Emphasis>"aria-hidden=\"true\""</Emphasis>" detected."
                 },
             )
             .note(markup! {
diff --git a/crates/biome_js_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.jsx.snap b/crates/biome_js_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.jsx.snap
index 9fc1eee109ca..449642b58446 100644
--- a/crates/biome_js_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.jsx.snap
+++ b/crates/biome_js_analyze/tests/specs/a11y/noAriaHiddenOnFocusable/invalid.jsx.snap
@@ -18,7 +18,7 @@ expression: invalid.jsx
 ```
 invalid.jsx:2:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     1 │ <>
   > 2 │   <div aria-hidden="true" tabIndex="0" />
@@ -38,7 +38,7 @@ invalid.jsx:2:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.jsx:3:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     1 │ <>
     2 │   <div aria-hidden="true" tabIndex="0" />
@@ -59,7 +59,7 @@ invalid.jsx:3:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.jsx:4:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     2 │   <div aria-hidden="true" tabIndex="0" />
     3 │   <input aria-hidden="true" />
@@ -80,7 +80,7 @@ invalid.jsx:4:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.jsx:5:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     3 │   <input aria-hidden="true" />
     4 │   <a href="/" aria-hidden="true" />
@@ -101,7 +101,7 @@ invalid.jsx:5:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.jsx:6:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     4 │   <a href="/" aria-hidden="true" />
     5 │   <button aria-hidden="true" />
@@ -122,7 +122,7 @@ invalid.jsx:6:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━
 ```
 invalid.jsx:7:3 lint/a11y/noAriaHiddenOnFocusable  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
-  × Disallow aria-hidden="true" from being set on focusable elements.
+  × Incorrect use of aria-hidden="true" detected.
   
     5 │   <button aria-hidden="true" />
     6 │   <textarea aria-hidden="true" />

From 2e2641182cea4ebc159667797f1bccbd25980a7c Mon Sep 17 00:00:00 2001
From: Emanuele Stoppa <my.burning@gmail.com>
Date: Mon, 6 Apr 2026 18:18:38 +0100
Subject: [PATCH 3/4] rebase

---
 .../a11y/noAriaUnsupportedElements/astro/invalid.astro.snap     | 2 +-
 .../a11y/noAriaUnsupportedElements/svelte/invalid.svelte.snap   | 2 +-
 .../specs/a11y/noAriaUnsupportedElements/vue/invalid.vue.snap   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro.snap
index f85e2c36cdef..d3df16ba92fb 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro.snap
@@ -3,7 +3,7 @@ source: crates/biome_html_analyze/tests/spec_tests.rs
 expression: invalid.astro
 ---
 # Input
-```html
+```astro
 ---
 ---
 
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte.snap
index f9cdaef3283f..d927c8f7c511 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte.snap
@@ -3,7 +3,7 @@ source: crates/biome_html_analyze/tests/spec_tests.rs
 expression: invalid.svelte
 ---
 # Input
-```html
+```svelte
 <meta charset="UTF-8" aria-hidden="false" />
 <meta charset="UTF-8" role="meta" />
 <script aria-label="script"></script>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue.snap
index aa419b3dba3a..f46fb9147ed5 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue.snap
@@ -3,7 +3,7 @@ source: crates/biome_html_analyze/tests/spec_tests.rs
 expression: invalid.vue
 ---
 # Input
-```html
+```vue
 <template>
   <meta charset="UTF-8" aria-hidden="false" />
   <meta charset="UTF-8" role="meta" />

From 309f915f11fb0bdcf18f226679a165c811a16ff8 Mon Sep 17 00:00:00 2001
From: Emanuele Stoppa <my.burning@gmail.com>
Date: Mon, 6 Apr 2026 18:39:42 +0100
Subject: [PATCH 4/4] fix tests

---
 .../astro/invalid.astro                       |   1 +
 .../astro/invalid.astro.snap                  |  71 ++++----
 .../astro/valid.astro                         |   1 +
 .../astro/valid.astro.snap                    |   3 +-
 .../noAriaUnsupportedElements/invalid.html    |   1 +
 .../invalid.html.snap                         | 167 +++++++++---------
 .../svelte/invalid.svelte                     |   1 +
 .../svelte/invalid.svelte.snap                |  65 +++----
 .../svelte/valid.svelte                       |   1 +
 .../svelte/valid.svelte.snap                  |   3 +-
 .../a11y/noAriaUnsupportedElements/valid.html |   1 +
 .../noAriaUnsupportedElements/valid.html.snap |   1 +
 .../noAriaUnsupportedElements/vue/invalid.vue |   1 +
 .../vue/invalid.vue.snap                      |  70 ++++----
 .../noAriaUnsupportedElements/vue/valid.vue   |   1 +
 .../vue/valid.vue.snap                        |   3 +-
 16 files changed, 206 insertions(+), 185 deletions(-)

diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro
index f8da8d6b5f16..895bec8ef98d 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro
@@ -1,3 +1,4 @@
+<!-- should generate diagnostics -->
 ---
 ---
 
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro.snap
index d3df16ba92fb..b9125cfda6a0 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/invalid.astro.snap
@@ -4,6 +4,7 @@ expression: invalid.astro
 ---
 # Input
 ```astro
+<!-- should generate diagnostics -->
 ---
 ---
 
@@ -17,104 +18,104 @@ expression: invalid.astro
 
 # Diagnostics
 ```
-invalid.astro:4:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.astro:5:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    2 │ ---
-    3 │ 
-  > 4 │ <meta charset="UTF-8" aria-hidden="false" />
+    3 │ ---
+    4 │ 
+  > 5 │ <meta charset="UTF-8" aria-hidden="false" />
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    5 │ <meta charset="UTF-8" role="meta" />
-    6 │ <script aria-label="script"></script>
+    6 │ <meta charset="UTF-8" role="meta" />
+    7 │ <script aria-label="script"></script>
   
   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.
   
-    4 │ <meta·charset="UTF-8"·aria-hidden="false"·/>
+    5 │ <meta·charset="UTF-8"·aria-hidden="false"·/>
       │                       --------------------  
 
 ```
 
 ```
-invalid.astro:5:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.astro:6:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    4 │ <meta charset="UTF-8" aria-hidden="false" />
-  > 5 │ <meta charset="UTF-8" role="meta" />
+    5 │ <meta charset="UTF-8" aria-hidden="false" />
+  > 6 │ <meta charset="UTF-8" role="meta" />
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    6 │ <script aria-label="script"></script>
-    7 │ <style aria-labelledby="id"></style>
+    7 │ <script aria-label="script"></script>
+    8 │ <style aria-labelledby="id"></style>
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the role="meta"  attribute.
   
-    5 │ <meta·charset="UTF-8"·role="meta"·/>
+    6 │ <meta·charset="UTF-8"·role="meta"·/>
       │                       ------------  
 
 ```
 
 ```
-invalid.astro:6:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.astro:7:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    4 │ <meta charset="UTF-8" aria-hidden="false" />
-    5 │ <meta charset="UTF-8" role="meta" />
-  > 6 │ <script aria-label="script"></script>
+    5 │ <meta charset="UTF-8" aria-hidden="false" />
+    6 │ <meta charset="UTF-8" role="meta" />
+  > 7 │ <script aria-label="script"></script>
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    7 │ <style aria-labelledby="id"></style>
-    8 │ <style role="style"></style>
+    8 │ <style aria-labelledby="id"></style>
+    9 │ <style role="style"></style>
   
   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 │ <script·aria-label="script"></script>
+    7 │ <script·aria-label="script"></script>
       │         -------------------          
 
 ```
 
 ```
-invalid.astro:7:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.astro:8:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    5 │ <meta charset="UTF-8" role="meta" />
-    6 │ <script aria-label="script"></script>
-  > 7 │ <style aria-labelledby="id"></style>
-      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    8 │ <style role="style"></style>
-    9 │ 
+     6 │ <meta charset="UTF-8" role="meta" />
+     7 │ <script aria-label="script"></script>
+   > 8 │ <style aria-labelledby="id"></style>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+     9 │ <style role="style"></style>
+    10 │ 
   
   i Using aria-* on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the aria-labelledby="id" attribute.
   
-    7 │ <style·aria-labelledby="id"></style>
+    8 │ <style·aria-labelledby="id"></style>
       │        --------------------         
 
 ```
 
 ```
-invalid.astro:8:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.astro:9:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    6 │ <script aria-label="script"></script>
-    7 │ <style aria-labelledby="id"></style>
-  > 8 │ <style role="style"></style>
-      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    9 │ 
+     7 │ <script aria-label="script"></script>
+     8 │ <style aria-labelledby="id"></style>
+   > 9 │ <style role="style"></style>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    10 │ 
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the role="style" attribute.
   
-    8 │ <style·role="style"></style>
+    9 │ <style·role="style"></style>
       │        ------------         
 
 ```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/valid.astro b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/valid.astro
index 48ef228c736a..023b8a51dda1 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/valid.astro
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/valid.astro
@@ -1,3 +1,4 @@
+<!-- should not generate diagnostics -->
 ---
 ---
 
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/valid.astro.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/valid.astro.snap
index 4e4b88286b63..30cd6bbbe966 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/valid.astro.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/astro/valid.astro.snap
@@ -3,7 +3,8 @@ source: crates/biome_html_analyze/tests/spec_tests.rs
 expression: valid.astro
 ---
 # Input
-```html
+```astro
+<!-- should not generate diagnostics -->
 ---
 ---
 
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/invalid.html b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/invalid.html
index c6cdef0e8dbb..631f0a4cfbcb 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/invalid.html
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/invalid.html
@@ -1,3 +1,4 @@
+<!-- should generate diagnostics -->
 <meta charset="UTF-8" aria-hidden="false" />
 <meta charset="UTF-8" role="meta" />
 <html aria-required="true"></html>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/invalid.html.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/invalid.html.snap
index 71188eb35c22..d84239ad2491 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/invalid.html.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/invalid.html.snap
@@ -4,6 +4,7 @@ expression: invalid.html
 ---
 # Input
 ```html
+<!-- should generate diagnostics -->
 <meta charset="UTF-8" aria-hidden="false" />
 <meta charset="UTF-8" role="meta" />
 <html aria-required="true"></html>
@@ -21,249 +22,251 @@ expression: invalid.html
 
 # Diagnostics
 ```
-invalid.html:1:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:2:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-  > 1 │ <meta charset="UTF-8" aria-hidden="false" />
+    1 │ <!-- should generate diagnostics -->
+  > 2 │ <meta charset="UTF-8" aria-hidden="false" />
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    2 │ <meta charset="UTF-8" role="meta" />
-    3 │ <html aria-required="true"></html>
+    3 │ <meta charset="UTF-8" role="meta" />
+    4 │ <html aria-required="true"></html>
   
   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.
   
-    1 │ <meta·charset="UTF-8"·aria-hidden="false"·/>
+    2 │ <meta·charset="UTF-8"·aria-hidden="false"·/>
       │                       --------------------  
 
 ```
 
 ```
-invalid.html:2:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:3:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    1 │ <meta charset="UTF-8" aria-hidden="false" />
-  > 2 │ <meta charset="UTF-8" role="meta" />
+    1 │ <!-- should generate diagnostics -->
+    2 │ <meta charset="UTF-8" aria-hidden="false" />
+  > 3 │ <meta charset="UTF-8" role="meta" />
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    3 │ <html aria-required="true"></html>
-    4 │ <script aria-label="script"></script>
+    4 │ <html aria-required="true"></html>
+    5 │ <script aria-label="script"></script>
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the role="meta"  attribute.
   
-    2 │ <meta·charset="UTF-8"·role="meta"·/>
+    3 │ <meta·charset="UTF-8"·role="meta"·/>
       │                       ------------  
 
 ```
 
 ```
-invalid.html:3:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:4:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    1 │ <meta charset="UTF-8" aria-hidden="false" />
-    2 │ <meta charset="UTF-8" role="meta" />
-  > 3 │ <html aria-required="true"></html>
+    2 │ <meta charset="UTF-8" aria-hidden="false" />
+    3 │ <meta charset="UTF-8" role="meta" />
+  > 4 │ <html aria-required="true"></html>
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    4 │ <script aria-label="script"></script>
-    5 │ <script role="script"></script>
+    5 │ <script aria-label="script"></script>
+    6 │ <script role="script"></script>
   
   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.
   
-    3 │ <html·aria-required="true"></html>
+    4 │ <html·aria-required="true"></html>
       │       --------------------        
 
 ```
 
 ```
-invalid.html:4:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:5:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    2 │ <meta charset="UTF-8" role="meta" />
-    3 │ <html aria-required="true"></html>
-  > 4 │ <script aria-label="script"></script>
+    3 │ <meta charset="UTF-8" role="meta" />
+    4 │ <html aria-required="true"></html>
+  > 5 │ <script aria-label="script"></script>
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    5 │ <script role="script"></script>
-    6 │ <style aria-labelledby="id"></style>
+    6 │ <script role="script"></script>
+    7 │ <style aria-labelledby="id"></style>
   
   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.
   
-    4 │ <script·aria-label="script"></script>
+    5 │ <script·aria-label="script"></script>
       │         -------------------          
 
 ```
 
 ```
-invalid.html:5:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:6:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    3 │ <html aria-required="true"></html>
-    4 │ <script aria-label="script"></script>
-  > 5 │ <script role="script"></script>
+    4 │ <html aria-required="true"></html>
+    5 │ <script aria-label="script"></script>
+  > 6 │ <script role="script"></script>
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    6 │ <style aria-labelledby="id"></style>
-    7 │ <style role="style"></style>
+    7 │ <style aria-labelledby="id"></style>
+    8 │ <style role="style"></style>
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the role="script" attribute.
   
-    5 │ <script·role="script"></script>
+    6 │ <script·role="script"></script>
       │         -------------          
 
 ```
 
 ```
-invalid.html:6:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:7:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    4 │ <script aria-label="script"></script>
-    5 │ <script role="script"></script>
-  > 6 │ <style aria-labelledby="id"></style>
+    5 │ <script aria-label="script"></script>
+    6 │ <script role="script"></script>
+  > 7 │ <style aria-labelledby="id"></style>
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    7 │ <style role="style"></style>
-    8 │ <meta charset="UTF-8" role="meta" aria-hidden="true" />
+    8 │ <style role="style"></style>
+    9 │ <meta charset="UTF-8" role="meta" aria-hidden="true" />
   
   i Using aria-* on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the aria-labelledby="id" attribute.
   
-    6 │ <style·aria-labelledby="id"></style>
+    7 │ <style·aria-labelledby="id"></style>
       │        --------------------         
 
 ```
 
 ```
-invalid.html:7:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:8:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    5 │ <script role="script"></script>
-    6 │ <style aria-labelledby="id"></style>
-  > 7 │ <style role="style"></style>
-      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    8 │ <meta charset="UTF-8" role="meta" aria-hidden="true" />
-    9 │ <meta charset="UTF-8" aria-foo="bar" aria-hidden="true" />
+     6 │ <script role="script"></script>
+     7 │ <style aria-labelledby="id"></style>
+   > 8 │ <style role="style"></style>
+       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+     9 │ <meta charset="UTF-8" role="meta" aria-hidden="true" />
+    10 │ <meta charset="UTF-8" aria-foo="bar" aria-hidden="true" />
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the role="style" attribute.
   
-    7 │ <style·role="style"></style>
+    8 │ <style·role="style"></style>
       │        ------------         
 
 ```
 
 ```
-invalid.html:8:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:9:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-     6 │ <style aria-labelledby="id"></style>
-     7 │ <style role="style"></style>
-   > 8 │ <meta charset="UTF-8" role="meta" aria-hidden="true" />
+     7 │ <style aria-labelledby="id"></style>
+     8 │ <style role="style"></style>
+   > 9 │ <meta charset="UTF-8" role="meta" aria-hidden="true" />
        │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-     9 │ <meta charset="UTF-8" aria-foo="bar" aria-hidden="true" />
-    10 │ <META charset="UTF-8" role="meta" />
+    10 │ <meta charset="UTF-8" aria-foo="bar" aria-hidden="true" />
+    11 │ <META charset="UTF-8" role="meta" />
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the role="meta"  attribute.
   
-    8 │ <meta·charset="UTF-8"·role="meta"·aria-hidden="true"·/>
+    9 │ <meta·charset="UTF-8"·role="meta"·aria-hidden="true"·/>
       │                       ------------                     
 
 ```
 
 ```
-invalid.html:9:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:10:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-     7 │ <style role="style"></style>
-     8 │ <meta charset="UTF-8" role="meta" aria-hidden="true" />
-   > 9 │ <meta charset="UTF-8" aria-foo="bar" aria-hidden="true" />
+     8 │ <style role="style"></style>
+     9 │ <meta charset="UTF-8" role="meta" aria-hidden="true" />
+  > 10 │ <meta charset="UTF-8" aria-foo="bar" aria-hidden="true" />
        │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    10 │ <META charset="UTF-8" role="meta" />
-    11 │ <STYLE ROLE="style"></STYLE>
+    11 │ <META charset="UTF-8" role="meta" />
+    12 │ <STYLE ROLE="style"></STYLE>
   
   i Using aria-* on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the aria-hidden="true"  attribute.
   
-    9 │ <meta·charset="UTF-8"·aria-foo="bar"·aria-hidden="true"·/>
-      │                                      -------------------  
+    10 │ <meta·charset="UTF-8"·aria-foo="bar"·aria-hidden="true"·/>
+       │                                      -------------------  
 
 ```
 
 ```
-invalid.html:10:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:11:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-     8 │ <meta charset="UTF-8" role="meta" aria-hidden="true" />
-     9 │ <meta charset="UTF-8" aria-foo="bar" aria-hidden="true" />
-  > 10 │ <META charset="UTF-8" role="meta" />
+     9 │ <meta charset="UTF-8" role="meta" aria-hidden="true" />
+    10 │ <meta charset="UTF-8" aria-foo="bar" aria-hidden="true" />
+  > 11 │ <META charset="UTF-8" role="meta" />
        │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    11 │ <STYLE ROLE="style"></STYLE>
-    12 │ <SCRIPT ARIA-LABEL="script"></SCRIPT>
+    12 │ <STYLE ROLE="style"></STYLE>
+    13 │ <SCRIPT ARIA-LABEL="script"></SCRIPT>
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the role="meta"  attribute.
   
-    10 │ <META·charset="UTF-8"·role="meta"·/>
+    11 │ <META·charset="UTF-8"·role="meta"·/>
        │                       ------------  
 
 ```
 
 ```
-invalid.html:11:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:12:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-     9 │ <meta charset="UTF-8" aria-foo="bar" aria-hidden="true" />
-    10 │ <META charset="UTF-8" role="meta" />
-  > 11 │ <STYLE ROLE="style"></STYLE>
+    10 │ <meta charset="UTF-8" aria-foo="bar" aria-hidden="true" />
+    11 │ <META charset="UTF-8" role="meta" />
+  > 12 │ <STYLE ROLE="style"></STYLE>
        │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    12 │ <SCRIPT ARIA-LABEL="script"></SCRIPT>
-    13 │ 
+    13 │ <SCRIPT ARIA-LABEL="script"></SCRIPT>
+    14 │ 
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the ROLE="style" attribute.
   
-    11 │ <STYLE·ROLE="style"></STYLE>
+    12 │ <STYLE·ROLE="style"></STYLE>
        │        ------------         
 
 ```
 
 ```
-invalid.html:12:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.html:13:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    10 │ <META charset="UTF-8" role="meta" />
-    11 │ <STYLE ROLE="style"></STYLE>
-  > 12 │ <SCRIPT ARIA-LABEL="script"></SCRIPT>
+    11 │ <META charset="UTF-8" role="meta" />
+    12 │ <STYLE ROLE="style"></STYLE>
+  > 13 │ <SCRIPT ARIA-LABEL="script"></SCRIPT>
        │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    13 │ 
+    14 │ 
   
   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.
   
-    12 │ <SCRIPT·ARIA-LABEL="script"></SCRIPT>
+    13 │ <SCRIPT·ARIA-LABEL="script"></SCRIPT>
        │         -------------------          
 
 ```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte
index 640780194dba..f8c9565ae695 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte
@@ -1,3 +1,4 @@
+<!-- should generate diagnostics -->
 <meta charset="UTF-8" aria-hidden="false" />
 <meta charset="UTF-8" role="meta" />
 <script aria-label="script"></script>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte.snap
index d927c8f7c511..f2a64472ff6d 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/invalid.svelte.snap
@@ -4,6 +4,7 @@ expression: invalid.svelte
 ---
 # Input
 ```svelte
+<!-- should generate diagnostics -->
 <meta charset="UTF-8" aria-hidden="false" />
 <meta charset="UTF-8" role="meta" />
 <script aria-label="script"></script>
@@ -14,102 +15,104 @@ expression: invalid.svelte
 
 # Diagnostics
 ```
-invalid.svelte:1:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.svelte:2:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-  > 1 │ <meta charset="UTF-8" aria-hidden="false" />
+    1 │ <!-- should generate diagnostics -->
+  > 2 │ <meta charset="UTF-8" aria-hidden="false" />
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    2 │ <meta charset="UTF-8" role="meta" />
-    3 │ <script aria-label="script"></script>
+    3 │ <meta charset="UTF-8" role="meta" />
+    4 │ <script aria-label="script"></script>
   
   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.
   
-    1 │ <meta·charset="UTF-8"·aria-hidden="false"·/>
+    2 │ <meta·charset="UTF-8"·aria-hidden="false"·/>
       │                       --------------------  
 
 ```
 
 ```
-invalid.svelte:2:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.svelte:3:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    1 │ <meta charset="UTF-8" aria-hidden="false" />
-  > 2 │ <meta charset="UTF-8" role="meta" />
+    1 │ <!-- should generate diagnostics -->
+    2 │ <meta charset="UTF-8" aria-hidden="false" />
+  > 3 │ <meta charset="UTF-8" role="meta" />
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    3 │ <script aria-label="script"></script>
-    4 │ <style aria-labelledby="id"></style>
+    4 │ <script aria-label="script"></script>
+    5 │ <style aria-labelledby="id"></style>
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the role="meta"  attribute.
   
-    2 │ <meta·charset="UTF-8"·role="meta"·/>
+    3 │ <meta·charset="UTF-8"·role="meta"·/>
       │                       ------------  
 
 ```
 
 ```
-invalid.svelte:3:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.svelte:4:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    1 │ <meta charset="UTF-8" aria-hidden="false" />
-    2 │ <meta charset="UTF-8" role="meta" />
-  > 3 │ <script aria-label="script"></script>
+    2 │ <meta charset="UTF-8" aria-hidden="false" />
+    3 │ <meta charset="UTF-8" role="meta" />
+  > 4 │ <script aria-label="script"></script>
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    4 │ <style aria-labelledby="id"></style>
-    5 │ <style role="style"></style>
+    5 │ <style aria-labelledby="id"></style>
+    6 │ <style role="style"></style>
   
   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.
   
-    3 │ <script·aria-label="script"></script>
+    4 │ <script·aria-label="script"></script>
       │         -------------------          
 
 ```
 
 ```
-invalid.svelte:4:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.svelte:5:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    2 │ <meta charset="UTF-8" role="meta" />
-    3 │ <script aria-label="script"></script>
-  > 4 │ <style aria-labelledby="id"></style>
+    3 │ <meta charset="UTF-8" role="meta" />
+    4 │ <script aria-label="script"></script>
+  > 5 │ <style aria-labelledby="id"></style>
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    5 │ <style role="style"></style>
-    6 │ 
+    6 │ <style role="style"></style>
+    7 │ 
   
   i Using aria-* on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the aria-labelledby="id" attribute.
   
-    4 │ <style·aria-labelledby="id"></style>
+    5 │ <style·aria-labelledby="id"></style>
       │        --------------------         
 
 ```
 
 ```
-invalid.svelte:5:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.svelte:6:1 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    3 │ <script aria-label="script"></script>
-    4 │ <style aria-labelledby="id"></style>
-  > 5 │ <style role="style"></style>
+    4 │ <script aria-label="script"></script>
+    5 │ <style aria-labelledby="id"></style>
+  > 6 │ <style role="style"></style>
       │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    6 │ 
+    7 │ 
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the role="style" attribute.
   
-    5 │ <style·role="style"></style>
+    6 │ <style·role="style"></style>
       │        ------------         
 
 ```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/valid.svelte b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/valid.svelte
index 5f890445c0a1..83dc09ca8da9 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/valid.svelte
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/valid.svelte
@@ -1,3 +1,4 @@
+<!-- should not generate diagnostics -->
 <meta charset="UTF-8" />
 <div role="button"></div>
 <input aria-label="name" />
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/valid.svelte.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/valid.svelte.snap
index e50e1696f7ea..0862a98c4663 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/valid.svelte.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/svelte/valid.svelte.snap
@@ -3,7 +3,8 @@ source: crates/biome_html_analyze/tests/spec_tests.rs
 expression: valid.svelte
 ---
 # Input
-```html
+```svelte
+<!-- should not generate diagnostics -->
 <meta charset="UTF-8" />
 <div role="button"></div>
 <input aria-label="name" />
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/valid.html b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/valid.html
index 0fa1a2f45859..d4a2a17ffbb9 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/valid.html
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/valid.html
@@ -1,3 +1,4 @@
+<!-- should not generate diagnostics -->
 <meta charset="UTF-8" />
 <html></html>
 <script></script>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/valid.html.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/valid.html.snap
index 2f7955ef05dc..efa0bd326b45 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/valid.html.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/valid.html.snap
@@ -4,6 +4,7 @@ expression: valid.html
 ---
 # Input
 ```html
+<!-- should not generate diagnostics -->
 <meta charset="UTF-8" />
 <html></html>
 <script></script>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue
index 590a78c20e8b..99047a98f83b 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue
@@ -1,3 +1,4 @@
+<!-- should generate diagnostics -->
 <template>
   <meta charset="UTF-8" aria-hidden="false" />
   <meta charset="UTF-8" role="meta" />
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue.snap
index f46fb9147ed5..eaa2e941495f 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/invalid.vue.snap
@@ -4,6 +4,7 @@ expression: invalid.vue
 ---
 # Input
 ```vue
+<!-- should generate diagnostics -->
 <template>
   <meta charset="UTF-8" aria-hidden="false" />
   <meta charset="UTF-8" role="meta" />
@@ -16,105 +17,106 @@ expression: invalid.vue
 
 # Diagnostics
 ```
-invalid.vue:2:3 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.vue:3:3 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    1 │ <template>
-  > 2 │   <meta charset="UTF-8" aria-hidden="false" />
+    1 │ <!-- should generate diagnostics -->
+    2 │ <template>
+  > 3 │   <meta charset="UTF-8" aria-hidden="false" />
       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    3 │   <meta charset="UTF-8" role="meta" />
-    4 │   <script aria-label="script"></script>
+    4 │   <meta charset="UTF-8" role="meta" />
+    5 │   <script aria-label="script"></script>
   
   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 │ ··<meta·charset="UTF-8"·aria-hidden="false"·/>
+    3 │ ··<meta·charset="UTF-8"·aria-hidden="false"·/>
       │                         --------------------  
 
 ```
 
 ```
-invalid.vue:3:3 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.vue:4:3 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    1 │ <template>
-    2 │   <meta charset="UTF-8" aria-hidden="false" />
-  > 3 │   <meta charset="UTF-8" role="meta" />
+    2 │ <template>
+    3 │   <meta charset="UTF-8" aria-hidden="false" />
+  > 4 │   <meta charset="UTF-8" role="meta" />
       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    4 │   <script aria-label="script"></script>
-    5 │   <style aria-labelledby="id"></style>
+    5 │   <script aria-label="script"></script>
+    6 │   <style aria-labelledby="id"></style>
   
   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 │ ··<meta·charset="UTF-8"·role="meta"·/>
+    4 │ ··<meta·charset="UTF-8"·role="meta"·/>
       │                         ------------  
 
 ```
 
 ```
-invalid.vue:4:3 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.vue:5:3 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    2 │   <meta charset="UTF-8" aria-hidden="false" />
-    3 │   <meta charset="UTF-8" role="meta" />
-  > 4 │   <script aria-label="script"></script>
+    3 │   <meta charset="UTF-8" aria-hidden="false" />
+    4 │   <meta charset="UTF-8" role="meta" />
+  > 5 │   <script aria-label="script"></script>
       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    5 │   <style aria-labelledby="id"></style>
-    6 │   <style role="style"></style>
+    6 │   <style aria-labelledby="id"></style>
+    7 │   <style role="style"></style>
   
   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.
   
-    4 │ ··<script·aria-label="script"></script>
+    5 │ ··<script·aria-label="script"></script>
       │           -------------------          
 
 ```
 
 ```
-invalid.vue:5:3 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.vue:6:3 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    3 │   <meta charset="UTF-8" role="meta" />
-    4 │   <script aria-label="script"></script>
-  > 5 │   <style aria-labelledby="id"></style>
+    4 │   <meta charset="UTF-8" role="meta" />
+    5 │   <script aria-label="script"></script>
+  > 6 │   <style aria-labelledby="id"></style>
       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    6 │   <style role="style"></style>
-    7 │ </template>
+    7 │   <style role="style"></style>
+    8 │ </template>
   
   i Using aria-* on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the aria-labelledby="id" attribute.
   
-    5 │ ··<style·aria-labelledby="id"></style>
+    6 │ ··<style·aria-labelledby="id"></style>
       │          --------------------         
 
 ```
 
 ```
-invalid.vue:6:3 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.vue:7:3 lint/a11y/noAriaUnsupportedElements  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   × Avoid the role attribute and aria-* attributes when using meta, html, script, and style elements.
   
-    4 │   <script aria-label="script"></script>
-    5 │   <style aria-labelledby="id"></style>
-  > 6 │   <style role="style"></style>
+    5 │   <script aria-label="script"></script>
+    6 │   <style aria-labelledby="id"></style>
+  > 7 │   <style role="style"></style>
       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    7 │ </template>
-    8 │ 
+    8 │ </template>
+    9 │ 
   
   i Using role on elements that do not support them can cause issues with screen readers.
   
   i Unsafe fix: Remove the role="style" attribute.
   
-    6 │ ··<style·role="style"></style>
+    7 │ ··<style·role="style"></style>
       │          ------------         
 
 ```
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/valid.vue b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/valid.vue
index badbb754e428..4521834923d2 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/valid.vue
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/valid.vue
@@ -1,3 +1,4 @@
+<!-- should not generate diagnostics -->
 <template>
   <meta charset="UTF-8" />
   <div role="button"></div>
diff --git a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/valid.vue.snap b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/valid.vue.snap
index daeabc4ad7fe..27615b0169bd 100644
--- a/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/valid.vue.snap
+++ b/crates/biome_html_analyze/tests/specs/a11y/noAriaUnsupportedElements/vue/valid.vue.snap
@@ -3,7 +3,8 @@ source: crates/biome_html_analyze/tests/spec_tests.rs
 expression: valid.vue
 ---
 # Input
-```html
+```vue
+<!-- should not generate diagnostics -->
 <template>
   <meta charset="UTF-8" />
   <div role="button"></div>