vailabel/vailabel-studio
View on GitHuba11y: Several image elements are missing alt text
Open
#250 opened on Jun 19, 2026
good first issuehacktoberfest
Repository metrics
- Stars
- (62 stars)
- PR merge metrics
- (PR metrics pending)
Description
Summary
Multiple <img> elements across the studio render without an alt attribute, so screen readers can't describe them and the markup fails basic accessibility/lint checks.
Where (non-exhaustive)
apps/studio/src/app/layout/main-layout.tsx:140apps/studio/src/features/studio/components/file-list-panel.tsx:162apps/studio/src/features/studio/components/canvas/canvas.tsx:54apps/studio/src/features/projects/components/image-upload.tsx:64apps/studio/src/features/projects/components/image-table.tsx:95apps/studio/src/features/studio/components/editors/video/video-library.tsx:180
Find the rest with: grep -rn "<img" --include=*.tsx apps/studio/src | grep -v "alt="
Steps
- Branch:
git checkout -b a11y/img-alt-text. - Add a descriptive
altto each (e.g.alt={image.name}for dataset thumbnails,alt="Vailabel logo"for the logo). Usealt=""only for purely decorative images. - Run
yarn lintandyarn typecheck; open a PR.
Acceptance criteria
- Every meaningful
<img>has a descriptivealt; decorative ones usealt="". grep -rn "<img" --include=*.tsx apps/studio/src | grep -v "alt="returns nothing.
Good first issue — comment here if you'd like to take it.