title: Buttons in nav instead of anchor?
body: <p>I've been reading up on web accessibility and read that anchor tags should only be used when the user will be taken to another URL without JavaScript. But buttons should be used whenever some other behavior should happen, such as opening a modal.</p>
  
  <p>So I'm wondering if it's okay or expected to have both buttons and anchors in a nav. Something like this:</p>
  
  <pre><code>&lt;nav&gt;
    &lt;a href="/"&gt;Home Page&lt;/a&gt;
    &lt;a href="/about"&gt;About Page&lt;/a&gt;
    &lt;button&gt;Sign Up&lt;/button&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>Say in this situation the signup button launches a modal or does some other behavior that doesn't take the user to a different URL. Is it okay to have both in the <code>nav</code>? I'm not concerned about styling, I'll make these look consistent, but I'm wondering what's the most correct way to handle something like this?</p>