<a href="#" class="listing-item">
<h1 class="title" id="listing-item-title-1">Dapibus ac facilisis in</h1>
<p>Lorem ipsum Morbi leo risus</p>
</a>
This is a custom component which mainly consists of a title and content wrapped in an anchor so the full element is clickable.
We do not use the aria-labelledby
attribute on the anchor in order to ensure the entire link text is readable by screen readers.
No additional actions, aside from the markup, are needed to use this component.
h1
element but this component works with every heading level (h1
- h6
).