A little bit of information about my website. Created August 2020 (a quarantine project).
This website strives to meet the Web Content Accessibility Guidelines 2.1 at Level AA. These guidelines explain how to make web content accessible for everyone, including people with disabilities. If you have any feedback or would like to report an issue, please send me an email: firstname.lastname@example.org
Built with Gatsby
I chose Gatsby for many reasons including speed, performance, availability of plugins, and accessibility. How often do you see a Lighthouse score like this? 🤯
Lighthouse report based on desktop, generated August 18, 2020.
Gatsby and accessibility
Out of the box, Gatsby includes: accessible routing, a linting tool that highlights accessibility issues with your code, and renders static HTML (progressive enhancement). For more information, check out: Gatsby's Making your site accessible.
Where to start?
This was my very first Gatsby build, as well as my first time dabbling with React. I dove straight into Gatsby without learning React, which probably wasn't the greatest idea - but hey, we're live. I used the following resources to learn and get started:
- Started off with the really well-written Gatsby.js docs.
- As a foundation for my site, I used the Gatsby Default Starter.
- I had difficulties with the Gatsby image plugin and GraphQL until I found this great tutorial: How to use images in Gatsby.
Tools of the trade
Made on a Macbook (12-inch, Early 2016) running macOS Catalina.