fix(linter/aria-proptypes): allow template literals with expressions for string-type ARIA props

[jokull]

Summary

Fixes a false positive in jsx_a11y/aria-proptypes where template literals with expressions (e.g., `Hello ${name}`) were incorrectly flagged as invalid for string-type ARIA props like aria-label.

The Problem

<div aria-label={`Hello ${name}`} />  // ❌ Was incorrectly flagged as invalid

For aria-label (and other string-type ARIA props), any string value is valid. Template literals with expressions always produce strings at runtime, so they should be allowed.

[Copilot]

Pull request overview

This PR fixes a false positive in the jsx_a11y/aria-proptypes linter rule where template literals containing expressions (e.g., `Hello ${name}`) were incorrectly flagged as invalid ARIA property values.

Key Changes:

• Modified is_target_literal_value to only validate template literals without expressions (single quasi templates)
• Template literals with expressions are now treated like variables and skipped during static validation
• Moved test cases from fail to pass to reflect the corrected behavior

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[jokull]

Thanks - changed the scope of the change, should be isolated to aria-label case now. Thank you!

[codspeed-hq]

CodSpeed Performance Report

Merging #17460 will not alter performance

_{Comparing jokull:fix/aria-proptypes-template-literals (a4d5ecb) with main (bb2e8e4)}

Summary

✅ 4 untouched
⏩ 41 skipped¹

Footnotes

1. 41 benchmarks were skipped, so the baseline results were used instead. If they were deleted from the codebase, click here and archive them to remove them from the performance reports. ↩

[connorshea]

Should note that #17465 also needs to be fixed (in regards to aria-labelledby). Can be done in this PR, or a separate PR if we prefer to keep this one simple.

[connorshea]

A few extra test cases to ensure labelledby works, currently these fail if added:

        // Ensure that template literals with expressions are allowed.
        r#"<div aria-labelledby={`${id}-label`} />"#,
        r#"<div aria-labelledby={`${id}`} />"#,
        r#"<div aria-labelledby={`${id}-label ${id}-help-text`} />"#,

Will need to update the code accordingly, but again I'm fine with merging this as-is (pending a review by cam), and deferring the change for labelledby to a subsequent PR.

Should maybe add the exact same cases for describedby, flowto, etc. by just copy-pasting the above 3 tests and replacing labelledby with the other idlist aria props.

[connorshea]

I've updated the code to work for the labelledby/describedby aria props as well, so this should be good to go now :)

[camc314]

Thank you!