[Athen] HTML coding question: anchors

Sean Keegan skeegan at ccctechcenter.org
Fri Jul 24 14:43:14 PDT 2020


Hi Heidi,

Are you referring to the card-like UI elements in which there is the text
"Our Research", followed by a passage of text, followed by a "Learn about
our research" that all have separate hyperlinks that go to the same
destination?

It appears these are all three separate "tab-stops" for the same element
that would also include a very wordy second hyperlink, which is the passage
of text content.

Check out the article by Heydon Pickering on Cards (
https://inclusive-components.design/cards/). It would require some
developer engagement, but I believe it will resolve the issue you have
identified.

Take care,
Sean



On Fri, Jul 24, 2020 at 10:56 AM Heidi Scher <hascherdss at gmail.com> wrote:


> 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!

>

> 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.

>

>

> Here is an example: https://resiliency.uark.edu/

> <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>

> . There are 6 panels on this page.

>

>

>

> Thanks again!

>

> Heidi

> +++++++++++++++

> Heidi Scher, M.S., CRC

> Associate Director - AT

> *she, her, hers*

> Center for Educational Access at the University of Arkansas

> 1 University of Arkansas, ARKU 209

> Fayetteville, AR 72701

> 479.575.3104 phone

> 479.575.7445 fax

> +++++++++++++++

> _______________________________________________

> athen-list mailing list

> athen-list at mailman12.u.washington.edu

> http://mailman12.u.washington.edu/mailman/listinfo/athen-list

>

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman12.u.washington.edu/pipermail/athen-list/attachments/20200724/1c0a2499/attachment.html>


More information about the athen-list mailing list