Truncate

Truncate toont zijn inhoud op één regel. Past de inhoud niet, dan eindigt deze op een ellipsis en wordt de inhoud focusbaar gemaakt. Bij hover of focus verschijnt een tooltip met de volledige inhoud, en Escape sluit die tooltip weer.

Andere componenten, zoals Label en Plekinfo Card Item, gebruiken Truncate om hun eigen inkort- en tooltipgedrag te bieden.

Gedrag en toegankelijkheid

Gelet op WCAG succescriterium 1.4.4 zijn afbrekingen met ellipsis acceptabel als de volledige content beschikbaar is wanneer de gebruiker de tekst focus geeft of na activatie van de gebruiker.

Screenreaders lezen de visueel ingekorte tekst wel volledig voor. De tooltip is bedoeld voor gebruikers die de tekst visueel bekijken en toont bij hover of focus de volledige inhoud.

Bevat de inhoud een dso-renvooi, dan toont de tooltip dezelfde doorhaling (del) en markering (ins) als de regel zelf.