<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
        {font-family:Wingdings;
        panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
        {font-family:Tahoma;
        panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
        {font-family:Roboto;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0in;
        font-size:12.0pt;
        font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:#0563C1;
        text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
        {mso-style-priority:34;
        margin-top:0in;
        margin-right:0in;
        margin-bottom:0in;
        margin-left:.5in;
        font-size:12.0pt;
        font-family:"Calibri",sans-serif;}
span.EmailStyle22
        {mso-style-type:personal-reply;
        font-family:"Tahoma",sans-serif;
        color:windowtext;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-size:10.0pt;}
@page WordSection1
        {size:8.5in 11.0in;
        margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
        {page:WordSection1;}
/* List Definitions */
@list l0
        {mso-list-id:472991793;
        mso-list-type:hybrid;
        mso-list-template-ids:-1321017660 -1533932384 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;}
@list l0:level1
        {mso-level-start-at:0;
        mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-.25in;
        font-family:Symbol;
        mso-fareast-font-family:Calibri;
        mso-bidi-font-family:"Times New Roman";}
@list l0:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-.25in;
        font-family:"Courier New";}
@list l0:level3
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-.25in;
        font-family:Wingdings;}
@list l0:level4
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-.25in;
        font-family:Symbol;}
@list l0:level5
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-.25in;
        font-family:"Courier New";}
@list l0:level6
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-.25in;
        font-family:Wingdings;}
@list l0:level7
        {mso-level-number-format:bullet;
        mso-level-text:\F0B7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-.25in;
        font-family:Symbol;}
@list l0:level8
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-.25in;
        font-family:"Courier New";}
@list l0:level9
        {mso-level-number-format:bullet;
        mso-level-text:\F0A7;
        mso-level-tab-stop:none;
        mso-level-number-position:left;
        text-indent:-.25in;
        font-family:Wingdings;}
ol
        {margin-bottom:0in;}
