menu-button-pattern.html

<button class="c-menu-button" aria-haspopup="true" aria-expanded="false" type="button">
    <strong class="c-menu-button__label">Chris Pearce</strong>
    <img class="c-menu-button__avatar" src="gravatar-url" alt="Avatar of Chris Pearce" width="30" 
    height="30">
    <span class="u-hide-visually">Open the sub menu with the enter key and close it with the 
    escape key; use the up and down arrow keys to navigate.</span>
    <svg class="c-menu-button__arrow" aria-hidden="true">
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#drop-down-trigger-arrow"></use>
    </svg>
</button>