Hey everyone! I'm in the process of optimizing a minimalist site but have hit a snag trying to get my mobile Accessibility score from 96% to 100%. My desktop score is perfect across the board. Here are my current stats for mobile: Performance: 100, Accessibility: 96, Best Practices: 100, SEO: 100. I've tried a few fixes, like ensuring proper contrast (white links on black background), using semantic HTML elements, adding aria-labels for legal links, and setting aria-hidden for decorative items. Despite these efforts, PageSpeed Insights still shows me at 96% without any specific red flags. I've even removed all heavy plugins to cut back on bloat. My footer's HTML looks good, but I'm wondering if there are some 'silent' accessibility issues going on that aren't triggering any error messages. Could missing attributes like lang on the html tag be a factor? Are tap targets too small with a font-size of 14px? Also, does using !important in inline styles hurt accessibility scores? I'm really aiming for that perfect 4x100 for the challenge and would appreciate any advice from accessibility experts!
1 Answer
Honestly, chasing 100% on Lighthouse can feel a bit like chasing shadows—those accessibility tests aren’t the best. You might want to try using tools like Axe or Wave. They tend to give more useful results. Lighthouse can sometimes give a false sense of security, so using additional plugins might help you get a clearer picture of your site’s accessibility.
Yeah, I totally agree! Lighthouse is great for checking the basics, but it’s less reliable for the finer details. I've found that after getting a solid score there, it’s best to run a couple of manual tests with tools like Axe to catch the more nuanced issues.