F80Fallo del criterio de conformidad 1.4.4 cuando los controles de formulario basados en texto no cambian de tamaño al ampliar el texto hasta el 200 %

Un formulario de contacto

Un formulario de contacto tiene cierta información introductoria y, a continuación, controles de formulario para que los usuarios introduzcan su nombre, apellidos, número de teléfono y dirección de correo electrónico. El encabezado, el texto introductorio y las etiquetas de los controles de formulario se han implementado de forma escalable, pero los propios controles de formulario no.

El componente HTML:

<h1>Contact Us</h1>
<p>Please provide us with your details and we will contact you as soon as we can.
   Note that all of the form fields are required.</p>
<div>
  <label for="fname">First Name</label>
  <input type="text" name="fname" id="fname">
</div>
<div>
  <label for="lname">Last Name</label>
  <input type="text" name="lname" id="lname">
</div>
<div>
  <label for="phone">Telephone</label>
  <input type="text" name="phone" id="phone">
</div>
<div>
  <label for="email">Email</label>
  <input type="text" name="email" id="email">
</div>  
<input type="submit" name="Submit" value="Submit" id="Submit">

El componente CSS:

h1 { font-size: 2em; }
p, label { font-size: 1em; }
input {font-size: 12pt;}