Accessibility, SEO, and performance

• Using HTML sections and outlines: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines
• Alt Text: https://moz.com/learn/seo/alt-text
• Add rel="noopener" or rel="noreferrer" to any external links to improve performance and prevent security vulnerabilities.
• Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users.If an image is being linked, use the aria-label='label name' property on the element.
• Use labels for all input elements.
• Use webp images instead of png.
• Eliminate Render-Blocking Resources such as the ones caused from Google Fonts: Source: https://stackoverflow.com/questions/45983301/google-pagespeed-eliminate-render-blocking-resources-above-the-fold-caused-fro

<link
    rel="preload"
    href="https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap"
    as="style"
    onload="this.onload=null;this.rel='stylesheet'"
/>
<noscript>
    <link
        href="https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap"
        rel="stylesheet"
        type="text/css"
    />
</noscript>