Skip to content

Commit

Permalink
Update developers.mdx (#3085)
Browse files Browse the repository at this point in the history
Screen readers announce images as “image”, so alternative text which contains “image of”, “picture of”, or similar text result in redundant information being announced to users. Example: “Image: picture of a puppy sleeping in cup.”

Avoiding “picture of” or similar phrases in alt text will reduce redundant announcements by assistive technologies.

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
  • Loading branch information
tylerrzaneray and kodiakhq[bot] authored Aug 11, 2022
1 parent cfbcc9d commit 61ae797
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/pages/guidelines/accessibility/developers.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -135,7 +135,7 @@ attribute; otherwise the screen reader will read the whole image URL if the
<Title>Be detailed and succinct</Title>

```html
<img src="puppy.jpg" alt="Picture of a sleeping puppy in cup" />
<img src="puppy.jpg" alt="Sleeping puppy in a cup" />
```

<Title>Give decorative images an empty `alt` attribute.</Title>
Expand Down

1 comment on commit 61ae797

@vercel
Copy link

@vercel vercel bot commented on 61ae797 Aug 11, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.