WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Directions about finding buttons and links on a page

for

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

From: Alan Zaitchik
Date: Fri, May 13 2016 6:24AM
Subject: Directions about finding buttons and links on a page
No previous message | Next message →

I have been asked about the following wording that might be used on a web page:
As you navigate through the case study, click the green "Click to listen to audio" button in the top left of the screen to listen to the exchange between Dr. Greene and Kelsey.
There is only one button on the page with that label, and the mention of "green" and "top left of the screen" is to help the sighted user find the button, not to identify it in a list of multiple buttons.
Is it adequate to identify the button by its label even though additional, visual descriptions are included?
I realize that the button text doesn't include specifics - it doesn't say "Click to listen to the exchange between Dr. Greene and Kelsey" even though I understand that this would be more desirable, but we may not have control over the dynamic generation of the link text at this late point in the project, just over the text of the instructions on the page. So my question right now is focused on the text of the instructions.
Thanks for your advice.
A

From: Birkir R. Gunnarsson
Date: Fri, May 13 2016 6:30AM
Subject: Re: Directions about finding buttons and links on a page
← Previous message | Next message →

This is perfectly adequate.

If the wording was "click the green button" you would be violating a
WCAG success criterion (as a party game, I leave it up to you to find
which one), and bloody useless to those who cannot identify the purest
green. But including a control by its name and visual characteristic
is a good and inclusive technique.



On 5/13/16, Alan Zaitchik < = EMAIL ADDRESS REMOVED = > wrote:
> I have been asked about the following wording that might be used on a web
> page:
> As you navigate through the case study, click the green "Click to listen to
> audio" button in the top left of the screen to listen to the exchange
> between Dr. Greene and Kelsey.
> There is only one button on the page with that label, and the mention of
> "green" and "top left of the screen" is to help the sighted user find the
> button, not to identify it in a list of multiple buttons.
> Is it adequate to identify the button by its label even though additional,
> visual descriptions are included?
> I realize that the button text doesn't include specifics - it doesn't say
> "Click to listen to the exchange between Dr. Greene and Kelsey" even though
> I understand that this would be more desirable, but we may not have control
> over the dynamic generation of the link text at this late point in the
> project, just over the text of the instructions on the page. So my question
> right now is focused on the text of the instructions.
> Thanks for your advice.
> A
>
> > > > >


--
Work hard. Have fun. Make history.

From: David Farough
Date: Fri, May 13 2016 7:53AM
Subject: Re: Directions about finding buttons and links on a page
← Previous message | Next message →

You could also include a link to the transcript in the text.
However from my prospective as a screen reader user, I am not likely to
try to listen to the audio while listening to my screen reader speak the
text.
I realize though, that you can't please everybody.


David Farough

Coordonnateur de l'accessibilité des applications, Services intégrés de
gestion des TI
Commission de la fonction publique du Canada / Gouvernement du Canada
= EMAIL ADDRESS REMOVED = Tél: 819-420-8418 Télécopieur :
819-420-8408

Application Accessibility Co-ordinator, Corporate IT Management
Public Service Commission of Canada / Government of Canada
= EMAIL ADDRESS REMOVED = Tel: 819-420-8418 / Fax: 819-420-8408




Ce courriel est destiné exclusivement au destinataire mentionné en titre
et peut contenir de l'information privilégiée, confidentielle ou
soustraite à la communication aux termes des lois applicables. Toute
divulgation non autorisée, toute reproduction ou réacheminement est
interdit. Si vous n'êtes pas le destinataire de ce courriel, ou n'êtes
pas autorisé par le destinataire visé, ou encore, si vous l'avez reçu
par erreur, veuillez le mentionner immédiatement à l'expéditeur et
supprimer le courriel et les copies.

This e-mail message is intended for the named recipient(s) and may
contain information that is privileged, confidential and/or exempt from
disclosure under applicable law. Unauthorized disclosure, copying or
re-transmission is prohibited. If you are not a named recipient or not
authorized by the named recipient(s), or if you have received this
e-mail in error, then please notify the sender immediately and delete
the message and any copies.

From: Mike Barlow
Date: Fri, May 13 2016 8:15AM
Subject: Re: Directions about finding buttons and links on a page
← Previous message | Next message →

@Birkir that wouldn't happen to be SC 1.4.1 would it (likes party games
like this *wink*). And I've always appreciated not having to worry about
looking for "colored" objects myself being color blind

*Mike Barlow*
Web Application Developer
Web Accessibility/Section 508 SME

Lancaster, Pa 17601
Office: 732.835-7557
Cell: 732.682.8226
e-mail: = EMAIL ADDRESS REMOVED =

On Fri, May 13, 2016 at 9:53 AM, David Farough < = EMAIL ADDRESS REMOVED = >
wrote:

> You could also include a link to the transcript in the text.
> However from my prospective as a screen reader user, I am not likely to
> try to listen to the audio while listening to my screen reader speak the
> text.
> I realize though, that you can't please everybody.
>
>
> David Farough
>
> Coordonnateur de l'accessibilité des applications, Services intégrés de
> gestion des TI
> Commission de la fonction publique du Canada / Gouvernement du Canada
> = EMAIL ADDRESS REMOVED = Tél: 819-420-8418 Télécopieur :
> 819-420-8408
>
> Application Accessibility Co-ordinator, Corporate IT Management
> Public Service Commission of Canada / Government of Canada
> = EMAIL ADDRESS REMOVED = Tel: 819-420-8418 / Fax: 819-420-8408
>
>
>
>
> Ce courriel est destiné exclusivement au destinataire mentionné en titre
> et peut contenir de l'information privilégiée, confidentielle ou
> soustraite à la communication aux termes des lois applicables. Toute
> divulgation non autorisée, toute reproduction ou réacheminement est
> interdit. Si vous n'êtes pas le destinataire de ce courriel, ou n'êtes
> pas autorisé par le destinataire visé, ou encore, si vous l'avez reçu
> par erreur, veuillez le mentionner immédiatement à l'expéditeur et
> supprimer le courriel et les copies.
>
> This e-mail message is intended for the named recipient(s) and may
> contain information that is privileged, confidential and/or exempt from
> disclosure under applicable law. Unauthorized disclosure, copying or
> re-transmission is prohibited. If you are not a named recipient or not
> authorized by the named recipient(s), or if you have received this
> e-mail in error, then please notify the sender immediately and delete
> the message and any copies.
>
> > > > >

From: Brandon Keith Biggs
Date: Fri, May 13 2016 10:15AM
Subject: Re: Directions about finding buttons and links on a page
← Previous message | Next message →

Hello,
You could say something like "please click the only button on the page
which is green and on the top left of the screen".
This would tell a screen reader user to click the button, but chances are
they already saw the button as they arrowed down through the page to get to
the directions. If the button is labeled correctly, there should not even
need to be instructions for the screen reader user.
Thanks,


Brandon Keith Biggs <http://brandonkeithbiggs.com/>;

On Fri, May 13, 2016 at 5:24 AM, Alan Zaitchik < = EMAIL ADDRESS REMOVED = >
wrote:

> I have been asked about the following wording that might be used on a web
> page:
> As you navigate through the case study, click the green "Click to listen
> to audio" button in the top left of the screen to listen to the exchange
> between Dr. Greene and Kelsey.
> There is only one button on the page with that label, and the mention of
> "green" and "top left of the screen" is to help the sighted user find the
> button, not to identify it in a list of multiple buttons.
> Is it adequate to identify the button by its label even though additional,
> visual descriptions are included?
> I realize that the button text doesn't include specifics - it doesn't say
> "Click to listen to the exchange between Dr. Greene and Kelsey" even though
> I understand that this would be more desirable, but we may not have control
> over the dynamic generation of the link text at this late point in the
> project, just over the text of the instructions on the page. So my question
> right now is focused on the text of the instructions.
> Thanks for your advice.
> A
>
> > > > >

From: Birkir R. Gunnarsson
Date: Fri, May 13 2016 3:40PM
Subject: Re: Directions about finding buttons and links on a page
← Previous message | Next message →

Yeap, 1.4.1, 1.3.3 is a very similar SC (it partly applies if you
refer to a location on the screen), but use of color is 1.4.1
I would not say something like "the only button on the page".
Webpages are so dynamic that that info could change, (e.g. if you
added a social sharing widget to the page), and people may forget to
update the instructions.



