WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: best practice for search result highlighting

for

From: Sean Curtis
Date: Sep 3, 2014 6:42PM

Hi Deborah,

It's a relatively new addition so don't feel too bad :)

From what I read by googling a little, the <mark> element doesn't seem to
get any special affordance when read by screen readers. Most of the
articles don't really say which browsers/screen readers they tested though.
You could use em/strong if it needs to stand out when the content is read.

http://webdesign.about.com/od/html5tags/a/understanding-the-mark-element.htm
has more info.

Cheers,

Sean




On Thu, Sep 4, 2014 at 10:23 AM, < <EMAIL REMOVED> > wrote:

> Oh, thank you, Sean! I feel a bit thick, now. :)
>
> Out of curiosity, does any assitive tech do anything useful with <mark>?
>
> Deborah Kaplan
>
>
>
> On Thu, 4 Sep 2014, Sean Curtis wrote:
>
> Hi Deborah,
>>
>> There's actually an HTML element specifically for handling this: <mark>
>>
>> More info:
>>
>> - http://www.w3.org/wiki/HTML/Elements/mark
>> - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark
>>
>> -
>> http://www.whatwg.org/specs/web-apps/current-work/
>> multipage/semantics.html#the-mark-element
>>
>> I hope this helps.
>>
>> Cheers,
>>
>> Sean Curtis
>>
>>
>> On Thu, Sep 4, 2014 at 10:10 AM, < <EMAIL REMOVED> > wrote:
>>
>> Hi folks,
>>>
>>> I'm doing accessibility assessments of a site where the results of a
>>> search return a page with all instances of the search time highlighted.
>>> Sometimes, there can be many instances of the search term on the returned
>>> page, so to sighted users, the highlighted term appears as a smattering
>>> of
>>> yellow all over the page.
>>>
>>> What's best practice on displaying the results for non-visual displays?
>>> Does the possibly high-frequency of the search term make it too noisy to
>>> provide highlight information? Or if it should be indicated just as it is
>>> for sighted users, what's the best way to indicate the text is
>>> highlighted?
>>>
>>> Thanks,
>>>
>>> Deborah Kaplan
>>> >>> >>> >>>
>>> >> >> >>
>>
>>
> --
> > > >