Parsing Inline SVG for Hyperlinks | Voters

Parsing Inline SVG for Hyperlinks

MikeK401

Please consider parsing inline svg for hyperlinks. It's as simple as looking for the

anchor tag

that may be embedded inside of a

svg tag

. Inline SVG is being used more and more for its flexibility in generating text. Any text or graphical sections of the SVG can become a hyperlink.

Your site audit doesn't detect these links within our svg tags so I have to keep turning off this error "Canonical URL has no incoming internal links", etc.

Here's an example, that generates a red hyperlink written on an angle:

<html>
  <body>
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" viewBox="112 0 800 1024" xml:space="preserve">
      <a href="https://docradio.org/lyrics/the-beginning-a-simple-seed-meaning.html">
        <g transform="matrix(0.98 -0.21 0.21 0.98 200 200)" style="" >
          <text xml:space="preserve" font-family="Raleway" font-size="11.0" font-style="normal" font-weight="normal" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(230,23,2); fill-rule: nonzero; opacity: 1; white-space: pre;" >
            <tspan x="0.0" y="4.51" >See song lyrics & meaning from DOC Radio - Christian Hits</tspan>
          </text>
        </g>
      </a>
    </svg>
  </body>
</html>

March 29, 2023