fix(a11y): add missing alt attributes to context icons and feedback images

[sentry-junior]

Screen readers depend on alt text to describe images for people who can't see them. On the issue details page, our browser/OS/device context icons were <img> elements with no alt, so screen readers weren't relaying useful information.

This PR:

• Wires alt={name} inside ContextIcon itself — PlatformIcon accepts HTMLImageElement attributes via rest props, so the name flows through to the <img> without adding a new public prop
• Sets empty alt="" on decorative images in the feedback panel and empty state so screen readers skip them

No call-site changes needed for context icons.

Co-authored-by: Ryan Albrecht ralbrecht@sentry.io

---

View Session in Sentry

[github-actions]

📊 Type Coverage Diff

✅ No new type safety issues introduced. Coverage: 93.58%

[ryan953]

@priscilawebdev this is in the same-ish area as #115701 so i tagged you and design-eng to followup and help @macuzi get this over the line.

Looks like <PlatformIcon> doesn't accept an alt prop, and doesn't print and alt attribute to the dom. I think we should update platform icon to do something, maybe it can accept that prop, or maybe it should just know what alt to put based on the platform?

[macuzi]

Since aria-* attributes are best suited for non-interactive elements, we may need to rely on alt here.

So maybe need to update the platformicons package to explicitly include an alt?: string prop, or adjust the union so it only supports HTMLImageElement.

[sentry]

Bug: The ContextIcon component receives an alt prop, but it's not declared in its props or used, so the accessibility text is silently ignored.
_{Severity: LOW}

Suggested Fix

Update the ContextIcon component to accept and use the alt prop. Add alt to the ContextIconProps interface, destructure it in the component's function signature, and pass it to the underlying rendered element that requires the accessibility text.

Prompt for AI Agent

Review the code at the location below. A potential bug has been identified by an AI
agent. Verify if this is a real issue. If it is, propose a fix; if not, explain why it's
not valid.

Location: static/app/components/events/contexts/utils.tsx#L367

Potential issue: The `ContextIcon` component is passed an `alt` prop from `utils.tsx` to
provide accessibility text. However, the component's props interface,
`ContextIconProps`, does not declare `alt`, and the function signature only destructures
the `name` and `size` props. Consequently, the `alt` prop is silently ignored by React
and not passed down to the underlying `PlatformIcon` component. This results in the
intended accessibility improvement being non-functional, as no alternative text is
rendered for the icon.

_{Did we get this right? 👍 / 👎 to inform future reviews.}

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 1960079. Configure here.}

[ryan953]

Following up on PlatformIcons and ContextIcons here: getsentry/platformicons#239