title: Make Inline SVG With Nested Images Accessible
body: <p>I have the following svg in a webpage. Besides the <code>title</code> and <code>desc</code> tags I have added, is there anything else I can do to make this svg more accessible? For instance, are there attributes, roles, etc. I can add to the <code>image</code> tags for visually impaired users?</p>
  <pre><code>&lt;svg id=&quot;SvgjsSvg1001&quot; width=&quot;100%&quot; height=&quot;100%&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; version=&quot;1.1&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; xmlns:svgjs=&quot;http://svgjs.dev/svgjs&quot;&gt;
     &lt;rect id=&quot;SvgjsRect1008&quot; width=&quot;206&quot; height=&quot;420&quot; x=&quot;0&quot; y=&quot;0&quot; fill=&quot;#80ff72&quot;&gt;&lt;/rect&gt;
     &lt;rect id=&quot;SvgjsRect1010&quot; width=&quot;206&quot; height=&quot;420&quot; x=&quot;246.5&quot; y=&quot;0&quot; fill=&quot;#80ff72&quot;&gt;&lt;/rect&gt;
     &lt;rect id=&quot;SvgjsRect1011&quot; width=&quot;40.5&quot; height=&quot;420&quot; x=&quot;206&quot; y=&quot;0&quot; fill=&quot;#7ee8fa&quot;&gt;&lt;/rect&gt;
     &lt;image id=&quot;SvgjsImage1012&quot; xlink:href=&quot;./assets/river-crossing/common/raft.svg&quot; width=&quot;206&quot; height=&quot;206&quot; x=&quot;206&quot; y=&quot;107&quot;&gt;&lt;/image&gt;
     &lt;image id=&quot;SvgjsImage1013&quot; xlink:href=&quot;./assets/river-crossing/goat-apple-wolf/goat.svg&quot; width=&quot;98&quot; height=&quot;98&quot; x=&quot;0&quot; y=&quot;0&quot;&gt;&lt;/image&gt;
     &lt;image id=&quot;SvgjsImage1014&quot; xlink:href=&quot;./assets/river-crossing/goat-apple-wolf/apple.svg&quot; width=&quot;98&quot; height=&quot;98&quot; x=&quot;0&quot; y=&quot;108&quot;&gt;&lt;/image&gt;
     &lt;image id=&quot;SvgjsImage1015&quot; xlink:href=&quot;./assets/river-crossing/goat-apple-wolf/wolf.svg&quot; width=&quot;98&quot; height=&quot;98&quot; x=&quot;0&quot; y=&quot;216&quot;&gt;&lt;/image&gt;
     &lt;image id=&quot;SvgjsImage1016&quot; xlink:href=&quot;./assets/river-crossing/goat-apple-wolf/farmer.svg&quot; width=&quot;98&quot; height=&quot;98&quot; x=&quot;0&quot; y=&quot;324&quot;&gt;&lt;/image&gt;
     &lt;title&gt;Animation&lt;/title&gt;
     &lt;desc&gt;Displays the animation&lt;/desc&gt;
  &lt;/svg&gt;
  </code></pre>