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

fix(Icon): added aria-hidden attribute to icon #1002

Merged
merged 1 commit into from
Dec 10, 2016

Conversation

fracmak
Copy link
Member

@fracmak fracmak commented Dec 7, 2016

Icons are primary for decoration or visual style and should be hidden from screen readers. Additional markup can be added to allow screen readers to read the icons if necessary, but by default all icons should be hidden.

Documentation: http://fontawesome.io/accessibility/

const wrapper = shallow(<Icon />)

wrapper.should.have.tagName('i')
wrapper.should.have.prop('aria-hidden', 'true')
Copy link
Member

Choose a reason for hiding this comment

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

Same comment here, let's pull these assertions into their own it() block.

Copy link
Member Author

Choose a reason for hiding this comment

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

updated

@fracmak fracmak force-pushed the a11y-icon branch 2 times, most recently from 92a6f57 to e521bdf Compare December 8, 2016 06:04
@levithomason
Copy link
Member

Again, will manually test and release this later.

@levithomason levithomason merged commit 7e1b926 into Semantic-Org:master Dec 10, 2016
@levithomason
Copy link
Member

Releasing now as semantic-ui-react@0.62.1.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants