Feedback form aria-label computed value does not match on screen text

[lexi-taylor]

Changelog Entry

Description

• Aria label for feedback form send box was not announcing the header, placeholder and footer
• Aria label was only announcing the placeholder

Specific Changes

• Adding id attributes to elements missing them
• Adding aria-labelledby to feedback for sendbox computed using header, placeholder and footer text

• I have added tests and executed them locally
• I have updated CHANGELOG.md
• I have updated documentation

Review Checklist

• Accessibility reviewed (tab order, content readability, alt text, color contrast)
• Browser and platform compatibilities reviewed
• CSS styles reviewed (minimal rules, no z-index)
• Documents reviewed (docs, samples, live demo)
• Internationalization reviewed (strings, unit formatting)
• package.json and package-lock.json reviewed
• Security reviewed (no data URIs, check for nonce leak)
• Tests reviewed (coverage, legitimacy)

[compulim]

Please test this with the following browser matrix. We usually don't have capacity testing this changes in release testing.

• Edge + Narrator
• Chrome + NVDA
• macOS Safari + VoiceOver
• iOS Safari + VoiceOver
• Android + TalkBack