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

Use image descriptions set in Contentful as accessibility labels #196

Open
5 tasks
brettdh opened this issue Aug 7, 2019 · 0 comments
Open
5 tasks

Use image descriptions set in Contentful as accessibility labels #196

brettdh opened this issue Aug 7, 2019 · 0 comments
Labels
accessibility Issues related to accessibility concerns in the app.

Comments

@brettdh
Copy link
Contributor

brettdh commented Aug 7, 2019

Motivation

It's good practice to include an accessibility label for images that describes the content of the image. We should add these in Contentful and display them in the app.

To avoid duplicating the descriptions in multiple places that use the same image, we should use the "Description" field on an Asset in Contentful to store the accessibility label. This will require making a few changes:

  • Import all images into Contentful and remove the external image URL fields
    • Though it's a bit of work, this will simplify the app and the CMS UI as well.
  • Update the public podcast sync script to create assets as needed
    • This is a bit tricky, since items in Podbean feeds always contain an image
    • Should be able to compare the image URL in the item to the image URL of the feed, and only create assets for unique images

Plan of action

  • Ensure the description field is available via the API
  • Import all external images to Contentful and remove external image fields
  • Add descriptions to some images for testing
  • Make the app add accessibility labels with those descriptions
  • Add descriptions for the rest of the images
@brettdh brettdh added the accessibility Issues related to accessibility concerns in the app. label Aug 7, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Issues related to accessibility concerns in the app.
Projects
None yet
Development

No branches or pull requests

1 participant