WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Keyword Search results, highlighting words within the text

for

From: Joe Chidzik
Date: Sep 21, 2012 5:46AM

> We are adding a Keyword search to our site. For the results, we are
> thinking of highlighting the keywords within the text, with a bold and maybe color.
>
> For screen reader users, Does the screen reader pick up on the bold text?
> If it doesn't what is the best way for the screen reader to indicate the text is of
> some importance.

[Joe Chidzik] Using <em> or <strong> are the preferred elements to semantically indicate relative importance of text (rather than the purely visual <b> and <i> elements). The <strong> element would likely be more appropriate here, though for a more in-depth look at the merits of both, see http://html5doctor.com/i-b-em-strong-element/