1

This URL got a zero score for the Accessibility audit section.

Here is the the Lighthouse Report

enter image description here

I wanted to know how find the locations at which this check failed because I cannot find a way to figure it out.

Thanks!

1
  • 2
    I have trouble with the red text on the gray terminal background (symbols) and the dark yellow text on the same background (comments). Try a different theme for the syntax highlighting and see if you can find one that has better contrast for everything. Jun 23 at 9:48
0

The problem seems to be with CSS overflow properties. Seems overflow property can hinder Lighthouse's ability to run Accessibility audit.

Reference: https://github.com/GoogleChrome/lighthouse/issues/11721

I saved your page as HTML on my local machine. When I tried the lighthouse audit for the page, I encountered the same error. I then created a copy of the page with all overflow properties removed from the source. Lighthouse was able to measure Accessibility now.

overflow removed page

Note: The report for the new page also shows the specific elements where you have to improve the contrast ratio.

4
  • Hi @Kannan - Thanks for the answer. I didn't find any element/css with overflow-x attribute.
    – Pallav Jha
    Jun 23 at 15:08
  • The page contains overflow properties in inline style. Please check the source. And, sorry, I removed overflow properties and not overflow-x.
    – Kannan
    Jun 23 at 15:23
  • And one more point: A question mark in accessibility (in your screenshot) denotes an error and not a zero score.
    – Kannan
    Jun 23 at 15:26
  • You were correct, the code blocks were very which made the experience poor. I've shortened the width of the code lines.
    – Pallav Jha
    Jun 23 at 16:28

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.