Attributen
De attributen van dit element omvatten de globale attributen.
cite | Een URI voor een bron die de wijziging toelicht (bijvoorbeeld notulen van een vergadering). |
|---|---|
datetime | Dit attribuut geeft het tijdstip en de datum van de wijziging aan en moet een geldige datumtekenreeks zijn met een optionele tijd. Als de waarde niet kan worden geïnterpreteerd als een datum met optionele tijd, heeft het element geen bijbehorende tijdstempel. Zie Datumreeksen voor de opmaak van de tekenreeks zonder tijd. De opmaak van de tekenreeks als deze zowel datum als tijd bevat, wordt behandeld in Lokale datum- en tijdreeksen. |
Toegankelijkheid
De aanwezigheid van het del-element wordt in de standaardconfiguratie door de meeste schermlezertechnologie niet aangekondigd. Dit kan worden bereikt door de CSS-eigenschap content te gebruiken, samen met de pseudo-elementen ::before en ::after.
CSS
del::before,
del::after {
clip-path: inset(100%);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
del::before {
content: " [deletion start] ";
}
del::after {
content: " [deletion end] ";
}Sommige mensen die schermlezers gebruiken, schakelen bewust het aankondigen van inhoud uit die extra breedsprakigheid veroorzaakt. Daarom is het belangrijk om deze techniek niet te misbruiken en alleen toe te passen in situaties waarin het niet weten dat inhoud is verwijderd het begrip nadelig zou beïnvloeden.
Voorbeelden
HTML
<p><del>This text has been deleted</del>, here is the rest of the paragraph.</p>
<del><p>This paragraph has been deleted.</p></del>Resultaat
Technische samenvatting
| Inhoudscategorieën | Phrasing content, flow content. |
|---|---|
| Toegestane inhoud | Transparant. |
| Weglaten van tags | Geen, zowel de begin- als de eindtag zijn verplicht. |
| Toegestane bovenliggende elementen | Elk element dat phrasing content accepteert. |
| Impliciete ARIA-rol |
deletion
|
| Toegestane ARIA-rollen | Elke |
| DOM-interface | HTMLModElement |