Presets Panel: Missing Accessible Name from Icon Buttons

[derekjackson-das]

Issue Description

The icon buttons in the presets menu do not have accessible names, so there is no programmatic way to identify each button or distinguish one from the other.

Related to:

• Presets Panel: Incorrect "option" Role. #5450
• Presets Panel: Keyboard Access Not Provided for Icon Links  #5451
• Presets Panel: Low Contrast on Icon Buttons  #5452
• Presets Panel: Nested Interactive Elements #5489

Derived from #5187 .

WCAG Criteria

3.3.2 Labels or Instructions - A

Notes

Use aria-label to give the buttons a unique, descriptive accessible name. For example, aria-label="Delete Preset". Also, hide the SVG image to avoid unnecessary or redundant announcements with the aria-hidden="true" attribute.

Screenshot or Screen Recording

Relevant Code

<button class="m-0 h-full rounded-md bg-transparent p-2 text-gray-400 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">