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 WAI-ARIA attributes to make the web interface more accessible #382

Merged
merged 1 commit into from
Jan 6, 2023

Conversation

jmdaweb
Copy link
Contributor

@jmdaweb jmdaweb commented Jan 6, 2023

The following changes will improve experience for screen reader users:

  • Alt attribute content has been removed on application logo. Now, the alt attribute is empty, marking the image as decorative. The link is descriptive enough with its current text content.
  • Several items, such as some buttons and links, have been labelled using aria-label.
  • In other input fields, such as source and target language combo boxes, an id has been added to their above span elements. This id is used in a new aria-labelledby attribute.
  • Aria-hidden attribute has been added to some items.

Note that there are more clean and native techniques to improve accessibility without ARIA, but I'm blind and I'm sure ARIA won't have a visual impact that I won't be able to test.

@pierotofy
Copy link
Member

Thanks @jmdaweb 🙏 this looks great!

@pierotofy pierotofy merged commit bdbf50f into LibreTranslate:main Jan 6, 2023
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.

None yet

2 participants