WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Keyboard /Screen reader accessible - Signature facility for Online forms

for

Number of posts in this thread: 6 (In chronological order)

From: Ajeesh Thomas
Date: Tue, Mar 22 2022 7:14AM
Subject: Keyboard /Screen reader accessible - Signature facility for Online forms
No previous message | Next message →

We have an Online claim form here at the end of the flow user needs
to provide their Signature by using Mouse ,
and the same is a mandatory field to complete the process .
This Mouse Signature facility provided with in a Dialog with Pen
Tool, and it is not keyboard /Screen reader accessible.
Here what would be the right alternative which suits for both
Keyboard & Screen reader users group ?
please suggest few accessible options , which we could think of .

Thanks in advance,
Ajeesh Thomas

From: Swift, Daniel P.
Date: Tue, Mar 22 2022 7:39AM
Subject: Re: Keyboard /Screen reader accessible - Signature facility for Online forms :
← Previous message | Next message →

I remember participating in a training a few years ago and a digital signature is valid if you have a way to validate the user (login for instance) and there is also interaction on the part of the user (button, sign with finger, type name, etc.). As long as you have those two things, you have a valid digital signature.

When it comes to accessibility, any of those interactive options would work … it just boils down to design/developer preference.

Daniel Swift, MBA
Senior Web Specialist
University Communications and Marketing
West Chester University
610.738.0589

From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Ajeesh Thomas
Sent: Tuesday, March 22, 2022 9:14 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: [WebAIM] Keyboard /Screen reader accessible - Signature facility for Online forms :

We have an Online claim form here at the end of the flow user needs
to provide their Signature by using Mouse ,
and the same is a mandatory field to complete the process .
This Mouse Signature facility provided with in a Dialog with Pen
Tool, and it is not keyboard /Screen reader accessible.
Here what would be the right alternative which suits for both
Keyboard & Screen reader users group ?
please suggest few accessible options , which we could think of .

Thanks in advance,
Ajeesh Thomas

From: Ajeesh Thomas
Date: Tue, Mar 22 2022 12:04PM
Subject: Re: Keyboard /Screen reader accessible - Signature facility for Online forms :
← Previous message | Next message →

Hi Daniel ,
Thanks for your quick response.
Adding one point here user needs to login the Claim portal for
accessing this Online claim Form .

Just for clarity - Here, You mean - availability of an accessible
Keyboard input options such as typing the "User's - Name
/ID/Password etc. " , can be considered as an alternative option
for the Mouse oriented Signature mechanism?
If this Online Form is downloadable after successful submission ,
providing the "Name /ID/Password , in the place of Mouse
oriented Sign is acceptable?
Kindly help me .
Thanks in advance,
Ajeesh Thomas







On 3/22/22, Swift, Daniel P. < = EMAIL ADDRESS REMOVED = > wrote:
> I remember participating in a training a few years ago and a digital
> signature is valid if you have a way to validate the user (login for
> instance) and there is also interaction on the part of the user (button,
> sign with finger, type name, etc.). As long as you have those two things,
> you have a valid digital signature.
>
> When it comes to accessibility, any of those interactive options would work
> … it just boils down to design/developer preference.
>
> Daniel Swift, MBA
> Senior Web Specialist
> University Communications and Marketing
> West Chester University
> 610.738.0589
>
> From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of
> Ajeesh Thomas
> Sent: Tuesday, March 22, 2022 9:14 AM
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
> Subject: [WebAIM] Keyboard /Screen reader accessible - Signature facility
> for Online forms :
>
> We have an Online claim form here at the end of the flow user needs
> to provide their Signature by using Mouse ,
> and the same is a mandatory field to complete the process .
> This Mouse Signature facility provided with in a Dialog with Pen
> Tool, and it is not keyboard /Screen reader accessible.
> Here what would be the right alternative which suits for both
> Keyboard & Screen reader users group ?
> please suggest few accessible options , which we could think of .
>
> Thanks in advance,
> Ajeesh Thomas
> > > http://list.webaim.org/<;http://list.webaim.org>;
> List archives at
> http://webaim.org/discussion/archives<;http://webaim.org/discussion/archives>;
> > = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> > > > >

From: Swift, Daniel P.
Date: Wed, Mar 23 2022 5:18AM
Subject: Re: Keyboard /Screen reader accessible - Signature facility for Online forms :
← Previous message | Next message →

Ajeesh:

As an accessible alternative to physically adding a signature, I think providing a label and text input for the person to type the signature is the simplest approach. When the user submits the form, make sure that you also capture the user ID which they used to gain access to the portal. This checks both boxes (figuratively speaking) whereas you've verified the person is who they say they are and they provided the interaction (typed their signature) as a signature.

Daniel Swift, MBA
Senior Web Specialist
University Communications and Marketing
West Chester University
610.738.0589

From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Ajeesh Thomas
Sent: Tuesday, March 22, 2022 2:05 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] Keyboard /Screen reader accessible - Signature facility for Online forms :

Hi Daniel ,
Thanks for your quick response.
Adding one point here user needs to login the Claim portal for
accessing this Online claim Form .

Just for clarity - Here, You mean - availability of an accessible
Keyboard input options such as typing the "User's - Name
/ID/Password etc. " , can be considered as an alternative option
for the Mouse oriented Signature mechanism?
If this Online Form is downloadable after successful submission ,
providing the "Name /ID/Password , in the place of Mouse
oriented Sign is acceptable?
Kindly help me .
Thanks in advance,
Ajeesh Thomas







