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. 
Does this assume the details element is closed on load? Details can have an 'open' attribute applied which will load them as open.