Skip to content

Describe example images with alt text - #72

Open
DawidRobertNowak wants to merge 1 commit into
mainfrom
docs/image-alt-texts
Open

DawidRobertNowak wants to merge 1 commit into
mainfrom
docs/image-alt-texts

Conversation

@DawidRobertNowak

Copy link
Copy Markdown
Contributor

Replaces the generic example alt text of the 46 example images on seven API reference pages (Background, Border, Debug area, Rounded corners, Shadow, Text basics, Text style) with a short description of what each image shows. This helps screen readers and gives AI assistants reading the page text the information that only the image carries.

The example image styling (border, shadow, rounded corners) was tied to img[alt=example]. The images now carry an example class ({.example}), and the stylesheet matches both, so pages that still use ![example] look the same.

Each description was checked against the image currently on the page. The docs build passes.

Replace the generic "example" alt text of the example images on the
Background, Border, Debug area, Rounded corners, Shadow, Text basics and
Text style pages with a description of what each image shows.

The example image styling was tied to img[alt=example]; the images now
carry an example class and the stylesheet matches both.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant