You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/cognitive-services/Computer-vision/use-case-alt-text.md
+9-9Lines changed: 9 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,13 +14,13 @@ ms.author: pafarley
14
14
---
15
15
16
16
17
-
# Overview: Automatically generate image alt-text for website accessibility and SEO with Image Analysis
17
+
# Overview: Generate image alt-text with Image Analysis
18
18
19
19
## What is alt text?
20
20
21
21
Alt text, or alternative text, is an HTML attribute added to the `<img>` tag that displays images on an application or web page. It looks like this in plain HTML code:
22
22
23
-
`<img src=“elephant.jpg” alt=“An elephant in a grassland”> `
23
+
`<img src="elephant.jpg" alt="An elephant in a grassland">`
24
24
25
25
Alt text enables website owners to describe an image in plain text. These image descriptions improve accessibility by enabling screen readers such as Microsoft Narrator, JAWS, and NVDA to accurately communicate image content to their visually impaired and blind users.
:::image type="content" source="media/use-cases/elephant.png" alt-text="An elephant in a grassland.":::
34
34
35
-
Auto-generated caption: "An elephant in a grassland"
35
+
Auto-generated caption: "An elephant in a grassland."
36
36
37
37
Microsoft’s own products such as PowerPoint, Word, and Edge browser use image captioning by Image Analysis to generate alt text.
38
38
39
39
:::image type="content" source="media/use-cases/powerpoint-alt-text.png" alt-text="Screenshot of a PowerPoint slide with alt text written on the side." lightbox="media/use-cases/powerpoint-alt-text.png" :::
40
40
41
41
## Benefits for your website
42
42
43
-
1.**Improve accessibility and user experience for blind and low-vision users**. Alt Text makes visual information in images available to screen readers used by blind and low-vision users.
44
-
1.**Meet legal compliance requirements**. Some websites may be legally required to remove all accessibility barriers. Using alt text for accessibility helps website owners minimize risk of legal action now and in the future.
45
-
1.**Make your website more discoverable and searchable**. Image alt text helps search engine crawlers find images on your website more easily and rank them higher in search results.
43
+
-**Improve accessibility and user experience for blind and low-vision users**. Alt Text makes visual information in images available to screen readers used by blind and low-vision users.
44
+
-**Meet legal compliance requirements**. Some websites may be legally required to remove all accessibility barriers. Using alt text for accessibility helps website owners minimize risk of legal action now and in the future.
45
+
-**Make your website more discoverable and searchable**. Image alt text helps search engine crawlers find images on your website more easily and rank them higher in search results.
46
46
47
47
## Frequently Asked Questions
48
48
@@ -58,12 +58,12 @@ In general, we advise a confidence threshold of `0.4` for the Image Analysis 3.2
58
58
59
59
### What can I do about embarrassing or erroneous captions?
60
60
61
-
On rare occasions, image captions can contain embarrassing errors, such as labelling a male-identifying person as a “woman” or labelling an adult woman as a “girl”. We encourage users to consider using the latest Image Analysis 4.0 API (preview) which eliminates some errors by supporting gender-neutral captions.
61
+
On rare occasions, image captions can contain embarrassing errors, such as labelling a male-identifying person as a "woman" or labelling an adult woman as a "girl". We encourage users to consider using the latest Image Analysis 4.0 API (preview) which eliminates some errors by supporting gender-neutral captions.
62
62
63
-
Please report any embarrassing or offensive captions through the [Azure portal](https://ms.portal.azure.com/#home).
63
+
Please report any embarrassing or offensive captions by going to the [Azure portal](https://ms.portal.azure.com/#home) and navigating to the **Feedback** button in the top right.
64
64
65
65
## Next Steps
66
-
Follow our QuickStart to begin automatically generating alt text by using image captioning on Image Analysis.
66
+
Follow a quickstart to begin automatically generating alt text by using image captioning on Image Analysis.
0 commit comments