added accessibility enhancements for details element

Making the details element more accessible by adding role="button" attribute, aria-expanded and screenreader help text. This informs the user that the interaction is a button and it's reveal/hide states. 
I think the pollyfill that it's using is closing it by default. Is there a reason for that?

I'd have to tweak the js check the open close state.