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

How do Lighthouse scores relate to WCAG 2.1 #9507

Closed
Aprahanti1969 opened this issue Aug 5, 2019 · 2 comments
Closed

How do Lighthouse scores relate to WCAG 2.1 #9507

Aprahanti1969 opened this issue Aug 5, 2019 · 2 comments

Comments

@Aprahanti1969
Copy link

Hi,

I'm running an accessibility audit of our intranet using the Lighthouse tool in order to comply with legislation which comes into force in the UK in September. This states that all public sector websites (internal and external) must comply with WCAG 2.1 Level AA accessibility guidelines.

The Lighthouse tool is great and we're getting good scores, but I am not clear on how the scores relate to WCAG 2.1 Level AA.

Your advice would be much appreciated.

Thanks,

Nordin Zaoui

@patrickhulce
Copy link
Collaborator

Thanks for filing @Aprahanti1969!

tl;dr - Lighthouse covers much, but not all of WCAG 2.1 Level AA requirements and there are things you'll need to check manually.

Lighthouse runs all the wcag2a and wcag2aa tagged rules in axe-core with a few exceptions.

return window.axe.run(document, {
elementRef: true,
runOnly: {
type: 'tag',
values: [
'wcag2a',
'wcag2aa',
],
},
resultTypes: ['violations', 'inapplicable'],
rules: {
'tabindex': {enabled: true},
'accesskeys': {enabled: true},
'table-fake-caption': {enabled: false},
'td-has-header': {enabled: false},
'marquee': {enabled: false},
'area-alt': {enabled: false},
'aria-dpub-role-fallback': {enabled: false},
'aria-hidden-body': {enabled: false},
'duplicate-id-active': {enabled: false},
'duplicate-id-aria': {enabled: false},
'html-xml-lang-mismatch': {enabled: false},
'blink': {enabled: false},
'server-side-image-map': {enabled: false},
'aria-hidden-focus': {enabled: false},
'form-field-multiple-labels': {enabled: false},
'aria-input-field-name': {enabled: false},
'aria-toggle-field-name': {enabled: false},

axe-core can't fully automate WCAG 2.1 checks though, so there are still going to be some things you need to check. I'd still refer to the w3 checklists for final compliance.

@Aprahanti1969
Copy link
Author

Aprahanti1969 commented Aug 6, 2019 via email

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

No branches or pull requests

3 participants