Google Lighthouse suggestions; what level of credence do you give them?

Site URL: https://www.serendaya.co.uk

I am in the process of rebuilding a website (our own actually) and as such it is a simply landing page at present whilst the rest is fleshed out. However I thought I'd do a lighthouse report on it anyway (in part to check the difference between a 'normal' and 'incognito' window to see what my Macbook is impacting).

Anyway despite a very simple page the 'Accessibility' score, whilst good, flags in improvements that the social links don't have any discernible names:

Hey @GreggP,

Lighthouse appears to be flagging the empty aria-labels on the social icons in your site footer. This has been a known issue on all Squarespace sites for quite some time.

For a blind person using a screen reader (software that audibly announces the contents of the page), the purpose of these linked icons would be unclear. One way to fix this would be to replace the icons with linked text, as is suggested by Squarespace's accessibility guide here:

That's a pretty lame solution though, so if you wanted to fix the existing icons, you could add correct aria-labels using custom code. Try adding this within Settings > Advanced > Code Injection > Footer Injection:

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>

<!-- Add aria-label Attributes to Social Icons -->
<script>
  $(document).ready(function() {
    $("a.linkedin-unauth").attr("aria-label", "LinkedIn");
    $("a.facebook-unauth").attr("aria-label", "Facebook");
    $("a.instagram-unauth").attr("aria-label", "Instagram");
  });
</script>

With this expected result:

If you're looking for further accessibility assistance, feel free to send me a DM or check out our resources at SquareADA.com. Our custom code is often able to minimize or entirely fix the issues identified by Lighthouse and other accessibility audit tools:

Hope this helps!
-Tyler