fix: correct placement

Author: Netail

crates/biome_html_analyze/tests/specs/a11y/useAriaPropsForRole/astro/valid.astro

@@ -1,4 +1,6 @@
 <!-- should not generate diagnostics -->
+<span role={roleValue}></span>
+<span {role}></span>
 <span role="checkbox" aria-checked="true"></span>
 <span role="combobox" aria-controls="true" aria-expanded="true"></span>
 <span role="heading" aria-level="1"></span>

crates/biome_html_analyze/tests/specs/a11y/useAriaPropsForRole/astro/valid.astro.snap

@@ -5,6 +5,8 @@ expression: valid.astro
 # Input
 ```astro
 <!-- should not generate diagnostics -->
+<span role={roleValue}></span>
+<span {role}></span>
 <span role="checkbox" aria-checked="true"></span>
 <span role="combobox" aria-controls="true" aria-expanded="true"></span>
 <span role="heading" aria-level="1"></span>

crates/biome_html_analyze/tests/specs/a11y/useAriaPropsForRole/svelte/valid.svelte

@@ -1,4 +1,6 @@
 <!-- should not generate diagnostics -->
+<span role={roleValue}></span>
+<span {role}></span>
 <span role="checkbox" aria-checked="true"></span>
 <span role="combobox" aria-controls="true" aria-expanded="true"></span>
 <span role="heading" aria-level="1"></span>

crates/biome_html_analyze/tests/specs/a11y/useAriaPropsForRole/svelte/valid.svelte.snap

@@ -5,6 +5,8 @@ expression: valid.svelte
 # Input
 ```svelte
 <!-- should not generate diagnostics -->
+<span role={roleValue}></span>
+<span {role}></span>
 <span role="checkbox" aria-checked="true"></span>
 <span role="combobox" aria-controls="true" aria-expanded="true"></span>
 <span role="heading" aria-level="1"></span>

crates/biome_html_analyze/tests/specs/a11y/useAriaPropsForRole/vue/valid.vue

@@ -1,5 +1,6 @@
 <!-- should not generate diagnostics: Vue v-bind shorthand (:aria-*) bindings satisfy required aria props -->
 <template>
+	<span :role="roleValue"></span>
 	<span role="checkbox" :aria-checked="isChecked"></span>
 	<span role="radio" :aria-checked="true"></span>
 	<span role="switch" :aria-checked="dynamicValue"></span>

crates/biome_html_analyze/tests/specs/a11y/useAriaPropsForRole/vue/valid.vue.snap

@@ -6,6 +6,7 @@ expression: valid.vue
 ```vue
 <!-- should not generate diagnostics: Vue v-bind shorthand (:aria-*) bindings satisfy required aria props -->
 <template>
+	<span :role="roleValue"></span>
 	<span role="checkbox" :aria-checked="isChecked"></span>
 	<span role="radio" :aria-checked="true"></span>
 	<span role="switch" :aria-checked="dynamicValue"></span>

crates/biome_html_syntax/src/attribute_ext.rs

@@ -100,16 +100,7 @@ impl HtmlAttributeName {
 
 impl Attribute for AnyHtmlAttribute {
     fn name(&self) -> Option<impl AsRef<str>> {
-        match self {
-            // Shorthand attributes like `{href}` use the expression text as the attribute name.
-            Self::HtmlAttributeSingleTextExpression(expr) => expr
-                .expression()
-                .ok()?
-                .html_literal_token()
-                .ok()
-                .map(|token| token.token_text_trimmed()),
-            _ => self.name(),
-        }
+        self.name()
     }
 
     fn value(&self) -> Option<impl AsRef<str>> {
@@ -121,6 +112,11 @@ impl AnyHtmlAttribute {
     pub fn name(&self) -> Option<TokenText> {
         match self {
             Self::HtmlAttribute(attr) => attr.name().ok()?.token_text_trimmed(),
+            Self::HtmlAttributeSingleTextExpression(attr) => attr
+                .expression()
+                .ok()
+                .and_then(|expr| expr.html_literal_token().ok())
+                .map(|html_literal| html_literal.token_text_trimmed()),
             Self::AnyVueDirective(vue) => match vue {
                 // :attr="..." — shorthand Vue binding
                 AnyVueDirective::VueVBindShorthandDirective(d) => d