I'm trying to make my site more accessible. I'm having trouble how to properly do buttons or anchor buttons. In my example I'll have an anchor but the same problem occur for buttons.

Here's how I did an anchor with a glyphicon. The Title attribute helps the mouse user understand what it does.

```
<a href="#" title="Delete lawn project" role="button" class="btn btn-default btn-xs btn-danger">
  <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
</a>

```

Is this enough for screen readers? Do I also have to add a the same description as sr-only?

```
<a href="#" title="Delete lawn project" role="button" class="btn btn-default btn-xs btn-danger">
  <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
  <span class="sr-only">Delete lawn project</span>
</a>

```

Or maybe there's a better way that I haven't thought of.