Accessibility
Skip-links:
https://www.voorhoede.nl/en/blog/why-skip-links-are-important-for-accessibility/
Complete Guide:
https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/
https://inclusive-components.design/
https://web.dev/website-navigation/ - Build website navigation that is accessible.
Typography / Fonts
What’s the right font size in web design?
The Step-by-Step Guide for Pairing Fonts
Google Fonts pairings Figma file
Modular Scale for typography design systems
Font subsetting - Subsetting is the process of removing characters from a font to reduce its file size.
Variable fonts - A simple resource for finding and trying variable fonts
fontsource.org - Self-host Open Source fonts in neatly bundled NPM packages.
e.g. https://unpkg.com/@fontsource/open-sans@4.5.11/index.css
Misc
Tool to display non-printable characters that may be hidden in copy and pasted strings.
Google Recaptcha or alternative hCaptcha