It turns out screenreaders are having trouble with the character. So we are going to remove it in the default templates.
We are going to go for the default hyphens: auto CSS option. If in some cases we still need a more refined control over the hyphens, we can still use the hyphenate function. To make this more accessible, we can then add an aria-label.
<h2 aria-label="toegankelijkheidsonderzoek">
toegankelijk­heidsonder­oek
</h2>