Profile

<!-- This menu uses accessibility techniques from: https://www.w3.org/TR/wai-aria-practices-1.1/examples/menu-button/menu-button-links.html -->

<div id="js-user-profile" class="c-profile c-headermenu">
    <button id="js-user-profile__button" class="c-headermenu__button" aria-label="Jane Doe profile" aria-haspopup="true">Jane Doe</button>
    <ul id="js-user-profile__menu" class="c-headermenu__menu" hidden>
        <li><a role="menuitem" href="https://dmptool.org/users/edit">Edit profile</a></li>
        <li><a role="menuitem" href="https://dmptool.org/users/third_party_apps">3rd party applications</a></li>
        <li><a role="menuitem" href="https://dmptool.org/users/developer_tools">Developer tools</a></li>
        <li><a role="menuitem" href="https://dmptool.org/users/sign_out">Sign out</a></li>
    </ul>
</div>