Alt or title attribute for i tag

Question

I use font-awesome and display their fonts like that:

This will display a nice little lock symbol. For

Answer 1

You should use or something along those lines instead. You can use the title="" attribute to give some text on hover, if that's what you're looking for. As far as providing accessability to screen readers, or SEO value, you could add the following CSS:

.icon-lock{
    text-indent:-99999px;
}

And then write your markup like so:

What I want the screen reader to say