Indicate language of link destination
<p>
There is also a page describing <a href="swedish-doc.html" hreflang="sv"
>why a DOCTYPE is useful</a
>.
</p>
`
CSS to show a language indicator next to the link
a[hreflang]:after {
content: ' [' attr(hreflang) ']';
color: #999;
vertical-align: super;
font-size: 70%;
}
CSS alternative with a custom text for each available language:
a[hreflang]:after {
color: #999;
vertical-align: super;
font-size: 70%;
}
a[hreflang='sv']:after {
content: ' [Swedish]';
}
a[hreflang='fi']:after {
content: ' [Finnish]';
}
Learn more about the related success criteria:
3.2.1 On Focus (Level: A)