Daily Accessibility ReviewImages Missing alt Attributes in Carousel, Istio Page, and ReceiverIcons #17838
Unanswered
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Summary
Several
<img>elements across the codebase are missingaltattributes. Images withoutaltattributes are inaccessible to screen reader users and fail a Level A WCAG requirement.WCAG 2.2 Reference
altattribute. Decorative images should usealt=""to be hidden from assistive technologies; informative images must have descriptive alt text.Affected Files
1.
shell/components/Carousel.vue(line 198)Slide icon images have no
altattribute:These images visually represent application/chart icons in the app catalog carousel and should have descriptive alt text (e.g., the chart name).
2.
shell/pages/c/_cluster/istio/index.vue(lines 101, 137)The Kiali and Jaeger logo images have no
altattribute:These logos are informative (they identify the service) and should have alt text like
"Kiali logo"and"Jaeger logo".3.
shell/components/formatter/ReceiverIcons.vue(line 98)Alert receiver type icons have no
altattribute:These icons visually distinguish receiver types and should have descriptive alt text derived from
type.labelor similar.Recommended Fix
For informative images, add descriptive
alttext:For decorative images (images that add no information beyond what surrounding text already conveys), use
alt="".Beta Was this translation helpful? Give feedback.
All reactions