Added note about SVG in a focusable element

Author: ericwbailey

partials/section.embedded.hbs

@@ -37,18 +37,20 @@
         <figcaption>
             <a rel="external noopener" href="https://thenounproject.com/search/?q=crab&i=583446">Crab by Hea Poh Lin</a> from the Noun Project
         </figcaption>
-
-        <ul>
-            <li>
-                <small>Note: Be sure to provide values for the <code>height</code> and <code>width</code> attributes so <abbr>SVGs</abbr> won't expand to fill the page if styles don't load.</small>
-            </li>
-            <li>
-                <small>Note: Different implementations of <abbr>SVG</abbr> have <a rel="external noopener" href="https://css-tricks.com/accessible-svgs/">different approaches for being made accessible</a>.</small>
-            </li>
-        </ul>
-
     </figure><!-- End of #subsection__inline-svg -->
 
+    <ul>
+        <li>
+            <small>Note: Be sure to provide values for the <code>height</code> and <code>width</code> attributes so <abbr>SVGs</abbr> won't expand to fill the page if styles don't load.</small>
+        </li>
+        <li>
+            <small>Note: Different implementations of <abbr>SVG</abbr> have <a rel="external noopener" href="https://css-tricks.com/accessible-svgs/">different approaches for being made accessible</a>.</small>
+        </li>
+        <li>
+            <small>Note: Apply <code>focusable=”false”</code> to any <abbr>SVG</abbr> placed inside of <a rel="external noopener" href="http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-5">a focusable element such as a link or button</a>.</small>
+        </li>
+    </ul>
+
     <h2 id="subsection__picture">Picture</h2><!-- Start of #subsection__picture -->
     <picture>
         <source