<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=utf-8">
<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:"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;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.msonormal0, li.msonormal0, div.msonormal0
{mso-style-name:msonormal;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:12.0pt;
font-family:"Times New Roman",serif;}
span.EmailStyle18
{mso-style-type:personal-reply;
font-family:"Calibri",sans-serif;
color:#1F497D;}
.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;}
--></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="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D">Guess I’m a little confused by their question.
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D">They have a skip nav, which is linked to Content, but they do not have any id=content anywhere on the page. They open 2 <section>s, but they do not have a <main>.
I assume they want to link into the section that has the 6 grids - id="a-collaborative-approach": each of the 6 also has id values.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D">So an anchor links to an id</span></b><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D">… the link text would need to be clear,
but I am not really sure what they mean about being in close proximity. Since each of the grids would move when the page displayed differently, it could be logical to link to each one, you just have to make sure the link text is clearly portraying the destination.
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D">Best regards,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D">Cath<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:14.0pt;font-family:"Calibri",sans-serif;color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:14.0pt;font-family:"Calibri",sans-serif;color:#1F497D">Catherine M. Stager<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D">Assistive Technology Specialist<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D"><a href="mailto:Catherine.Stager@frontrange.edu"><span style="color:#0563C1">Catherine.Stager@frontrange.edu</span></a>
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Arial",sans-serif;color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Arial",sans-serif;color:#1F497D">(720) 336-1245</span><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D"><o:p></o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D"><img border="0" width="131" height="94" style="width:1.3645in;height:.9791in" id="Picture_x0020_1" src="cid:image001.png@01D661BE.9B6D7250" alt="cid:image001.png@01D23FF3.21F590B0"><o:p></o:p></span></b></p>
<p class="MsoNormal"><b><span style="font-size:10.0pt;font-family:"Calibri",sans-serif;color:#1F497D">Disability Support Services - Assistive Technology<o:p></o:p></span></b></p>
<p class="MsoNormal"><b><i><span style="font-family:"Calibri",sans-serif;color:#1F497D">Check out our
<a href="https://drive.google.com/drive/folders/1n4rM-rd97LOfRN-E3mYqRv0K1T8e0Pu1?usp=sharing">
<span style="color:#0563C1">Getting Started Guides for At Home Support!</span></a><o:p></o:p></span></i></b></p>
<p class="MsoNormal"><i><span style="font-family:"Calibri",sans-serif;color:#1F497D"><a href="https://bit.ly/GettingStartedAtHome"><span style="color:#0563C1">https://bit.ly/GettingStartedAtHome</span></a>
<o:p></o:p></span></i></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F497D"><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;font-family:"Calibri",sans-serif">From:</span></b><span style="font-size:11.0pt;font-family:"Calibri",sans-serif"> athen-list <athen-list-bounces@mailman12.u.washington.edu>
<b>On Behalf Of </b>Heidi Scher<br>
<b>Sent:</b> Friday, July 24, 2020 11:54 AM<br>
<b>To:</b> Access Technology Higher Education Network <athen-list@u.washington.edu><br>
<b>Subject:</b> [Athen] HTML coding question: anchors<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"> <o:p></o:p></p>
<div style="border:solid #9C6500 1.0pt;padding:2.0pt 2.0pt 2.0pt 2.0pt">
<p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;line-height:12.0pt;background:#FFEB9C">
<b><span style="font-size:10.0pt;color:#9C6500">CAUTION:</span></b><span style="font-size:10.0pt;color:black"> This email originated from outside of the Colorado Community College System. Do not click links or open attachments unless you recognize the sender
and know the content is safe. Please contact your college IT Help Desk if you have any questions.</span><o:p></o:p></p>
</div>
<div>
<div>
<p class="MsoNormal">Hello fellow ATHEN members! I'm looking for a bit of guidance related to some HTML coding related to anchors. A colleague has brought em the following issue. Any suggestions would be greatly appreciated!
<o:p></o:p></p>
<div>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif">The issue we are up against is creating anchors where we think people are naturally looking for them, and the WCAG rule about multiple anchors going to the same place in close
proximity to each other.</span> <o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif">Here is an example:
</span><a href="https://nam03.safelinks.protection.outlook.com/?url=https%3A%2F%2Fresiliency.uark.edu%2F&data=02%7C01%7Chascher%40uark.edu%7C17677c2eabfc4b99236d08d82e4ccbe6%7C79c742c4e61c4fa5be89a3cb566a80d1%7C0%7C0%7C637310254664291267&sdata=4AmCqEjuh80RS1er9Kv9r81nTTU8bWwCdV88FmrcbF8%3D&reserved=0"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#0563C1">https://resiliency.uark.edu/</span></a><span style="font-size:11.0pt;font-family:"Calibri",sans-serif">. There
are 6 panels on this page.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Calibri",sans-serif">Thanks again!<br>
<br>
Heidi<o:p></o:p></span></p>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<p class="MsoNormal">+++++++++++++++<br>
Heidi Scher, M.S., CRC<br>
Associate Director - AT<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal"><i>she, her, hers</i><o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">Center for Educational Access at the University of Arkansas<o:p></o:p></p>
</div>
<div>
<p class="MsoNormal">1 University of Arkansas, ARKU 209<br>
Fayetteville, AR 72701<br>
479.575.3104 phone<br>
479.575.7445 fax<br>
+++++++++++++++<o:p></o:p></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>