Attributen
Dit element bevat alleen de globale attributen.
Toegankelijkheid
De aanwezigheid van het s-element wordt door de meeste schermlezertechnologie in de standaardconfiguratie niet aangekondigd. Dit kan wel worden aangekondigd door gebruik te maken van de CSS-eigenschap content, samen met de pseudo-elementen ::before en ::after.
CSS
s::before,
s::after {
clip-path: inset(100%);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
s::before {
content: " [start of stricken text] ";
}
s::after {
content: " [end of stricken text] ";
}Sommige mensen die schermlezers gebruiken, schakelen het aankondigen van inhoud die extra breedsprakigheid veroorzaakt bewust uit. Daarom is het belangrijk om deze techniek niet te misbruiken en deze alleen toe te passen in situaties waarin het niet weten dat inhoud is doorgehaald het begrip nadelig zou beïnvloeden.
Voorbeelden
CSS
.sold-out {
text-decoration: line-through;
}HTML
<s>Today's Special: Salmon</s> SOLD OUT<br />
<span class="sold-out">Today's Special: Salmon</span> SOLD OUTResultaat
Technische samenvatting
| Inhoudscategorieën | Phrasing content, flow content. |
|---|---|
| Toegestane inhoud | Phrasing content. |
| Tag weglaten | Geen, zowel de begin- als de eindtag zijn verplicht. |
| Toegestane ouders | Elk element dat phrasing content accepteert. |
| Impliciete ARIA-rol |
deletion
|
| Toegestane ARIA-rollen | Elke |
| DOM-interface | HTMLElement |