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/35860: Adds missing aria-label and tabindex HTML attributes to the Help tip element. #37808

Merged
merged 3 commits into from Apr 19, 2023

Conversation

Sidsector9
Copy link
Member

@Sidsector9 Sidsector9 commented Apr 19, 2023

Submission Review Guidelines:

Changes proposed in this Pull Request:

Adds missing aria-label and tabindex HTML attributes to the Help tip element.

Closes #35860

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

  1. Go to Products > Add New (/wp-admin/post-new.php?post_type=product)
  2. Search for the class .woocommerce-help-tip on the product edit page using Inspector tool on the trunk branch.
  3. Observe that some matched elements don't have aria-label and tabindex attribute set.
  4. Switch to the fix branch and repeat step (1)
  5. Observe matched elements have missing attributes from step (2)
  6. Enable screen reader such as VoiceOver
  7. Confirm you can navigate to help tip elements using the keyboard and the screen reader can read the text.

Screenshot 2023-04-19 at 15 18 54
Screenshot 2023-04-19 at 15 23 21

@github-actions github-actions bot added plugin: woocommerce Issues related to the WooCommerce Core plugin. type: community contribution labels Apr 19, 2023
@woocommercebot woocommercebot requested review from a team and coreymckrill and removed request for a team April 19, 2023 05:33
@Sidsector9 Sidsector9 changed the title fix/35860: fix/35860: Adds missing aria-label and tabindex HTML attributes to the Help tip element. Apr 19, 2023
Copy link
Member

@chihsuan chihsuan left a comment

Choose a reason for hiding this comment

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

Thanks for the fix! 👍

Except for the one in the comment, I confirmed the others are visible to screen readers now.

Screenshot 2023-04-19 at 15 18 54

Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Copy link
Member

@chihsuan chihsuan left a comment

Choose a reason for hiding this comment

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

LGTM and tested well!

I'll wait for @coreymckrill to take a look and merge it.

@codecov
Copy link

codecov bot commented Apr 19, 2023

Codecov Report

Merging #37808 (410490e) into trunk (e8fcfbb) will decrease coverage by 0.0%.
The diff coverage is 100.0%.

Additional details and impacted files

Impacted file tree graph

@@            Coverage Diff             @@
##             trunk   #37808     +/-   ##
==========================================
- Coverage     51.5%    51.5%   -0.0%     
- Complexity   17261    17280     +19     
==========================================
  Files          429      430      +1     
  Lines        79957    80026     +69     
==========================================
  Hits         41215    41215             
- Misses       38742    38811     +69     
Impacted Files Coverage Δ
plugins/woocommerce/includes/wc-core-functions.php 63.6% <100.0%> (ø)

... and 3 files with indirect coverage changes

Copy link
Collaborator

@coreymckrill coreymckrill left a comment

Choose a reason for hiding this comment

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

Nice work @Sidsector9!

@coreymckrill coreymckrill merged commit c772d8a into woocommerce:trunk Apr 19, 2023
19 of 21 checks passed
@github-actions github-actions bot added this to the 7.8.0 milestone Apr 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Enhancement]: Add aria-label to wc_help_tip
4 participants