Let’s say I have this setup:
HTML:
<a href="#" class="menu_links"><span class="hidetext">Graphic </span>Design</a>
CSS:
.hidetext {
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
top: -10px;
}
It will only display "Design" for sighted people and when you toggle CSS off, it will show "Graphic Design".
Is this bad/good for SEO? And will you get a penalty via Google by doing this?