Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://front-end.social/users/fossheim/statuses/114484400007085222">Sarah Fossheim :100_gay: (fossheim@front-end.social)'s status on Sunday, 11-May-2025 14:29:53 JST</a><a href="https://front-end.social/@fossheim" title="fossheim@front-end.social"><img src="https://gnusocial.jp/avatar/293312-48-20241107184330.webp" width="48" height="48" alt="Sarah Fossheim :100_gay:" style="position: absolute; left: 0; top: 0;">Sarah Fossheim :100_gay:</a></section><article><p>why do something like<br>&lt;a href="..."&gt;click me&lt;/a&gt; </p><p>if you can just <br>&lt;div role="link" tabindex="0" href="..."&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div aria-label="click me"&gt;click m&lt;span&gt;e&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/5035624#notice-9871705">In conversation</a><time datetime="2025-05-11T14:29:53+09:00" title="Sunday, 11-May-2025 14:29:53 JST">about a month ago</time> <span>from <span><a href="https://front-end.social/@fossheim/114484400007085222" rel="external" title="Sent from front-end.social via ActivityPub">front-end.social</a></span></span><a href="https://front-end.social/@fossheim/114484400007085222">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/4609412">code screenshot from the inspector: div with the link role, tabindex 0, and href, inside of it 4 nested divs. The lowest nested div has an aria-label "contact us", and text "contact u" with a span containing the s.</a></label><br><a href="https://cdn.masto.host/frontendsocial/media_attachments/files/114/484/389/501/937/653/original/b9af73c19e7e9f0e.png" rel="external">https://cdn.masto.host/frontendsocial/media_attachments/files/114/484/389/501/937/653/original/b9af73c19e7e9f0e.png</a></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Sarah Fossheim :100_gay: (fossheim@front-end.social)'s status on Sunday, 11-May-2025 14:29:53 JST Sarah Fossheim :100_gay:
why do something like
<a href="...">click me</a>
if you can just
<div role="link" tabindex="0" href="..."><div><div><div><div aria-label="click me">click m<span>e</span></div></div></div></div></div>
In conversationabout a month ago from front-end.socialpermalink
Attachments
1. code screenshot from the inspector: div with the link role, tabindex 0, and href, inside of it 4 nested divs. The lowest nested div has an aria-label "contact us", and text "contact u" with a span containing the s.
  https://cdn.masto.host/frontendsocial/media_attachments/files/114/484/389/501/937/653/original/b9af73c19e7e9f0e.png

Public

Embed Notice

HTML Code

Corresponding Notice