Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility: Adding alt text to site images #233

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

mirabtellegen
Copy link

@mirabtellegen mirabtellegen commented Nov 6, 2023

Summary

On the Shoutem documentation site, many images are not tagged with alt-text or aria labels. This poses an accessibility issue, as these images are not accessible without being able to visually understand the context and importance of the image.

Background

Per the ADA, sites should be accessible to all users. Those who use screen readers or other accessibility tools may rely on alt text describing images or graphics. This alt-text requirement is codified in the WCAG 2.0 from 2008, in Section 1.1.1 which states that any image or graphic other than those which are purely decorative or formatting should have alternative text which describes all information a user might glean from it visually.

Example of Good Alt Text

Good alt text would be concisely and completely describing the contents of an image. For example,

<img alt="Two phones showing views of Getting Started app"
 src="https://shoutem.github.io/img/my-first-extension/extension-preview.jpg">

Your Proposal for Changes

The diff in this PR shows changes to the img attributes in the docs adding descriptive alt text.

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