Performance and Accessibility Review of the Amy Klobuchar 2020 Campaign Website

This is one in a series of posts that will look at the performance and #a11y metrics of the websites for the currently declared 2020 Democratic presidential candidates. Yeah, all of them! For more background on what I’m doing and how I’m doing it check read this.

Homepage of amyklobuchar.com

amyklobuchar.com

Google Lighthouse

Lighthouse scores for amyklobuchar.com

Performance: 87 out of 100

2 seconds to content paint isn’t bad at all. There is one png that could be optimized with a better format like webp.

Accessibility: 47 out of 100

There are quite a few problems that should be addressed.

  • The green text on blue background doesn’t provide enough contrast.
  • Several images contain no alt attribute to describe them.
  • Labels for form inputs contain nothing but an icon, so they remain unusable by people who use assistive technology.
  • Social links contain no descriptive text.
  • Tabbing through the page reveals there are very subtle, if any, :focus styles on interactive elements.

Best Practices: 79 out of 100

Like other candidate’s sites, this one suffers from the common problem of not using rel=”noopener” on links that may open in a new tab or window, which can be a security risk.

Quite an old version of jQuery is being served: 1.9.1

SEO: 100 out of 100

No issues.

Network

  • HTTPS: yes
  • 40 Requests
  • 3.2 MB resources
  • Largest asset is a 597 KB png.

Platform

  • WordPress, Scotchpress theme.

Notes

Scotch Digital, the company behind the theme, puts this ridiculously long comment in the head of the document. This is the first bit of ASCII art or easter egg I’ve come across when viewing the code of a site. While they can be fun, I really don’t see the point of this massive amount of pointless HTML being served up, with no message whatsoever. Maybe it’s a code I’m just not smart enough to get. 🙄 That’s one problem with using an off the shelf design, you inherit all the bad code choices someone else made.

<!--
     😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::;tttt;::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::L@@@@L::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    ::::::::::::::::::t8@@@@8t::::::::::::::::::::::::::;::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::i0@@@@@@81:::::::::itLCCCCCCL::ifCG00GCt;::;tCG00GCt;:::1LCCCCCCCCLt1:;tLCCCCCf;::::::
    ::::::::::::::::;C1C@@@@@@G;::::::::::;G@@@@@0iLGCG8@@@@@GifGCG0@@@@@0i:::;C@@@@@@8i:::::iG@@0t;:::::::
    ::::::::::::::::Lt:;0@@@@@@C:::::::::::L@@@@@8Ct;::18@@@@@Gt;::i0@@@@@L:::::L@@@@@8t::::::t@C;:::::::::
    :::::::::::::::tf:::i8@@@@@@f::::::::::L@@@@@81::::;0@@@@@L:::::G@@@@@C:::::;C@@@@@8t:::::fL:::::::::::
    ::::::::::::::1L;::::t8@@@@@81:::::::::L@@@@@0;::::;0@@@@@f:::::G@@@@@C::::::;C@@@@@8t:::if::::::::::::
    :::::::::::::iG1;;;;;;L@@@@@@0i::::::::L@@@@@0;::::;0@@@@@f:::::G@@@@@C:::::::;C@@@@@8t:iL;::::::::::::
    ::::::::::::10C11111111C@@@@@@C;:::::::L@@@@@0;::::;0@@@@@f:::::G@@@@@C::::::::;C@@@@@8fLi:::::::::::::
    :::::::::::f8@f::::::::;0@@@@@@L:::::::L@@@@@0;::::;0@@@@@f:::::G@@@@@C:::::::::;C@@@@@0i::::::::::::::
    ::::::::;tG@@@01;:::::::L@@@@@@@Li::::;G@@@@@0;::::i8@@@@@L::::;0@@@@@0i:::::::::;C@@@8t:::::::::::::::
    ::::::;tLCGGGGGCLt1;:itfCGGGGGGGGCf11tLGGGGGGGf1::1fGGGGGGCti:1fCGGGGGGLti:;1fLf::;C@@f::::::::::::::::
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::iG8@@C:::;GL:::::::::::::::::
    ::::::::::::::::::::::::::::::::::::::for AMERICA!::::::::::::::::::::::::t@@@@G;::if;:::::::::::::::::
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;fG088Ctt1;::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::;;;;;:::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
     😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎

    Site made with love by Scotch Digital.
    -->