E-mail List Archives
Thread: Standard form button action?
Number of posts in this thread: 4 (In chronological order)
From: Preast, Vanessa
Date: Fri, Aug 25 2017 8:18AM
Subject: Standard form button action?
No previous message | Next message →
I'm evaluating a form that has a submit button and a file upload button.
Using keyboard in Chrome...
I can activate the buttons with spacebar but not enter key. Is this normal? Is this OK?
Also, the submit button remains unselectable/unfocusable with keyboard until certain required fields are completed. Is this OK?
Thanks,
Vanessa
From: Ben Regis
Date: Fri, Aug 25 2017 10:16AM
Subject: Re: Standard form button action?
← Previous message | Next message →
Hi Vanessa
Buttons normally work with the enter key as well. I assume a native HTML <button> isn't being used and an event handler for the enter key hasn't been added. More information on this page - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_button_role
With submit button being un-selectable - can it be clicked with a mouse?
Kind regards
Ben
-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Preast, Vanessa
Sent: 25 August 2017 15:19
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: [WebAIM] Standard form button action?
I'm evaluating a form that has a submit button and a file upload button.
Using keyboard in Chrome...
I can activate the buttons with spacebar but not enter key. Is this normal? Is this OK?
Also, the submit button remains unselectable/unfocusable with keyboard until certain required fields are completed. Is this OK?
Thanks,
Vanessa
From: Ryan E. Benson
Date: Fri, Aug 25 2017 12:58PM
Subject: Re: Standard form button action?
← Previous message | Next message →
I would check if the form tag is used. A long time ago, if the submit was
outside of the closing tag, you couldn't submit it via the keyboard
Ryan E. Benson
On Aug 25, 2017 10:19, "Preast, Vanessa" < = EMAIL ADDRESS REMOVED = > wrote:
> I'm evaluating a form that has a submit button and a file upload button.
>
> Using keyboard in Chrome...
>
> I can activate the buttons with spacebar but not enter key. Is this
> normal? Is this OK?
>
> Also, the submit button remains unselectable/unfocusable with keyboard
> until certain required fields are completed. Is this OK?
>
> Thanks,
> Vanessa
> > > > >
From: Birkir R. Gunnarsson
Date: Fri, Aug 25 2017 1:16PM
Subject: Re: Standard form button action?
← Previous message | No next message
How is the button coded? If it is a native HTML button (<button> or
<input type="submit"> or <input type="button"> I imagine it is a
Chrome bug (feature) if it only works with the spacebar.
The expected keyboard interaction is that you can activate it with
either enter or spacebar.
Last time I did a keyboard activation test in all the major browsers
it worked like that, bu that test was almost a year ago now and
updates do not always bring better accessibility.
If it is a custom button, enter key activation must be added.
If the submit button is actually disabled (grayed ou and does not work
with mouse), it does not have to be focusable.
<button disabled>Sign up<button>
On 8/25/17, Ryan E. Benson < = EMAIL ADDRESS REMOVED = > wrote:
> I would check if the form tag is used. A long time ago, if the submit was
> outside of the closing tag, you couldn't submit it via the keyboard
>
> Ryan E. Benson
>
> On Aug 25, 2017 10:19, "Preast, Vanessa" < = EMAIL ADDRESS REMOVED = > wrote:
>
>> I'm evaluating a form that has a submit button and a file upload button.
>>
>> Using keyboard in Chrome...
>>
>> I can activate the buttons with spacebar but not enter key. Is this
>> normal? Is this OK?
>>
>> Also, the submit button remains unselectable/unfocusable with keyboard
>> until certain required fields are completed. Is this OK?
>>
>> Thanks,
>> Vanessa
>> >> >> >> >>
> > > > >
--
Work hard. Have fun. Make history.