Skip to content

Conversation

@seanforyou23
Copy link
Contributor

@seanforyou23 seanforyou23 commented Oct 5, 2018

fix #603

What: Adding automated accessibility checks for PF3 react components

Additional issues: #603

Is this the best place to install react-axe?

Here are some screenshots that shows what interacting with the tool looks like.

screen shot 2018-10-05 at 9 09 46 am

screen shot 2018-10-05 at 9 10 35 am

@patternfly-build
Copy link
Collaborator

PatternFly-React preview: https://712-pr-patternfly-react-patternfly.surge.sh

@coveralls
Copy link

coveralls commented Oct 5, 2018

Pull Request Test Coverage Report for Build 2400

  • 0 of 0 changed or added relevant lines in 0 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage increased (+0.02%) to 79.58%

Totals Coverage Status
Change from base Build 2365: 0.02%
Covered Lines: 3158
Relevant Lines: 3707

💛 - Coveralls

const axe = require('react-axe'); // eslint-disable-line global-require
axe(React, ReactDOM, 1000);
}

Copy link
Member

Choose a reason for hiding this comment

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

I'm not sure about adding this here as it could get included by consumers. What about adding it only to storybook in https://github.com/patternfly/patternfly-react/blob/master/storybook/config.js ?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Ah good call, should have thought of that :)

@dgutride dgutride merged commit a6458a0 into patternfly:master Oct 5, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Enable axe tooling

6 participants