Request originating in this task: T329037: Refactor the "Add a link" on-boarding dialog to Vue
User story & summary:
As an editor utilizing a screenreader, I want to understand what an image represents, so that I can onboard and complete structured tasks.
Background & research:
This task is important because it improves the accessibility of structured tasks.
Alt text
Add a link
| Illustration | Alt text |
| Illustration of the moon article, with the articles Earth and Satellite being suggested as links that could be added to the associated text. | |
| Illustration of the moon article, next to the article there's a robot representing a machine suggestion - asking if a word on the Moon article should be linked to the Cheese article. | |
| Illustration of an article sentence showing link suggestions for two different words. Next to the suggestion there's a blue check icon and a red cross icon for the options to accept or reject the suggestion. | |
Add an image to an unillustrated article
| Illustration | Alt text |
| Illustration of the moon article. Next to the article illustration there's a robot asking if an image of the moon should be added to the article. | |
| Illustration of an article. An image is being suggested for the article. The image suggestion is zoomed in to highlight that the image suggestion and details should be reviewed. | |
| Illustration of an article. At the bottom of the article there’s an image suggestion. | |
| Illustration of an article. An image is being suggested for the article. Inside of the suggestion there are three icon buttons for the options available: a checkmark to accept the suggestion, a cross to reject the suggestion, and an arrow to move to the next step. | |
Add an image to an article section
| Illustration | Alt text |
| Illustration of an article section. Next to the article there’s a robot asking if an image of the moon should be added to the article section. | |
| Illustration of an article section with an image suggestion. The image suggestion is zoomed in to highlight that the image suggestion and details should be reviewed. | |
| Illustration of an article section. An image is being suggested for that section. | |
| Illustration of an article section. An image is being suggested for that section. Inside of the suggestion there are three icon buttons: a checkmark to accept the suggestion, a cross to reject the suggestion, and an arrow to move to the next item. | |
Acceptance Criteria:
Given I'm completing onboarding for a structured task,
When I encounter an onboarding image,
Then it includes alt text that is short, descriptive, and follows alt-text best practices












