WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Whether or not to disable form submit button

for

From: Srinivasu Chakravarthula
Date: Dec 16, 2023 5:22AM

I agree. Submit button can be in disabled state but user should know about
its presence and purpose.
Regards,
Srinivasu
Regards,

Srinivasu Chakravarthula, CPWA (2018), DHS Trusted Tester
Website <http://www.srinivasu.org>; | LinkedIn Profile
<http://linkedin.com/in/srinivasuc>; | Follow me on Twitter
<http://twitter.com/csrinivasu>;
Director of Product Accessibility, Freshworks, Inc
<https://www.freshworks.com>


On Thu, Dec 14, 2023 at 9:33 PM Mark Magennis < <EMAIL REMOVED> >
wrote:

> A disabled Submit button can still be focusable and exposed to AT.
> Coding-wise, if you add the HTML disabled attribute it will not be
> focusable in most, if not all, browsers. But if you add
> aria-disabled="true" it will remain focusable. This makes it discoverable
> and gives you the opportunity to provide some information in the name or
> description about why it is currently disabled.
> > From: WebAIM-Forum < <EMAIL REMOVED> > on behalf of jp
> Jamous < <EMAIL REMOVED> >
> Sent: Thursday 14 December 2023 14:00
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: [EXTERNAL] Re: [WebAIM] Whether or not to disable form submit
> button
>
> What Chat GPT provided is not necessarily WCAG compliant. In fact, it is a
> UX Design guideline. All of the UX designers I have worked with since 2018
> have been implementing this.
>
> While it might work for sighted users, I find it to work against screen
> reader and keyboard only users. If the form does not display any errors
> once a form element loses focus and no status alerts are spoken, then the
> user would tab to the end of the form and there is no Submit button
> receiving focus. That Throws the user off until the user figures out that
> something is wrong with the form.
>
> I am not claiming that I am against it. As long as
> 1. there is a visual alert
> And
> 2. status alert
>
> Once the invalid form element loses focus , having the Submit button
> disabled is okay. Unfortunately, UX Design does not take all users in
> consideration. That is why my approach with UX Designers is to look at an
> inclusive approach rather than what is defined by UX Design documentation.
>
> Just my 2 cents on this.
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
> <EMAIL REMOVED>
> Sent: Thursday, December 14, 2023 7:19 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Whether or not to disable form submit button
>
> I was actually unsure about this.
> So I asked my buddy ChatGPT and this is what he said
>
> While there may not be a universal standard, it's considered a good
> practice to disable the submit button until all required fields are
> correctly filled. This helps prevent incomplete or erroneous form
> submissions and enhances user experience.
>
> Dean Vasile
>
>
> 617-799-1162
>
> > On Dec 14, 2023, at 7:59 AM, Hill, Barry (Accessibility Tester) via
> WebAIM-Forum < <EMAIL REMOVED> > wrote:
> >
> > Hi all
> >
> > I'm looking for a rule or regulation on this, but, if there isn't one,
> best practice will help. Should a submit button on a form be disabled
> until after all fields have been correctly completed?
> >
> > Thanks in anticipation.
> > > https://nam12.safelinks.protection.outlook.com/?url=http%3A%2F%2Flist.webaim.org%2F&data%7C02%7CMark.Magennis%40skillsoft.com%7C044bdc53e6af4f99e91b08dbfcacffa8%7C50361608aa23494da2332fd14d6a03f4%7C0%7C0%7C638381592180735166%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=sDEbJGQOGyqs9xQdtxy0TbhiwnEbX4hJyJK%2Bk1qk1Ic%3D&reserved=0
> <http://list.webaim.org/>; List archives at
> https://nam12.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwebaim.org%2Fdiscussion%2Farchives&data%7C02%7CMark.Magennis%40skillsoft.com%7C044bdc53e6af4f99e91b08dbfcacffa8%7C50361608aa23494da2332fd14d6a03f4%7C0%7C0%7C638381592180735166%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=WSkrLoReoCvVchxtaLQUIpb7zau%2BWRHS2YVrGJjLZ4I%3D&reserved=0
> <http://webaim.org/discussion/archives>;
> > > > https://nam12.safelinks.protection.outlook.com/?url=http%3A%2F%2Flist.webaim.org%2F&data%7C02%7CMark.Magennis%40skillsoft.com%7C044bdc53e6af4f99e91b08dbfcacffa8%7C50361608aa23494da2332fd14d6a03f4%7C0%7C0%7C638381592180735166%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=sDEbJGQOGyqs9xQdtxy0TbhiwnEbX4hJyJK%2Bk1qk1Ic%3D&reserved=0
> <http://list.webaim.org/>;
> List archives at
> https://nam12.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwebaim.org%2Fdiscussion%2Farchives&data%7C02%7CMark.Magennis%40skillsoft.com%7C044bdc53e6af4f99e91b08dbfcacffa8%7C50361608aa23494da2332fd14d6a03f4%7C0%7C0%7C638381592180735166%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=WSkrLoReoCvVchxtaLQUIpb7zau%2BWRHS2YVrGJjLZ4I%3D&reserved=0
> <http://webaim.org/discussion/archives>;
> > > > > >