<div dir="ltr"><div>There is no WCAG rule about links being close to each other.  There is a "best practice" that it's nice to combine links that are adjacent that go to the same destination, but *not* doing that is not a WCAG failure.</div><div><br></div><div>I assume you're talking about the "cards" section on that sample page?  Such as "Our Research", "Who We Are", "College of Engineering", and "Community Design Center".</div><div><br></div><div>Technically, the cards are ok and don't have WCAG problems.  From a usability perspective, having each card be 3 or 4 tab stops might not be the best.  ("Office for Sustainability" is 6 tab stops).</div><div><br></div><div>I'm not a designer but I would probably make the entire card a big link with the link name being "Our research", "Who We Are", etc.  Then use aria-describedby on the link to point to the paragraph of detailed text.<br></div><div><br></div><div>Your current code looks kind of like this:</div><div><br></div><div><div class="panel"><br>  <a><br>    <h3>our research</h3><br>  </a><br>  <div><br>    <a>detailed paragraph text</a><br>    <a>learn about our research</a><br>  </div><br></div></div><div><br></div><div>I would probably do something like this:</div><div><br></div><div><div class="panel"><br>  <a aria-labelledby="heading" aria-describedby="details"><br>    <h3 id="heading">our research</h3><br>    <p id="details">detailed paragraph text</p><br>    <p>learn about our research</p><br>  </div><br></div></div></div>