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. 
Can we swap around the `append` and the `attr` method calls? I'm currently reading it as saying it's setting an attribute on the `<span>`, not the `<summary>`.