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

'Form element has explicit <label> that is hidden' issue when using standard CSS hiding methods #1372

Closed
fredboyle opened this issue Feb 16, 2019 · 1 comment
Labels
fix Bug fixes rules Issue or false result from an axe-core rule

Comments

@fredboyle
Copy link

Sample markup and CSS can be found at: https://gist.github.com/fredboyle/66091c37f2d2231930b8f19a51058bd6

assistive-text.css includes only the CSS selector and rules that appear to be the root cause.
Removing clip and margin: -1px resolves nearly all of our aXe test failures but that is likely due to the fact that the label is now detectable as visible.

Expectation:
Check/test to pass.

Actual:
Check/test fails with error 'Form element has explicit that is hidden'.

Motivation:
False positive.


axe-core version: 3.1.2
axe-webdriverjs: 2.1.0

Browser and Assistive Technology versions

For Tooling issues:
- Node version: 8.9.4
- Platform:  Mac
@WilcoFiers
Copy link
Contributor

Hey Fred. Thank you for reporting. This is a known issue. A fix for this is already in the prerelease. It will be included in axe-core 3.2, which should be available in a few weeks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
fix Bug fixes rules Issue or false result from an axe-core rule
Projects
None yet
Development

No branches or pull requests

2 participants