Hi All,
Say I have a SplitDateTimeField
in a form which I render in my template with form.as_p
. I’ll end up with HTML that looks like this.
<p>
<label for="id_default_form-datetime_field_0">Datetime field:</label>
<input type="text" name="default_form-datetime_field_0" value="2021-03-03" required="" id="id_default_form-datetime_field_0">
<input type="text" name="default_form-datetime_field_1" value="22:10:38" required="" id="id_default_form-datetime_field_1">
</p>
This layout will fail accessibility tests (e.g. wave, axe) as the second input does not have an associated label. I’d really appreciate any thoughts on how to approach this issue. My googling skills come up a long way short of pointing me in the right direction.