ul
        {margin-bottom:0in;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="#0563C1" vlink="#954F72" style="word-wrap:break-word">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif">Well, a few things here.<br>
<br>
First, keep in mind that WCAG was explicitly designed for web pages. Due to technical legacy of Tim Berners-Lee not including a visible title tag in the <body>, people co-opted the H1 heading to be titles. That led to the nonsense that is currently the only
 one H1 per web page and the loss of heading semantics in HTML. Although document accessibility is connected to WCAG, I do find that it doesn’t necessarily fully map. We should be making the rational choices on what is best for our clients moreso than strict
 conformance to WCAG. <o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif">With that in mind, conformance to WCAG regarding headings is pretty loose. That TPGi article is pretty infamous. Having worked in academic accessibility, my patrons generally wanted sensible,
 proper headings, especially if they came academic articles with standard layouts. Moreover, the claim that users expect a single H1 has nothing to do with semantics but just decades of bad practice.
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif">As for the organization chart instance, I’m not certain that I would use headings for that markup. I’d have to see an example of it that would be deemed usable to question it.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif">But just a few other things:<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif"><o:p> </o:p></span></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoListParagraph" style="margin-left:0in;mso-list:l0 level1 lfo1"><span style="font-family:"Tahoma",sans-serif">First, any of you who said you can have more than one H1 in a PDF since it is not a web page are people who I love! I’ve been fighting
 hard lately that headings should be used with current semantics. Titles are not headings, not even if it is a chapter title. Over-generalizing the semantics breaks down super fast. Moreover, if the issue is that most assistive technologies don’t report the
 Title markup in Word or PDFs, the problem is with the AT. Fix them instead of kludging the semantics.<o:p></o:p></span></li></ul>
<p class="MsoListParagraph"><span style="font-family:"Tahoma",sans-serif"><o:p> </o:p></span></p>
<ul style="margin-top:0in" type="disc">
<li class="MsoListParagraph" style="margin-left:0in;mso-list:l0 level1 lfo1"><span style="font-family:"Tahoma",sans-serif">Regarding headings in footers, I lost the context of that, but if it is a webpage, I recommend always having a H2 that marks up the page
 footer even if it said H2 is screen reader only in the CSS. While it is true that screen reader users can navigate by landmarks, not all users do. If you were not referring to a web page but a document, I’m a little confused about how headings could occur
 in a footer but I’d be happy to take a look.<o:p></o:p></span></li></ul>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif">Katherine “Kate” Deibel, PhD<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif">Library Accessibility Specialist<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif">Twitter: <a href="https://twitter.com/metageeky">
<span style="color:#0563C1">https://twitter.com/metageeky</span></a><br>
GitHub: <a href="https://github.com/metageeky"><span style="color:#0563C1">https://github.com/metageeky</span></a><o:p></o:p></span></p>
</div>
<p class="MsoNormal"><span style="font-family:"Tahoma",sans-serif"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b><span style="font-size:11.0pt">From:</span></b><span style="font-size:11.0pt"> athen-list <athen-list-bounces@mailman12.u.washington.edu>
<b>On Behalf Of </b>Swanson,Allison<br>
<b>Sent:</b> Tuesday, January 18, 2022 2:28 PM<br>
<b>To:</b> Access Technology Higher Education Network <athen-list@u.washington.edu><br>
<b>Subject:</b> Re: [Athen] [EXT] Question about headings<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:11.0pt;color:#002060">Thank you all for your input. I was sure that was what I had heard and understood throughout the years. I just wanted to make sure I’m
 not teaching the wrong thing!<o:p></o:p></span></p>
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto"><span style="font-size:11.0pt;color:#002060">The web developer I’m debating with is citing some discussions where it was determined that there are cases where sequential headings
 would actually not make sense: </span><a href="https://nam10.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.tpgi.com%2Fheading-off-confusion-when-do-headings-fail-wcag%2F&data=04%7C01%7CAllison.R.Swanson%40colostate.edu%7C28ea536a765d447a0bdc08d9d7b69d47%7Cafb58802ff7a4bb1ab21367ff2ecfc8b%7C0%7C0%7C637778001597069113%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=7tfQQKndcNW55U%2FXPSJpA4wzbzQDgrRDK2tZZMmEN60%3D&reserved=0" target="_blank">TPGi:
 When do headings fail WCAG?</a><o:p></o:p></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#002060">An example the developer gave me was an organization chart where headings are used to depict organization hierarchy: h1 = President, h2 = VP, h3 = AVP, h4 = Executive Director, h5 = Director.<br>
<br>
“In that structural hierarchy, there may be divisions/departments that don't have an AVP, or Executive Director, or potentially other levels. In those cases, it would not make sense visually, or structurally to elevate people from lower levels to conform to
 a specific document structure.”<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#002060"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#002060">I can see where this is a case where skipping heading levels would actually make sense. Does anyone have thoughts on that?
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#002060"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#002060">I think for most ordinary web content, however, it’s still going to be best practice to keep headings sequential.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#002060"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#002060">Thanks,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#002060"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal"><b><span style="font-size:16.0pt;color:#1E4D2B">Allison Swanson<o:p></o:p></span></b></p>
<p class="MsoNormal"><span style="color:#1E4D2B"><img border="0" width="199" height="56" style="width:2.075in;height:.5833in" id="Picture_x0020_3" src="cid:image001.png@01D80C79.70612360" alt="Assistive Technology Resource Center Colorado State University"></span><span style="color:#1E4D2B"><o:p></o:p></span></p>
</div>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#002060"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b><span style="font-size:11.0pt">From:</span></b><span style="font-size:11.0pt"> athen-list <<a href="mailto:athen-list-bounces@mailman12.u.washington.edu">athen-list-bounces@mailman12.u.washington.edu</a>>
<b>On Behalf Of </b>Robert Beach<br>
<b>Sent:</b> Tuesday, January 18, 2022 11:45 AM<br>
<b>To:</b> Access Technology Higher Education Network <<a href="mailto:athen-list@u.washington.edu">athen-list@u.washington.edu</a>><br>
<b>Subject:</b> Re: [Athen] [EXT] Question about headings<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p><strong><span style="font-family:"Calibri",sans-serif;color:black;background:#FEEC97">** Caution: EXTERNAL Sender **</span></strong><o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:11.0pt">Keep a logical flow in order to keep from confusing the end user. Headings should follow the same flow as an outline.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<div>
<p class="MsoNormal"><b><span style="font-size:11.0pt;font-family:Roboto">Robert Lee Beach<o:p></o:p></span></b></p>
<p class="MsoNormal"><i><span style="font-size:11.0pt;font-family:Roboto">Assistive Technology Specialist</span></i><span style="font-size:11.0pt;font-family:Roboto"> – Student Accessibility & Support Services<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Roboto"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:11.0pt;font-family:Roboto">Kansas City Kansas Community College<o:p></o:p></span></b></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Roboto">7250 State Ave. - Suite # 3384 - Kansas City, KS 66112
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Roboto">O 913-288-7671 | F 913-288-7678
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:Roboto"><a href="mailto:rbeach@kckcc.edu">rbeach@kckcc.edu</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-family:Roboto"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#1F497D"><o:p> </o:p></span></p>
</div>
<p class="MsoNormal"><span style="font-size:11.0pt"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b><span style="font-size:11.0pt">From:</span></b><span style="font-size:11.0pt"> athen-list <<a href="mailto:athen-list-bounces@mailman12.u.washington.edu">athen-list-bounces@mailman12.u.washington.edu</a>>
<b>On Behalf Of </b>Swanson,Allison<br>
<b>Sent:</b> Tuesday, January 18, 2022 11:51 AM<br>
<b>To:</b> 'ATHENS ' <<a href="mailto:athen-list@u.washington.edu">athen-list@u.washington.edu</a>><br>
<b>Subject:</b> [EXT][Athen] Question about headings<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<div style="border:solid #0054A6 1.5pt;padding:4.0pt 0in 4.0pt 0in">
<p class="MsoNormal" align="center" style="text-align:center;background:#F9E699">
<strong><span style="font-size:10.0pt;font-family:"Calibri",sans-serif;color:#FD542E">CAUTION:</span></strong><strong><span style="font-size:10.0pt;font-family:"Calibri",sans-serif;color:black"> This email originated outside KCKCC. Do not click links or open
 attachments unless you know the content is safe. Please forward all suspicious emails to
<a href="mailto:support@kckcc.edu"><span style="font-weight:normal">support@kckcc.edu</span></a>.</span></strong><span style="font-size:11.0pt"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#1F4E79">Hello All,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F4E79"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F4E79">We’re having some debate on our campus about whether it’s ok to skip heading levels or not. I’ve always understood that it was best not to, but WCAG doesn’t explicitly state this. What is the consensus from actual
 screen reader users? <o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F4E79"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F4E79">Thanks,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F4E79"><o:p> </o:p></span></p>
<div>
<div>
<p class="MsoNormal"><b><span style="font-size:16.0pt;color:#1E4D2B">Allison Swanson </span></b><span style="font-size:11.0pt;color:#1F4E79"><o:p></o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:13.0pt;color:#1E4D2B">AT-IT Coordinator & Accessibility Facilitator </span></b><span style="font-size:11.0pt;color:#1F4E79"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#1F4E79"><img border="0" width="133" height="37" style="width:1.3833in;height:.3833in" id="Picture_x0020_1" src="cid:image002.png@01D80C79.70612360" alt="CBS8mbI0AM8N0XtHecA+I5472edEflZ8LcRRyQi8d+OSOKIRCQegUjiiEQkHoFI4ohEJCKEyP8D+cillr8apMoAAAAASUVORK5CYII="></span><span style="font-size:11.0pt;color:#1F4E79"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1E4D2B">308 Occupational Therapy Building </span><span style="font-size:11.0pt;color:#1F4E79"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1E4D2B">970-491-0625 </span><span style="font-size:11.0pt;color:#1F4E79"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1E4D2B"><a href="mailto:allison.r.swanson@colostate.edu"><span style="color:blue">allison.r.swanson@colostate.edu</span></a> </span><span style="font-size:11.0pt;color:#1F4E79"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1E4D2B"> </span><span style="font-size:11.0pt;color:#1F4E79"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1E4D2B"><a href="https://nam10.safelinks.protection.outlook.com/?url=https%3A%2F%2Foutlook.office.com%2Fmail%2Foptions%2Fmail%2FmessageContent%2Fatrc.colostate.edu&data=04%7C01%7Callison.r.swanson%40colostate.edu%7C73811447eada4066e22708d9dab35007%7Cafb58802ff7a4bb1ab21367ff2ecfc8b%7C0%7C1%7C637781285948278344%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C2000&sdata=mNsOxBZEYOzn5GPUeozZppBGr05tsy%2FYMjDK9nYJPDY%3D&reserved=0"><span style="color:blue">Assistive
 Technology Resource Center</span></a> </span><span style="font-size:11.0pt;color:#1F4E79"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1E4D2B"><a href="https://nam10.safelinks.protection.outlook.com/?url=https%3A%2F%2Faccessibility.colostate.edu%2F&data=04%7C01%7Callison.r.swanson%40colostate.edu%7C73811447eada4066e22708d9dab35007%7Cafb58802ff7a4bb1ab21367ff2ecfc8b%7C0%7C1%7C637781285948278344%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C2000&sdata=%2FMSOu2lDug3BPTkkDH4rG9sv3AFmKFQjB4CQt7KhCLY%3D&reserved=0"><span style="color:blue">Accessibility
 By Design</span></a> </span><span style="font-size:11.0pt;color:#1F4E79"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;color:#1F4E79"><o:p> </o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</div>
</div>
</body>
</html>