feat[dev]: ✨ implement A11y improvements to sd-interactive

[yoezlem]

Description

This task describes the Storybook implementation for the sd-interactive component as part of the A11y improvements outlined in Epic https://github.com/solid-design-system/solid/issues/1465.

A11y improvements for sd-interactive can be found here: sd-interactive Notes.

---

Comment

Problem: The icon-only buttons have no accessible name. Solution: Provide an accessible name.

Note

• The button doesn’t look interactive, especially when displayed without color or for people with a color deficiency.
• Disabled buttons: See @sd-button. Everything I wrote there about disabling form elements applies here as well.

Template Ticket

• [ ] Pick up the template ticket when working on the component story for A11y improvement, as it references the component and will be resolved once the component is made accessible:

  1531

DoR

• [x] Item has business value
• [ ] Item has been estimated by the team
• [x] Item is clear and well-defined
• [x] Item dependencies have been identified

DoD

• [ ] Documentation has been created/updated (if applicable)
• [ ] Migration Guide has been created/updated (if applicable)
• [ ] Relevant E2E tests (Features, A11y, Bug fixes) are created/updated
• [ ] Relevant stories (Features, A11y) are created/updated
• [ ] Implementation works successfully on feature branch

[smfonseca]

@yoezlem @coraliefeil @MartaPintoTeixeira I feel this ticket needs to be addressed first by design since Manuel mentions it doesn't look interactive, especially when displayed without color or for people with a color deficiency. In it's current state there is actually no changes required in the code. The fix in the template (subtask) is done in the sd-icon.