Performance and Accessibility Review of the Tulsi Gabbard 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 for tulsi2020.com

tulsi2020.com

Google Lighthouse

Lighthouse scores for tulsi2020.com

Performance: 40 out of 100

11.2 seconds Time to interactive is a very slow response. The largest performance impact comes form the sheer number of trackers and analytic tags loaded synchronously in the head of the document.

Accessibility: 83 out of 100

  • The visual tabindex order is a little different than left to right, top to bottom, but everything has a :focus state and wayfinding via tab is pretty easy.
  • [accesskey] values are not unique
  • Contrast issues for users with color vision deficiencies.

Best Practices: 79 out of 100

Lo-Dash@2.4.1 contains vulnerabilities.

timing.js is logging errors to the console:

timing.js:38 Timer 'Form' does not exist
timing.js:38 Timer 'Downloading' does not exist

SEO: 100 out of 100

I was only able to find this website through this banner on her congressional focused votetulsi.com domain.

Network

  • HTTPS: yes
  • 87 Requests
  • 4.1 MB resources
  • Largest asset is the 374 KB base.js used by the youtube video player embeds.

Platform

  • Drupal, custom theme.

Notes

This is the first candidate site running on Drupal I’ve come across, and the first with a primarily red color theme. Make of that what you will.

Found a simple message buried in the view source for researchers like me:

<!--
  Aloha, internet friend, from all of us @ TULSI2020.com.
-->