Skip to content
This repository was archived by the owner on Jan 22, 2026. It is now read-only.

Conversation

@Osmose
Copy link
Contributor

@Osmose Osmose commented Jul 8, 2020

The Uptime Limits UI changes include showing buttons on the app dashboard on hover, replacing the date column contents. For accessibility we want the per-row buttons to always be available to screen readers as well.

React doesn't make it easy to sometimes wrap an element with another element (you have to have an extra variable containing either the wrapper or React.Fragment based on a variable). Adding a prop that can control whether the styles are actually applied or not seemed like a better solution.

@Osmose Osmose requested review from sarahzinger and sheridanvk July 8, 2020 00:02
Copy link
Contributor

@sarahzinger sarahzinger left a comment

Choose a reason for hiding this comment

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

Looks good to me :)

<CodeExample>{`<VisuallyHidden>hidden text</VisuallyHidden>`}</CodeExample>
<div>
<p>
This paragraph contains <VisuallyHidden>(Bruce Willis was dead the whole time)</VisuallyHidden> a secret message.
Copy link
Contributor

Choose a reason for hiding this comment

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

lol, nice

@Osmose Osmose merged commit 4efdb7f into master Jul 9, 2020
@Osmose Osmose deleted the visually-hidden-show branch July 9, 2020 17:09
@keithk
Copy link
Contributor

keithk commented Nov 10, 2020

🚀 PR was released in v0.19.0 🚀

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants