WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Collapsible Braedcrumb Pattern

for

From: Robert Fentress
Date: Aug 20, 2018 3:25PM

Another FYI: Dragon 14.0 does not appear to recognize buttons labelled
using aria-labelledby. However, it does recognize anchor tags labelled
this way. Also, rather strangely, it does respond if you change the role
of the anchor tag to button with role="button".

So this works:

<a aria-labelledby="tooltip" href="#" onclick="alert('success!');
return false;" role="button">test</a>
<div role="tooltip" id="tooltip" class="sr-only">Expand / collapse
breadcrumb path</div>

But this doesn't:

<button aria-labelledby="tooltip" onclick="alert('success!');">test</button>
<div role="tooltip" id="tooltip" class="sr-only">Expand / collapse
breadcrumb path</div>

Anybody know if this works better in more recent versions of Dragon?


On Mon, Aug 20, 2018 at 4:51 PM Robert Fentress < <EMAIL REMOVED> > wrote:

> FYI: I tested the string I mentioned earlier, "Expand/collapse breadcrumb
> path", in both Windows Speech Recognition and Dragon Naturally Speaking
> 14.0. Here are the results:
>
> - *Windows Speech Recognition* responded to "click expand", "click
> collapse", "click breadcrumb", "click path", "click breadcrumb path",
> "click expand breadcrumb", "click collapse breadcrumb", "click expand
> path", "click collapse path", "click expand collapse breadcrumb path"
> - *Dragon Naturally Speaking 14.0* responded to "click breadcrumb",
> "click path", "click breadcrumb path"
>
> If I surrounded the slash with spaces, however, making the string "Expand
> / collapse breadcrumb path", then Dragon Naturally Speaking 14.0 responded
> to all of the commands that Windows Speech Recognition did, and Windows
> Speech Recognition still responded to all of those as well.
>
> So the upshot is, if you're using this strategy, surround your slashes
> with spaces.
>
> On Mon, Aug 20, 2018 at 11:22 AM Robert Fentress < <EMAIL REMOVED> > wrote:
>
>> Yes, Isabel. Actually, that was one of things our UX designer encountered
>> when he was doing some quick guerrilla usability testing of the pattern
>> with folks. He found that 50% of users know what a path is; 30% knew what
>> breadcrumbs were (complete overlap with path); and 50% knew neither term.
>> So, from that brief check, path seems like a better way to describe it.
>> However, I think "Expand/collapse breadcrumb path" may be best. At the
>> cost of a little extra verbosity, that should let speech recognition users
>> activate the control by saying "click expand", "click collapse", "click
>> breadcrumb", "click path", or "click breadcrumb path". I think; I still
>> need to confirm that would work as described.
>>
>> On Wed, Aug 8, 2018 at 10:02 AM Isabel Holdsworth <
>> <EMAIL REMOVED> > wrote:
>>
>>> Just out of interest, I wonder if "breadcrumbs" is a term understood
>>> more by devs and designers than by actual users. Would a
>>> screenreader-user understand what was meant by "view full breadcrumb?"
>>>
>>> On 01/08/2018, Robert Fentress < <EMAIL REMOVED> > wrote:
>>> > Thanks, Jon! That's what I was thinking of. Unfortunately, when I go
>>> to
>>> > it in the Google Play Store on my device, it says "The early access
>>> program
>>> > is currently full. Space may open up later." Bummer.
>>> >
>>> > On Wed, Aug 1, 2018 at 2:29 PM Jonathan Avila <
>>> <EMAIL REMOVED> >
>>> > wrote:
>>> >
>>> >> The Voice Access App can be found at
>>> >>
>>> https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.voiceaccess
>>> >>
>>> >>
>>> >> Jonathan Avila
>>> >> Chief Accessibility Officer
>>> >> Level Access
>>> >> <EMAIL REMOVED>
>>> >> 703.637.8957 office
>>> >>
>>> >> Visit us online:
>>> >> Website | Twitter | Facebook | LinkedIn | Blog
>>> >>
>>> >> Looking to boost your accessibility knowledge? Check out our free
>>> >> webinars!
>>> >>
>>> >> The information contained in this transmission may be attorney
>>> privileged
>>> >> and/or confidential information intended for the use of the
>>> individual or
>>> >> entity named above. If the reader of this message is not the intended
>>> >> recipient, you are hereby notified that any use, dissemination,
>>> >> distribution or copying of this communication is strictly prohibited.
>>> >>
>>> >>