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

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

Merged
merged 6 commits into from
Sep 23, 2019

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