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

Toolbar Example: Add missing tooltips for issue 986 #1069

Merged
merged 21 commits into from
Jul 11, 2019

Conversation

jongund
Copy link
Contributor

@jongund jongund commented Jul 5, 2019

Resolves issue #986 by adding "popup labels" (i.e. tooltips) that comply with WCAG 1.4.13 Content on Hover or Focus (AA) requirements.

Preview link

toolbar with WCAG 1.4.13 compliant popup labels

@mcking65 mcking65 requested review from spectranaut and charmarkk July 5, 2019 23:42
@mcking65 mcking65 self-assigned this Jul 5, 2019
@mcking65 mcking65 changed the title Issue986 toolbar button tooltips Toolbar Example: Add missing tooltips for issue 986 Jul 6, 2019
mcking65 added 5 commits July 5, 2019 17:43
@spectranaut, this row had data-test-id="toolbar-button-aria-label".
There are no longer aria-labels on these elements; they are now labeled by content.
If this was a test that was getting run, it will now fail and should be removed.
Deleting this row because we do not document or test implicit ARIA roles.
…ibing use of title attribute that is no longer included in the example.
Copy link
Contributor

@mcking65 mcking65 left a comment

Choose a reason for hiding this comment

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

I pushed several changes, and it now looks good to me.
However, two of the changes I pushed modified or removed data-test-id values.
So, this needs further review by @spectranaut.

@mcking65
Copy link
Contributor

mcking65 commented Jul 6, 2019

@jongund, @spectranaut can help resolve the remaining linting and testing issues with this PR.

Copy link
Contributor

@mcking65 mcking65 left a comment

Choose a reason for hiding this comment

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

@jongund, thank you; this is looking really good.

We also have sufficient feedback in issue #986 to consider this set of changes adequately reviewed. So, merging.

@mcking65 mcking65 merged commit 19f3cdf into master Jul 11, 2019
@mcking65 mcking65 deleted the issue986-toolbar-button-tooltips branch July 11, 2019 00:28
michael-n-cooper pushed a commit that referenced this pull request Jul 11, 2019
Toolbar Example: Add missing tooltips for issue 986 (pull #1069)

To resolve issue #986, changes the toolbar example so that icons have labels that popup on hover or focus.
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