WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Inputs that are Numbers only like Phone zipcode

for

From: Sailesh Panchang
Date: Aug 14, 2014 12:43PM

Try aria-invalid if form's label is clear like the field for PIN on
http://mars.dequecloud.com/demo/form-alert3.htm
This page also demonstrates a couple of other methods.
Hope this helps.
Regards,
Sailesh


On 8/14/14, Jukka K. Korpela < <EMAIL REMOVED> > wrote:
> 2014-08-14 20:34, Nancy Johnson wrote:
>
>> If the field is restricted to numbers only like a phone or zip code.
>> From the Accessibility perspective is it better to add a warning in
>> the form of label or client-side validation?
>>
>> Currently the engineers are restricting the field but no warning
>
> I think the important things are:
>
> Does the text before the field (possibly including its label) clearly
> state what is expected?
>
> How well does it deal with different types of input? In particular, a
> phone input field should accept any spaces and some punctuation and
> ignore it, not require it.
>
> How does the page behave when the requirements are not met?
>
> A label should never carry a warning. It should say what is expected,
> not what errors may have occurred.
>
> For a phone number, I would primarily use <input type=tel ...> and
> possibly use JavaScript checks to check the number.
>
> For a zip code, I would use <input pattern="...">, possibly using
> JavaScript to check the input on old browsers.
>
> Yucca
>
>
>
>
> > > >