title: Hide HTML form legend using CSS
body: <p>How can I hide an HTML form legend from visual browsers, using CSS, in an accessible way?</p>
  
  <pre><code>legend { display: none; }
  </code></pre>
  
  <p>is not an option because, as I understand it, this will 'hide' the legend from screen readers. Other attempts I've made do not remove the legend from the layout - i.e. it continues to take up space.</p>