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

Fix: update aria labels on H5P listing page #1301

Merged
merged 3 commits into from
Jan 6, 2025

Conversation

SteelWagstaff
Copy link
Member

@SteelWagstaff SteelWagstaff commented Jan 3, 2025

Change aria-label to match button text on h5p-listing page and toggle label when state changes. Fix for #1302.

To test:

  1. Visit the H5P listing page
  2. Observe that the aria-labels for all buttons matches the displayed text
  3. Toggle all available buttons
  4. Observe that the displayed text and the aria-labels change together

@SteelWagstaff SteelWagstaff changed the title Fix/improve h5p listing page Fix: update aria labels on H5P listing page Jan 3, 2025
@@ -40,7 +40,6 @@ body:not(.home) #content h2.denied-title {

#content p.h5p-count {
font-family: $font-family-sans-serif;
text-align: center;
Copy link
Member Author

Choose a reason for hiding this comment

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

Removed center text alignment for aesthetics and so the text positioning doesn't change when the button text toggles.

@SteelWagstaff SteelWagstaff requested a review from arzola January 3, 2025 21:44
@arzola arzola requested review from cmurtagh and removed request for arzola January 6, 2025 19:14
@cmurtagh cmurtagh merged commit a63d81e into dev Jan 6, 2025
4 checks passed
Copy link

sentry-io bot commented Jan 6, 2025

Suspect Issues

This pull request was deployed and Sentry observed the following issues:

  • ‼️ SyntaxError: Failed to execute 'querySelector' on 'Document': '#:%7E:text=%E2%80%9CHollis%20Brown%E2%80%9D%20i... Object.init(app/themes/pressbooks-book/dist/scr... View Issue
  • ‼️ SyntaxError: Failed to execute 'querySelector' on 'Document': '#eq:compaction-duwA' is not a valid selector. Object.init(app/themes/pressbooks-book/dist/scr... View Issue
  • ‼️ SyntaxError: The string did not match the expected pattern. init(app/themes/pressbooks-book/dist/scripts/book) View Issue
  • ‼️ SyntaxError: Failed to execute 'querySelector' on 'Document': '#fg:compaction-compaction' is not a valid selec... Object.init(app/themes/pressbooks-book/dist/scr... View Issue
  • ‼️ SyntaxError: Failed to execute 'querySelector' on 'Document': '#Repeatedly%20Activating%20Your%20Neurons' is n... Object.init(app/themes/pressbooks-book/dist/scr... View Issue

Did you find this useful? React with a 👍 or 👎

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