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.

Sign up for GitHub

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

Jump to bottom

Add context to links for screen readers to read the type of media the link goes to. #1010

Closed
sarayourfriend opened this issue Mar 23, 2023 · 0 comments · Fixed by #1920
Closed

Add context to links for screen readers to read the type of media the link goes to. #1010

sarayourfriend opened this issue Mar 23, 2023 · 0 comments · Fixed by #1920
Assignees
@sarayourfriend
Labels
♿️ aspect: a11y Concerns related to the project's accessibility 🛠 goal: fix Bug fix 🟧 priority: high Stalls work on the project or its dependents 🧱 stack: frontend Related to the Nuxt frontend

Comments

@sarayourfriend
Copy link
Collaborator

sarayourfriend commented Mar 23, 2023 •
edited
Loading

This issue is derived from the fourth point in this issue by @alexstine #448

Problem

When using a screen reader, there isn't sufficient context about the type of media for a given result. Screen readers will read out "link graphic ", but this doesn't give an indication to the user for what type of media the result is.

Description

Add the media type before the media title to the link title: {media_type}: {media_title}.
@sarayourfriend sarayourfriend mentioned this issue Mar 23, 2023
Closed
15 tasks
@github-project-automation github-project-automation bot moved this to 📋 Backlog in Openverse Backlog Mar 23, 2023
@sarayourfriend sarayourfriend changed the title Clear up context for links. See quote 1 for a speech sample from my screen reader. I have no idea if I am looking at pictures, audio, or videos. What will happen if I select one of those graphics? The link gives me no information about where I am really going. Add context to links for screen readers to read the type of media the link goes to. Mar 23, 2023
@sarayourfriend sarayourfriend added 🟧 priority: high Stalls work on the project or its dependents 🛠 goal: fix Bug fix ♿️ aspect: a11y Concerns related to the project's accessibility 🧱 stack: frontend Related to the Nuxt frontend labels Mar 23, 2023
@sarayourfriend sarayourfriend self-assigned this Mar 30, 2023
dhruvkb pushed a commit that referenced this issue Apr 14, 2023
@AetherUnbound
Remove API & Frontend repos from PR reminder check (#1010)
2920116
@sarayourfriend sarayourfriend mentioned this issue Apr 27, 2023
Merged
6 tasks
@zackkrida zackkrida moved this from 📋 Backlog to 🏗 In progress in Openverse Backlog May 16, 2023
@github-project-automation github-project-automation bot moved this from 🏗 In progress to ✅ Done in Openverse Backlog May 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@sarayourfriend sarayourfriend

Labels
♿️ aspect: a11y Concerns related to the project's accessibility 🛠 goal: fix Bug fix 🟧 priority: high Stalls work on the project or its dependents 🧱 stack: frontend Related to the Nuxt frontend
Projects
Openverse Backlog
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add media type context to start of result link titles WordPress/openverse
1 participant
@sarayourfriend