Make inline cms-field reference more accessible


I’m referencing a cms field in a heading.
I used an embed for it.

Schermafbeelding 2022-05-30 om 17.31.41

But in the actual code, webflow puts the part before the cms reference, the cms reference itself and the part after, all in separate H2 tags.

Schermafbeelding 2022-05-30 om 17.32.37

This is not a good thing for accessibility. It will be very annoying for someone using a screenreader tho hear the word “heading” three times while it is actually the same heading.

Is there a way to fix this? Besides putting the full sentence in a CMS field.
Maybe some javascript that combines them in one H2?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Anyone? Who can I tag that might know a solution?

CleanShot 2022-06-07 at 21.35.17

Move that slash maybe? Webflow doesn’t fix your code anymore, but browsers will try. I have no idea how messing with a heading closing tag ends up with 3 consecutive h2 tags.

Oh damn… completely missed that little mistake. Thanks!

But it gets even more embarrassing… I completely looked at the wrong piece of the code when checking how the embed would work… so my issue does not even exist. It renders fine. So stupid… it was late in the evening I guess…

But thanks anyway!

1 Like

We frequently overlook things, that’s why a community is important, more eyes, more brains. I’m here for you today, you’ll be there for me tomorrow. I do dumb mistakes all the time.

Everything is under control :slight_smile: