I built this little component to hide text that isn't important when you have the whole screen visible for context, but for anyone using a screen reader that hidden content can be invaluable.
import styled from 'styled-components';
const Hide = styled.span.attrs({
"aria-hidden": true
})`
display: none;
`;
So if you have a Shop Now button, you can make that a lot more accessible.
Shop <Hide>our {category.name} collection</Hide> now
For further actions, you may consider blocking this person and/or reporting abuse
Being a modern React developer is not about knowing just React itself. To stay competitive, it is highly recommended to explore the whole ecosystem. This article contains some of the most useful React component libraries to speed up your developer workflow.
Mohamed Elgazzar -
Michael Tharrington -
Rashid Shamloo -
Lorenzo Zarantonello -
Once suspended, jacobmparis will not be able to comment or publish posts until their suspension is removed.
Once unsuspended, jacobmparis will be able to comment and publish posts again.
Once unpublished, all posts by jacobmparis will become hidden and only accessible to themselves.
If jacobmparis is not suspended, they can still re-publish their posts from their dashboard.
Once unpublished, this post will become invisible to the public and only accessible to Jacob Paris.
They can still re-publish the post if they are not suspended.
Thanks for keeping DEV Community safe. Here is what you can do to flag jacobmparis:
Unflagging jacobmparis will restore default visibility to their posts.
Latest comments (1)
Would content wrapped inside
<Hide>won't be visible to users but screen readers will be able to read it? Or is it the other way around?(Kind of confused as
aria-hiddenis also set totrue)