E-mail List Archives
Thread: best practice for search result highlighting
Number of posts in this thread: 4 (In chronological order)
From: deborah.kaplan@suberic.net
Date: Wed, Sep 03 2014 6:10PM
Subject: best practice for search result highlighting
No previous message | Next message →
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
From: Sean Curtis
Date: Wed, Sep 03 2014 6:16PM
Subject: Re: best practice for search result highlighting
← Previous message | Next message →
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 ADDRESS 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
> > > >
From: deborah.kaplan@suberic.net
Date: Wed, Sep 03 2014 6:23PM
Subject: Re: best practice for search result highlighting
← Previous message | Next message →
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 ADDRESS 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
>> >> >> >>
> > > >
>
--
From: Sean Curtis
Date: Wed, Sep 03 2014 6:42PM
Subject: Re: best practice for search result highlighting
← Previous message | No next message
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 ADDRESS 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 ADDRESS 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
>>> >>> >>> >>>
>>> >> >> >>
>>
>>
> --
> > > >