Skip to content

Add and edit images alt text following W3 accessibility guidelines - #805

Merged
lancesnider merged 10 commits into
rive-app:mainfrom
isaganttus:images-alt-text
Jul 27, 2026
Merged

Add and edit images alt text following W3 accessibility guidelines#805
lancesnider merged 10 commits into
rive-app:mainfrom
isaganttus:images-alt-text

Conversation

@isaganttus

Copy link
Copy Markdown
Contributor

No description provided.

@isaganttus
isaganttus requested a review from a team as a code owner July 22, 2026 01:18
</Step>
<Step title="Add a Number to List converter">
Click the + button and choose **Converters \> List \> Number to List**. <img src="/images/editor/number-to-list.png" alt="Add number to list converter" />
Click the + button and choose **Converters \> List \> Number to List**. <img src="/images/editor/number-to-list.png" alt="Converters menu with the Number to List converter hovered" />

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

What we're trying to show is the exact location of the menu item. It matters less that it's hovered. Instead, I might say something like:

Number to List option under Converters > List in the Add menu

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

What about using something like:

Number to List option can be found under List, inside the Converter section in the Add menu

I worry the ">" characters will read as "bigger than" or something else in screen readers. That would apply to a few other comments here.

Comment thread editor/data-binding/lists.mdx Outdated
Artboards are the foundation of your composition across both [design and animate mode](/editor/fundamentals/design-vs-animate-mode). They act as the root of every hierarchy and let you define a scene's dimensions and background color. You can create infinite artboards on the [Stage](/editor/interface-overview/stage), but each Rive file has at least one artboard.

![Artboard](/images/artboard.png)
![A selected artboard on the Stage](/images/artboard.png)

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

👍

Comment thread editor/data-binding/lists.mdx Outdated
This can be added to your item's View Model by clicking the + button and selecting **List Attributes \> Index**.

![Add a list index attribute](/images/editor/list-index.png)
![List Attributes menu with Index hovered after clicking + on the item's View Model](/images/editor/list-index.png)

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

It is hovered, which describes the image, but it's not what we're trying to tell. We're trying to express the location. So maybe:

Index option under Add Property > List Attributes > Group

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

What about this version because of screen readers?:

Index option under Add Property, in the List Attributes group

Comment thread editor/fundamentals/artboards.mdx Outdated
Comment thread editor/fundamentals/artboards.mdx Outdated
Like other properties where the link icon is found, it can be used to lock the current ratio of the size properties.

![Link](/images/link.png)
![Link icon next to the Width and Height fields for locking their ratio](/images/link.png)

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

"the ratio" not "their ratio"

Comment thread editor/fundamentals/artboards.mdx Outdated
Selecting an artboard allows you to create Render Presets that can be used to render out static graphics such as PNGs and SVGs, as well as video and motion files like PNG sequences and MP4s.

![Render](/images/render.png)
![Render Presets panel for an artboard on the inspector panel](/images/render.png)

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

in, not on

Comment thread game-runtimes/unity/getting-started.mdx Outdated
<Steps>
<Step>
Paste the URL with a version tag <img src="/images/game-runtimes/unity/929bb6b6-2e4a-45c0-a09b-0c3d4f7c5361.webp" alt="Image" />
Paste the URL with a version tag <img src="/images/game-runtimes/unity/929bb6b6-2e4a-45c0-a09b-0c3d4f7c5361.webp" alt="Package Manager's add-from-git-URL field with the rive-unity git URL and version tag pasted in" />

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

See previous comments about menus, which I think will apply here.

<img
src="/images/unreal/DuelistContextMenu.png"
alt="Duelist Context Menu"
alt="Right-click context menu on a Rive file asset with Create Rive Widget highlighted"

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Nice. I appreciate you making existing one's better, not just the ones with missing alt tag. 👍

@isaganttus
isaganttus requested a review from lancesnider July 22, 2026 12:48
@lancesnider
lancesnider merged commit a829569 into rive-app:main Jul 27, 2026
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.

2 participants