vue transpiled text in headings - accessibility

Question

Im working through an accessibility audit for one of our sites. One of the things that has came back is empty headers where we have used vue for the text content. The audit is not seeing the rendered content and is hightlighting this as an issue. Does anyone have any ideas as to a solution?

<h3 v-html="post.title.rendered"></h3>

This is seen as an empty h3

yes the text is rendered, Im hoping this is not an actual issue and its maybe getting picked up due to some automated test. (the audit is via an external company) — Adam Adams, Feb 01 '21 at 12:49
What tool are you using to do this audit? If there's actually text in the DOM and your tool isn't picking that up, then it sounds like something isn't right. — Josh, Feb 01 '21 at 22:21

score 0 · Answer 1 · answered Feb 02 '21 at 14:35

0

I found an link here that helps

Screen readers and Javascript

Thanks for the replies

answered Feb 02 '21 at 14:35

Adam Adams

63
10

vue transpiled text in headings - accessibility

1 Answers1