I am using Bootstrap for an accessible website in German.
A German navigation word for screen readers gets listed by Google Webmaster Tools as an relatively important content keyword: «Umklappen». This means «toggle». This navigation element near the sandwich menu icon appears on every page of the website, so Google seems to think this is an important word, but it is not.
The code relevant to the question:
<div class="navbar-header">
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target="#topnav"
>
<span class="sr-only">Umklappen</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
The class sr-only
is for screenreaders, see: What is sr-only in Bootstrap 3?.
How to tell search engines that «Umklappen» is not a content keyword?
An idea would be to split the word with <wbr>
, however this also disables screenreaders forcing them to spell U-M-K-L-A-P-P-E-N I think.
Note! It's not a duplicate of How to remove page element from search results / keywords? because some suggestions won't work for screenreaders. I can't assume that screenreaders understand JavaScript.