Declarative Dialog Menu with Invoker Commands

<button type = "button" commandfor = "menu" command = "show-modal">
  <span class = "hidden">open</span> Menu
</button>

<dialog id = "menu">
  <h2 class = "hidden">Menu</h2>
  <button type = "button" commandfor = "menu" command = "close">
    Close <span class = "hidden">menu</span>
  </button>
  <ul>
    <li><a href = "/" aria-current = "page">Home</a></li>
    <li><a href = "/services/">Services</a></li>
    <li><a href = "/about/">About</a></li>
    <li><a href = "/blog/">Blog</a></li>
    <li><a href = "/notes/">Notes</a></li>
    <li><a href = "/contact/">Contact</a></li>
  </ul>
</dialog>