Re: 4.13.1 Bread crumb navigation - use of right angle brackets

oops s/aria-live/aria-label/ of course.
Silvia.

On Sun, Jan 27, 2013 at 10:28 PM, Silvia Pfeiffer <silviapfeiffer1@gmail.com
> wrote:

> Hi Steve,
>
> I think both of these examples work well. Since most existing breadcrumb
> markup won't include the "You are here" start text, the recommendation of
> using aria-live makes sense to me.
>
> It may additionally make sense to add a note to encourage people not to
> use breadcrumbs as their primary <nav> markup, since they just reflect
> where in the navigation the user currently finds themself.
>
> Cheers,
> Silvia.
>
>
> On Sun, Jan 27, 2013 at 7:48 PM, Steve Faulkner <faulkner.steve@gmail.com>wrote:
>
>> Hi Silvia,
>>
>> >> I found no indication of accessibility users complaining about
>> breadcrumbs.
>> > Do you have any indications of such problems?
>>
>> right thats why I was asking :-)
>>
>> Upon looking into the issue further what I did find was that providing
>>  a label providing context is accessible best practice [1]
>>
>>
>> Suggest the current advice/examples be augmented to include a text cue
>> such as "You are here" at the start of the trail.
>>
>>
>> <nav>
>>  <p> You are here:
>> <a href="/">Main</a> >
>> <a href="/products/">Products</a> >
>> <a href="/products/dishwashers/">Dishwashers</a> >
>> <a>Second hand</a>
>> </p>
>> </nav>
>>
>>
>> This may be visible (example [2]) or hidden offscreen but available to
>> screen reader user (example:[1]) it could also be added using an
>> aria-label attribute on the nav element.
>>
>> <nav aria-label="You are here">
>>  <p>
>> <a href="/">Main</a> >
>> <a href="/products/">Products</a> >
>> <a href="/products/dishwashers/">Dishwashers</a> >
>> <a>Second hand</a>
>> </p>
>> </nav>
>>
>> regards
>> SteveF
>>
>>
>> [1] http://webaim.org/articles/siteredesign/#decisions
>> [2]  http://juicystudio.com/services.php
>>
>>
>>
>> On 26 January 2013 22:26, Silvia Pfeiffer <silviapfeiffer1@gmail.com>
>> wrote:
>> > The greater sign is a typical breadcrumb sign used on many sites as a
>> > hierarchy indicator, see also
>> > http://en.wikipedia.org/wiki/Breadcrumb_%28navigation%29 . Having it
>> > announced as "greater" seems appropriate. I found other examples here:
>> >
>> http://www.hongkiat.com/blog/breadcrumb-navigation-examined-best-practices-examples/
>> > . Most of the time something arrow-like is being used.
>> >
>> > I found no indication of accessibility users complaining about
>> breadcrumbs.
>> > Do you have any indications of such problems? What alternative symbol
>> would
>> > you suggest?
>> >
>> > Regards,
>> > Silvia.
>> >
>> >
>> > On Sun, Jan 27, 2013 at 4:00 AM, Steve Faulkner <
>> faulkner.steve@gmail.com>
>> > wrote:
>> >>
>> >> Section 4.13.1 Bread crumb navigation (under Common idioms without
>> >> dedicated elements [1])
>> >>
>> >>  encourages the use of the right angle bracket to indicate a
>> >> breadcrumb navigation trail:
>> >>
>> >> <p>
>> >>   <a href="/">Main</a> >
>> >>   <a href="/products/">Products</a> >
>> >>   <a href="/products/dishwashers/">Dishwashers</a> >
>> >>   <a>Second hand</a>
>> >>  </p>
>> >>
>> >> The use of > in this context does not appear to be a good practice to
>> >> promote as the angle bracket is a symbol that depending on user agent
>> >> (AT in this case) is typically announced as "greater" or not announced
>> >> in this context. Either way it is not clearly convyed that its a
>> >> breadcrumb trail.
>> >>
>> >>
>> >>  It may be that this is not an issue for users who consume the angle
>> >> brackets in this context and the pattern of its use conveys that it is
>> >> a breadcrumb trail. If it is a problem I suggest that this example
>> >> would need to be revisited to see if we can come up with something
>> >> that is more useful to a wider range of users.
>> >>
>> >> [1]
>> >>
>> http://www.w3.org/html/wg/drafts/html/master/common-idioms.html#common-idioms
>> >>
>> >> --
>> >> with regards
>> >>
>> >> Steve Faulkner
>> >>
>> >
>>
>
>

Received on Sunday, 27 January 2013 11:29:56 UTC