Add label to color picker GlFormInputGroup

Justin Ho Tuan Duongrequested to merge
511792-form-element-label into master

What does this MR do and why?

Fix axe DevTools issues.

  • Add a placeholder to show what the expected value should look like.
  • Add aria-describedby to the text input with the hint. Also added mention of "hex color" to be clearer on the format.
  • Add an aria-label to each of the color tiles below so they get announced too.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screen_Recording_2025-03-21_at_16.03.27

How to set up and validate locally

http://127.0.0.1:3000/-/profile/preferences

Related to #511792

Edited by Justin Ho Tuan Duong

Merge request reports