Semantic and Accessible Contact Form Using BEM, SCSS, TypeScript.

What are you most proud of, and what would you do differently next time?

This project is built with remarkable attention to:

• Project arcitecture
• Meta data, including OpenGraph and TwitterCard
• Semantic HTML elements
• Accessibility using aria attributes
• Well documented code
• Separation of concerns, splitting SCSS into different partials and TypeScript into different modules

What specific areas of your project would you like help with?

Lighthouse says that setting aria-required="true" on a fieldset, containing multiple radio inputs is invalid, but how would I let the browser know that selecting at least one of the radio buttons inside that fieldset is actually required for the form to be submitted?