Affinity Designer SVG gives HTML validation errors

[All Media Lab]

Hi,

Test site:

https://www.yourweblab.nl/preloader/  

HTML validation errors:

https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.yourweblab.nl%2Fpreloader%2F

Created a Greensok animation with a SVG I created in Affinity Designer. Errors are caused by the multiple identical ID's Affinity Designer put's in

<g id="L1" serif:id="L">

 and a 

!DOCTYPE svg

 (that I already removed). This happens in all export settings and with the fonts as curves or real fonts.

Anyone found  a workaround?

Cheers,

David

[Alfred]

1 hour ago, All Media Lab said:

Anyone found  a workaround?

The “workaround” is for the apps to be updated! The !DOCTYPE declaration should be omitted (to avoid problems associated with DTD-based validation) and the coding needs to be revised so that no serif:id attribute errors are generated.

[v_kyr]

2 hours ago, All Media Lab said:

Errors are caused by the multiple identical ID's Affinity Designer put's in

Did you named any of the layer groups by yourself?

[walt.farrell]

3 hours ago, All Media Lab said:

Errors are caused by the multiple identical ID's Affinity Designer put's in

That almost sounds like you created multiple SVG exports from Affinity, and then extracted the code from them using a text editor, and modified it a bit, and embedded the modified code into another document.

If so, I don't think that's how one should use SVGs, but I'm not an expert. I would have simply referred to the external SVG files from my HTML page, though.

[v_kyr]

4 hours ago, walt.farrell said:

... using a text editor, and modified it a bit, and embedded the modified code into another document.

Honestly the SVG code on the OPs referenced site page looks like this, aka that it is more manually crafted together with some uncommon group name structurings.