Submit to Gatsby

[raae]

No description provided.

[olavea]

how to Submit sillysitechallenge to Gatsby

How are submissions judged?

The Gatsby team will judge sites based on

• creativity,
• accessibility,
• performance (as measured by Lighthouse scores) and
• overall fun-ness.
• Sites must be built with Gatsby.
• Any submissions that violate the Code of Conduct will be disqualified.

Accessibility

I did an accessibility review with the Wave Chrome extension:
https://wave.webaim.org/extension/

What do you suggest we do @raae ?

Performance

I did a performance review with Lighthouse
We got 77%

Metrics

1. First Contentful Paint 1.7 s
2. Speed Index 1.7 s
3. Largest Contentful Paint 4.1 s
4. Time to Interactive 7.0 s
5. Total Blocking Time 310 ms
6. Cumulative Layout Shift 0.021

What do you suggest we do @raae ?

Opportunities

These suggestions can help your page load faster. They don't directly affect the Performance score.

• Remove unused JavaScript (2.72 s Estimated Savings)
• Minify JavaScript (1.95 s Estimated Savings)
• Avoid serving legacy JavaScript to modern browsers

Read more:
https://www.gatsbyjs.com/silly-site-challenge-faq/

[raae]

accessibility

The only thing one can really do on the page is click to play and navigate to "about". If I use my tab I cannot select the svg as its not a button. But one should be able to tab there and then hit play by hitting enter. A possible solution is to wrap it in a theme-ui button, but you have to fix some styling. Should be doable.

performance

I think its is mostly because we import the audio and they are probably quite big. Would be better to source link to them. But not to concerned about that.