On 5/13/16, Brandon Keith Biggs < = EMAIL ADDRESS REMOVED = > wrote:
> Hello,
> You could say something like "please click the only button on the page
> which is green and on the top left of the screen".
> This would tell a screen reader user to click the button, but chances are
> they already saw the button as they arrowed down through the page to get to
> the directions. If the button is labeled correctly, there should not even
> need to be instructions for the screen reader user.
> Thanks,
>
>
> Brandon Keith Biggs <http://brandonkeithbiggs.com/>;
>
> On Fri, May 13, 2016 at 5:24 AM, Alan Zaitchik < = EMAIL ADDRESS REMOVED = >
> wrote:
>
>> I have been asked about the following wording that might be used on a web
>> page:
>> As you navigate through the case study, click the green "Click to listen
>> to audio" button in the top left of the screen to listen to the exchange
>> between Dr. Greene and Kelsey.
>> There is only one button on the page with that label, and the mention of
>> "green" and "top left of the screen" is to help the sighted user find the
>> button, not to identify it in a list of multiple buttons.
>> Is it adequate to identify the button by its label even though additional,
>> visual descriptions are included?
>> I realize that the button text doesn't include specifics - it doesn't say
>> "Click to listen to the exchange between Dr. Greene and Kelsey" even
>> though
>> I understand that this would be more desirable, but we may not have
>> control
>> over the dynamic generation of the link text at this late point in the
>> project, just over the text of the instructions on the page. So my
>> question
>> right now is focused on the text of the instructions.
>> Thanks for your advice.
>> A
>>
>> >> >> >> >>
> > > > >


--
Work hard. Have fun. Make history.

From: Alan Zaitchik
Date: Fri, May 13 2016 5:23PM
Subject: Re: Directions about finding buttons and links on a page
← Previous message | No next message

Thank you to all who responded. It was most helpful to get this advice.
A




On 5/13/16, 5:40 PM, "Birkir R. Gunnarsson" < = EMAIL ADDRESS REMOVED = >
wrote:

>Yeap, 1.4.1, 1.3.3 is a very similar SC (it partly applies if you
>refer to a location on the screen), but use of color is 1.4.1
>I would not say something like "the only button on the page".
>Webpages are so dynamic that that info could change, (e.g. if you
>added a social sharing widget to the page), and people may forget to
>update the instructions.
>
>
>
>On 5/13/16, Brandon Keith Biggs < = EMAIL ADDRESS REMOVED = > wrote:
>> Hello,
>> You could say something like "please click the only button on the page
>> which is green and on the top left of the screen".
>> This would tell a screen reader user to click the button, but chances
>>are
>> they already saw the button as they arrowed down through the page to
>>get to
>> the directions. If the button is labeled correctly, there should not
>>even
>> need to be instructions for the screen reader user.
>> Thanks,
>>
>>
>> Brandon Keith Biggs <http://brandonkeithbiggs.com/>;
>>
>> On Fri, May 13, 2016 at 5:24 AM, Alan Zaitchik < = EMAIL ADDRESS REMOVED = >
>> wrote:
>>
>>> I have been asked about the following wording that might be used on a
>>>web
>>> page:
>>> As you navigate through the case study, click the green "Click to
>>>listen
>>> to audio" button in the top left of the screen to listen to the
>>>exchange
>>> between Dr. Greene and Kelsey.
>>> There is only one button on the page with that label, and the mention
>>>of
>>> "green" and "top left of the screen" is to help the sighted user find
>>>the
>>> button, not to identify it in a list of multiple buttons.
>>> Is it adequate to identify the button by its label even though
>>>additional,
>>> visual descriptions are included?
>>> I realize that the button text doesn't include specifics - it doesn't
>>>say
>>> "Click to listen to the exchange between Dr. Greene and Kelsey" even
>>> though
>>> I understand that this would be more desirable, but we may not have
>>> control
>>> over the dynamic generation of the link text at this late point in the
>>> project, just over the text of the instructions on the page. So my
>>> question
>>> right now is focused on the text of the instructions.
>>> Thanks for your advice.
>>> A
>>>
>>> >>> >>> >>> >>>
>> >> >> >> >>
>
>
>--
>Work hard. Have fun. Make history.
>