WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: <input type="submit"> vs <button> element

for

From: Pierre Hachey
Date: Dec 12, 2016 4:05PM

But really a submit button should be: input type =submit



Sent from my Samsung device


-------- Original message --------
From: Pierre Hachey < <EMAIL REMOVED> >
Date: 2016-12-12 6:03 PM (GMT-05:00)
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] vselement

It would actually be Aria-label="submit"

:)



Sent from my Samsung device


-------- Original message --------
From: "Moore,Michael (Accessibility) (HHSC)" < <EMAIL REMOVED> >
Date: 2016-12-12 5:59 PM (GMT-05:00)
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] vselement

Why would you need <button aria-role="button"> the native semantics of <button> do not need to be overridden. Now if you had this <span role="button">Submit</span> then you would need the aria-role. You would also not be allowing the native semantics of button to work for you and would not be following best practices.

The checker is possibly complaining because you are using <button> instead of <submit> but the native handling of the <submit> element by the browser may not be what is desired in this case, which is why your developers may have used the more generic <button> element.

Mike Moore
Accessibility Coordinator
Texas Health and Human Services Commission
Civil Rights Office
(512) 438-3431 (Office)

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Pierre Hachey
Sent: Monday, December 12, 2016 4:54 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] <input type="submit"> vs <button> element

You need to add and aria role for button tags/elements.
:)
Pierre



Sent from my Samsung device


-------- Original message --------
From: Angela French < <EMAIL REMOVED> >
Date: 2016-12-12 5:43 PM (GMT-05:00)
To: "WebAim Forum ( <EMAIL REMOVED> )" < <EMAIL REMOVED> >
Subject: [WebAIM] vselement

Is there any reason why this would not be accessible:

<button >Submit</button>



The accessibility evaluator I am using flags this under 3.2.2





Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
<EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
www.sbctc.edu<;http://www.sbctc.edu/>;