On 3/22/22, Swift, Daniel P. < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >> wrote:
> I remember participating in a training a few years ago and a digital
> signature is valid if you have a way to validate the user (login for
> instance) and there is also interaction on the part of the user (button,
> sign with finger, type name, etc.). As long as you have those two things,
> you have a valid digital signature.
>
> When it comes to accessibility, any of those interactive options would work
> … it just boils down to design/developer preference.
>
> Daniel Swift, MBA
> Senior Web Specialist
> University Communications and Marketing
> West Chester University
> 610.738.0589
>
> From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >> On Behalf Of
> Ajeesh Thomas
> Sent: Tuesday, March 22, 2022 9:14 AM
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >>
> Subject: [WebAIM] Keyboard /Screen reader accessible - Signature facility
> for Online forms :
>
> We have an Online claim form here at the end of the flow user needs
> to provide their Signature by using Mouse ,
> and the same is a mandatory field to complete the process .
> This Mouse Signature facility provided with in a Dialog with Pen
> Tool, and it is not keyboard /Screen reader accessible.
> Here what would be the right alternative which suits for both
> Keyboard & Screen reader users group ?
> please suggest few accessible options , which we could think of .
>
> Thanks in advance,
> Ajeesh Thomas
> > > http://list.webaim.org/<;http://list.webaim.org>;<http://list.webaim.org<;http://list.webaim.org>;>
> List archives at
> http://webaim.org/discussion/archives<;http://webaim.org/discussion/archives>;<http://webaim.org/discussion/archives<;http://webaim.org/discussion/archives>;>
> > = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = %3cmailto: = EMAIL ADDRESS REMOVED = >>
> > > > >

From: glen walker
Date: Tue, Mar 22 2022 3:39PM
Subject: Re: Keyboard /Screen reader accessible - Signature facility for Online forms :
← Previous message | Next message →

I'm not sure who defines what a "valid" signature is from a legal
perspective.

I came across this example not too long ago when I had to electronically
sign a document. They had two options for signing. One was dragging the
mouse to create a signature. I'm not sure anyone likes that option because
it's next to impossible to have a mouse drawn signature look like a pen
signed signature. The other option was typing a name. The two options
were on separate tabs of a tab panel and the tab panel was surprisingly
coded correctly according to
https://www.w3.org/TR/wai-aria-practices/#tabpanel.

Here are two screenshots. (I *think* the screenshots will come through the
forum but they might not be saved in the archives if you read this message
later.)

The first shows the first tab panel selected, named "Draw Signature". It
took a long time for me to make something legible. They have a "clear"
button to erase the signature and try again, presumably because most people
don't like their mouse signature.

[image: alternate signature method - draw.jpg]

The second image shows the second tab panel selected, named "Create
Signature from Typed Name". Honestly, I don't know why you'd even want the
drawn signature option but perhaps some people like to sign with a mouse
(or electronic pen) so it's fair to keep it. I would have made the typed
name option the default. I'm not sure why the input field for typing the
name shows up "outside" the tab panel. It's a little confusing for the
draw signature option that the input field is displayed but not applicable.

From: Pat Reynolds
Date: Fri, Mar 25 2022 5:34AM
Subject: Re: Keyboard /Screen reader accessible - Signature facility for Online forms :
← Previous message | No next message

https://ico.org.uk/for-organisations/guide-to-eidas/what-is-the-eidas-regulation/#:~:text=The%20eIDAS%20Regulation%20is%20Regulation,transactions%20in%20the%20internal%20market.
has information on the UK regulation on e-signatures, with links to the
comparable EU regulations.

Best wishes,
*- -*

*Dr Pat Reynolds*
Executive Director


A Charitable Incorporated Organisation registered in England and Wales,
number 1167484
VAT registration: 233 0105 70

*Join us on social:*
[image: : https://www.facebook.com/FreeUKGEN]
https://www.facebook.com/FreeUKGEN <https://twitter.com/FreeUKGen>
<https://www.instagram.com/freeukgenealogy/>
<https://www.pinterest.co.uk/FreeUKGenealogy/>
Please read our *Privacy Notice*
<https://www.freeukgenealogy.org.uk/files/Documents/Privacy-Notice.pdf> for
information on how we will protect and use your data.

<https://www.easyfundraising.org.uk/causes/freeukgenealogy/?utm_campaign=raise-more>

+44 1723 362616 +44 7943 145387
Westwood House,Westwood, Scarborough YO11 2JD, UK


On Thu, 24 Mar 2022 at 16:34, glen walker < = EMAIL ADDRESS REMOVED = > wrote:

> I'm not sure who defines what a "valid" signature is from a legal
> perspective.
>
> I came across this example not too long ago when I had to electronically
> sign a document. They had two options for signing. One was dragging the
> mouse to create a signature. I'm not sure anyone likes that option because
> it's next to impossible to have a mouse drawn signature look like a pen
> signed signature. The other option was typing a name. The two options
> were on separate tabs of a tab panel and the tab panel was surprisingly
> coded correctly according to
> https://www.w3.org/TR/wai-aria-practices/#tabpanel.
>
> Here are two screenshots. (I *think* the screenshots will come through the
> forum but they might not be saved in the archives if you read this message
> later.)
>
> The first shows the first tab panel selected, named "Draw Signature". It
> took a long time for me to make something legible. They have a "clear"
> button to erase the signature and try again, presumably because most people
> don't like their mouse signature.
>
> [image: alternate signature method - draw.jpg]
>
> The second image shows the second tab panel selected, named "Create
> Signature from Typed Name". Honestly, I don't know why you'd even want the
> drawn signature option but perhaps some people like to sign with a mouse
> (or electronic pen) so it's fair to keep it. I would have made the typed
> name option the default. I'm not sure why the input field for typing the
> name shows up "outside" the tab panel. It's a little confusing for the
> draw signature option that the input field is displayed but not applicable.
>
> [image: alternate signature method - type.jpg]
> > > > >