Skip to content
This repository was archived by the owner on Mar 4, 2020. It is now read-only.

fix(tooltip): Make tooltip visible for screen reader #1942

Merged
kolaps33 merged 6 commits intomasterfrom
mituron/tooltip-fix-aria-narration
Sep 23, 2019
Merged

fix(tooltip): Make tooltip visible for screen reader #1942
kolaps33 merged 6 commits intomasterfrom
mituron/tooltip-fix-aria-narration

Conversation

@kolaps33
Copy link
Collaborator

We hit the scenario that tooltip was not narrated, when was not visible in UI.
Exact usage is, when tooltip is referenced in "aria-labelledby" of the other element.

Solution which could work(at least for screen reader) is hide the tooltip element with opacity: 0

@codecov
Copy link

codecov bot commented Sep 17, 2019

Codecov Report

Merging #1942 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master    #1942   +/-   ##
=======================================
  Coverage   70.31%   70.31%           
=======================================
  Files         894      894           
  Lines        7895     7895           
  Branches     2287     2287           
=======================================
  Hits         5551     5551           
  Misses       2331     2331           
  Partials       13       13
Impacted Files Coverage Δ
...c/themes/teams/components/Tooltip/tooltipStyles.ts 25% <ø> (ø) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3e5e13b...3d5eb2a. Read the comment docs.

Copy link
Member

@layershifter layershifter left a comment

Choose a reason for hiding this comment

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

Please add an entry to changelog. Change is related to Teams theme.

@layershifter layershifter added the 🧰 fix Introduces fix for broken behavior. label Sep 19, 2019
@vercel vercel bot temporarily deployed to staging September 23, 2019 10:00 Inactive
@kolaps33 kolaps33 merged commit 8295ce9 into master Sep 23, 2019
@kolaps33 kolaps33 deleted the mituron/tooltip-fix-aria-narration branch September 23, 2019 10:27
layershifter pushed a commit that referenced this pull request Sep 26, 2019
layershifter pushed a commit that referenced this pull request Sep 26, 2019
layershifter added a commit that referenced this pull request Sep 26, 2019
* perf(renderComponent): avoid multiple style function calls (#1957)

(cherry picked from commit 267a8bc)

* fix(tooltip): Make tooltip visible for screen reader  (#1942)

(cherry picked from commit 8295ce9)

* docs: add version header to CHANGELOG

* docs: changelog fix header comment

* docs: update changelog
layershifter pushed a commit that referenced this pull request Oct 1, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

🧰 fix Introduces fix for broken behavior. 🚀 ready for review

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants