WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Whether or not to disable form submit button

for

From: Hill, Barry (Accessibility Tester)
Date: Dec 17, 2023 4:45AM

Thanks for that, Mark and all. Interesting that it can be made focusable. Does the fact that it's disabled yet focusable become an accessibility issue in itself?

Thanks again in anticipation.

Cheers

Barry


-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Mark Magennis
Sent: Thursday, December 14, 2023 4:04 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] [EXTERNAL] Re: Whether or not to disable form submit button

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.
Information in this email including any attachments may be privileged, confidential and is intended exclusively for the addressee. The views expressed may not be official policy, but the personal views of the originator. If you have received it in error, please notify the sender by return e-mail and delete it from your system. You should not reproduce, distribute, store, retransmit, use or disclose its contents to anyone. Please note we reserve the right to monitor all e-mail communication through our internal and external networks. SKY and the SKY marks are trademarks of Sky Limited and Sky International AG and are used under licence.

Sky UK Limited (Registration No. 2906991), Sky-In-Home Service Limited (Registration No. 2067075), Sky Subscribers Services Limited (Registration No. 2340150) and Sky CP Limited (Registration No. 9513259) are direct or indirect subsidiaries of Sky Limited (Registration No. 2247735). All of the companies mentioned in this paragraph are incorporated in England and Wales and share the same registered office at Grant Way, Isleworth, Middlesex TW7 5QD