674: A11y Treats - Heading Design

<p class="has-line-data" data-line-start="0" data-line-end="1">In this Hasty Treat, Scott and Wes talk about headings on your website, why you should care, how to structure your headings, and what tooling is there for testing your website?</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:26">00:26</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:21">01:21</a></strong> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=01:41">01:41</a></strong> Why do we care about Headings?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href= "https://www.a11yproject.com/posts/how-to-accessible-heading-structure/"> How-to: Accessible heading structure - The A11Y Project</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=03:12">03:12</a></strong> Heading design provides an outline for your website</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=08:45">08:45</a></strong> Using H1 classes?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=10:28">10:28</a></strong> Is the logo an H1?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=13:03">13:03</a></strong> Giving an ARIA level</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=17:14">17:14</a></strong> Can headings be visually hidden?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=21:00">21:00</a></strong> Benefits of good heading design</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=22:27">22:27</a></strong> Tooling</li> <li class="has-line-data" data-line-start="15" data-line-en