Portfolio Step 12: A Contact Form People Can Use

Build the contact page form properly. Every control gets its own label connected by for and id, and every input gets the most specific type available. Group any radio buttons in a fieldset with a legend. Style the focus state deliberately rather than removing it, using focus-visible so it appears for keyboard users. Then unplug your mouse and complete your own form using only the Tab key and Enter. If you ever lose track of where you are on the page, your focus styles are not finished.