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

Add aria-label and grid header on test hover #152

Merged
merged 2 commits into from
Jun 1, 2024
Merged

Conversation

nekevss
Copy link
Member

@nekevss nekevss commented Apr 23, 2024

This is related to #148. Added the aria-label property so that it should display the title on hover. Tested on Firefox and Brave 😄

@nekevss nekevss requested a review from a team April 23, 2024 00:53
@nekevss nekevss mentioned this pull request Apr 23, 2024
7 tasks
Copy link
Member

@HalidOdat HalidOdat left a comment

Choose a reason for hiding this comment

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

Nice addition!

@HalidOdat HalidOdat added the enhancement New feature or request label Apr 23, 2024
@HalidOdat HalidOdat requested a review from a team April 23, 2024 10:55
@nekevss nekevss force-pushed the hover-test-name branch from 6de9e13 to c1b5104 Compare May 2, 2024 01:00
@jedel1043
Copy link
Member

Hmm, just wondering if this counts as misusing aria-label, since this is not using it for accessibility, but to implement a UX feature.

@nekevss
Copy link
Member Author

nekevss commented May 2, 2024

That was mostly the idea of adding the aria-label for hover was for the accessibility, and hopefully to make the test grid more accessibility friendly.

There's a couple other approaches that I can think of off the top of my head:

  1. Add a card component that disables on hover for the tests. I'm not entirely sure if that's any friendlier accessibility wise.
  2. Update the card header to include the test. I.e. Header: ArrayBuffer -> ArrayBuffer - name.js

@nekevss nekevss force-pushed the hover-test-name branch from c1b5104 to 5300706 Compare May 13, 2024 01:40
@nekevss nekevss requested a review from jedel1043 May 13, 2024 14:52
Copy link
Member

@jedel1043 jedel1043 left a comment

Choose a reason for hiding this comment

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

Liking the new test display on the header!

@jedel1043 jedel1043 changed the title Add aria-label for hover label Add aria-label and grid header for hover label Jun 1, 2024
@jedel1043 jedel1043 changed the title Add aria-label and grid header for hover label Add aria-label and grid header on hovering a test Jun 1, 2024
@jedel1043 jedel1043 changed the title Add aria-label and grid header on hovering a test Add aria-label and grid header on test hover Jun 1, 2024
@jedel1043 jedel1043 merged commit cb4262e into main Jun 1, 2024
1 check passed
@jedel1043 jedel1043 deleted the hover-test-name branch June 1, 2024 17:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants