Adding aria-label

I was thinking about accessibility.

We should be embracing the standards set for it ([ARIA](http://www.w3.org/WAI/intro/aria)).
This is similar to the way we try to minimise hacks in CSS layout as its generally just an amount of time before the agents work around those (`display: none`?).

The reason we have `u-h` is we want things to be read, either by Search Engines or Screen Readers. In the case of labels, it's accessibility, so I say use the right controls for it and let the agents do what they do best. When screen readers decide to not display clipped content, we lose our accessibility.

If anything, this is also just trying to raise the question of accessibility
@gidsg do you have any strong opinions here?

[Source](http://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_labels_for_objects)

![Fix it](http://media0.giphy.com/media/149KvVQ3DbPdfO/200_s.gif)