Desktop design

Mobile design

Contact form

/fieldset><fieldset aria-required="true"><legen

ontainer"><label for="general enquiry" class="input-box"><input

nput-box"><input type="radio" name="query-type" id="general enquiry" value="general enquiry"><span>

n></label><label for="support request" class="input-box"><input

nput-box"><input type="radio" name="query-type" id="support request" value="support request">Suppor

n></label><input class="input-box" type="text" id="first-name" name="first-name" autocomplete="given-name" aria-invalid="false" aria-describedby="first-name-err" required="" value=""></div>

n></label><input class="input-box" type="text" id="last-name" name="last-name" autocomplete="family-name" aria-invalid="false" aria-describedby="last-name-err" required="" value=""></div>

n></label><input class="input-box" type="email" id="email" name="email" autocomplete="email" aria-invalid="false" aria-describedby="email-err" required="" value=""></div>

ed="true"><legend class="label" aria-describedby="query-type-err">Query

n></label><textarea class="input-box" id="message" name="mesage" aria-invalid="false" aria-describedby="textarea-err" required=""></text

ontainer"><input type="checkbox" id="consent" name="consent" aria-describedby="consent-err"><label

Design comparison

Please log in to post a comment

Community feedback

Very accessible form.

Design comparison

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community