diff --git a/images/manifest-src-directive.svg b/images/manifest-src-directive.svg
index 454fdcd5..b38d4876 100644
--- a/images/manifest-src-directive.svg
+++ b/images/manifest-src-directive.svg
@@ -1,29 +1,28 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="701px" height="337px" viewBox="0 0 701 337" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
     <title>Untitled 2</title>
-    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
-    <defs></defs>
+    <desc>example.com has a CSP policy associated with the HTML file which states that manifests come from
+     bar.com, and icons from foo.com.</desc>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="Group" sketch:type="MSLayerGroup" transform="translate(1.000000, 1.000000)">
             <rect id="Rectangle-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="95" y="0" width="61" height="70"></rect>
-            <path d="M160.023212,67.0285072 C155.463513,60.9400623 148.191882,57 140,57 C139.090229,57 138.191809,57.0485959 137.307193,57.1433335 C134.557402,53.9915101 130.511272,52 126,52 C120.302031,52 115.346102,55.1770547 112.807032,59.8563479 L112.807032,59.8563479 C110.333921,58.0596519 107.290708,57 104,57 C95.7157283,57 89,63.7157283 89,72 C89,72.382818 89.0143407,72.7622865 89.0425141,73.1378976 C88.3746534,73.0469694 87.6928119,73 87,73 C78.7157283,73 72,79.7157283 72,88 C72,96.2842717 78.7157283,103 87,103 C89.0213401,103 90.9492975,102.600181 92.7091025,101.875313 L92.7091025,101.875313 C95.4585697,105.016343 99.497631,107 104,107 C106.732154,107 109.2937,106.269543 111.5,104.993267 C113.7063,106.269543 116.267846,107 119,107 C122.398952,107 125.53386,105.869489 128.04922,103.96397 L128.04922,103.96397 C131.599637,105.899876 135.671344,107 140,107 C143.672619,107 147.160272,106.208069 150.301511,104.785656 C152.907822,106.200897 155.865257,107 159,107 C169.493411,107 178,98.0456955 178,87 C178,76.315647 170.040867,67.5880902 160.023219,67.0285076 L160.023212,67.0285072 Z" id="Oval-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
-            <rect id="Rectangle-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="95" y="229" width="61" height="97"></rect>
-            <rect id="Rectangle-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="365" y="230" width="61" height="97"></rect>
+            <path d="M160,67 C155,61 148,57 140,57 C140,57 138,57 137,57 C134,54 130,52 126,52 C120,52 115,55 113,60 C110.333921,58.0596519 107.290708,57 104,57 C95.7157283,57 89,63.7157283 89,72 C89,72.382818 89.0143407,72.7622865 89.0425141,73.1378976 C88.3746534,73.0469694 87.6928119,73 87,73 C78.7157283,73 72,79.7157283 72,88 C72,96.2842717 78.7157283,103 87,103 C89.0213401,103 90.9492975,102.600181 92.7091025,101.875313 L92.7091025,101.875313 C95.4585697,105.016343 99.497631,107 104,107 C106.732154,107 109.2937,106.269543 111.5,104.993267 C113.7063,106.269543 116.267846,107 119,107 C122.398952,107 125.53386,105.869489 128.04922,103.96397 L128.04922,103.96397 C131.599637,105.899876 135.671344,107 140,107 C143.672619,107 147.160272,106.208069 150.301511,104.785656 C152.907822,106.200897 155.865257,107 159,107 C169.493411,107 178,98.0456955 178,87 C178,76.315647 170.040867,67.5880902 160.023219,67.0285076 L160.023212,67.0285072 Z" id="Oval-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
+            <rect id="Rectangle-2" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="95" y="229" width="61" height="97"></rect>
+            <rect id="Rectangle-3" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="365" y="230" width="61" height="97"></rect>
             <rect id="Rectangle-4" stroke="#979797" fill="#7ED321" sketch:type="MSShapeGroup" x="0" y="167" width="251" height="51" rx="8"></rect>
             <text id="Policy" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                 <tspan x="13" y="199">Policy</tspan>
             </text>
-            <text id="HTML" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
+            <text id="HTML" fill="#000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                 <tspan x="109" y="277">HTML</tspan>
             </text>
-            <text id="Manifest" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
+            <text id="Manifest" fill="#000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                 <tspan x="373" y="275">Manifest</tspan>
             </text>
-            <text id="example.com" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
+            <text id="example.com" fill="#000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                 <tspan x="89" y="88">example.com</tspan>
             </text>
             <rect id="Rectangle-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="365" y="0" width="61" height="70"></rect>
-            <path d="M431.023212,67.0285072 C426.463513,60.9400623 419.191882,57 411,57 C410.090229,57 409.191809,57.0485959 408.307193,57.1433335 C405.557402,53.9915101 401.511272,52 397,52 C391.302031,52 386.346102,55.1770547 383.807032,59.8563479 L383.807032,59.8563479 C381.333921,58.0596519 378.290708,57 375,57 C366.715728,57 360,63.7157283 360,72 C360,72.382818 360.014341,72.7622865 360.042514,73.1378976 C359.374653,73.0469694 358.692812,73 358,73 C349.715728,73 343,79.7157283 343,88 C343,96.2842717 349.715728,103 358,103 C360.02134,103 361.949297,102.600181 363.709103,101.875313 L363.709103,101.875313 C366.45857,105.016343 370.497631,107 375,107 C377.732154,107 380.2937,106.269543 382.5,104.993267 C384.7063,106.269543 387.267846,107 390,107 C393.398952,107 396.53386,105.869489 399.04922,103.96397 L399.04922,103.96397 C402.599637,105.899876 406.671344,107 411,107 C414.672619,107 418.160272,106.208069 421.301511,104.785656 C423.907822,106.200897 426.865257,107 430,107 C440.493411,107 449,98.0456955 449,87 C449,76.315647 441.040867,67.5880902 431.023219,67.0285076 L431.023212,67.0285072 Z" id="Oval-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
+            <path d="M431.023212,67.0285072 C426,61 419,57 411,57 C410,57 409,57 408,57 C405,54 401,52 397,52 C391,52 386,55 384,60 C381.333921,58.0596519 378.290708,57 375,57 C366.715728,57 360,63.7157283 360,72 C360,72.382818 360.014341,72.7622865 360.042514,73.1378976 C359.374653,73.0469694 358.692812,73 358,73 C349.715728,73 343,79.7157283 343,88 C343,96.2842717 349.715728,103 358,103 C360.02134,103 361.949297,102.600181 363.709103,101.875313 L363.709103,101.875313 C366.45857,105.016343 370.497631,107 375,107 C377.732154,107 380.2937,106.269543 382.5,104.993267 C384.7063,106.269543 387.267846,107 390,107 C393.398952,107 396.53386,105.869489 399.04922,103.96397 L399.04922,103.96397 C402.599637,105.899876 406.671344,107 411,107 C414.672619,107 418.160272,106.208069 421.301511,104.785656 C423.907822,106.200897 426.865257,107 430,107 C440.493411,107 449,98.0456955 449,87 C449,76.315647 441.040867,67.5880902 431.023219,67.0285076 L431.023212,67.0285072 Z" id="Oval-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
             <text id="bar.com" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                 <tspan x="375" y="85">bar.com</tspan>
             </text>
@@ -31,7 +30,7 @@
             <path d="M125.5,180.5 L128.5,169.7 L122.5,169.7 L125.5,180.5 L125.5,180.5 L125.5,180.5 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
             <path d="M396.5,95.5 L396.5,251.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
             <rect id="Rectangle-1-copy" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup" x="585" y="0" width="61" height="70"></rect>
-            <path d="M650.023212,67.0285072 C645.463513,60.9400623 638.191882,57 630,57 C629.090229,57 628.191809,57.0485959 627.307193,57.1433335 C624.557402,53.9915101 620.511272,52 616,52 C610.302031,52 605.346102,55.1770547 602.807032,59.8563479 L602.807032,59.8563479 C600.333921,58.0596519 597.290708,57 594,57 C585.715728,57 579,63.7157283 579,72 C579,72.382818 579.014341,72.7622865 579.042514,73.1378976 C578.374653,73.0469694 577.692812,73 577,73 C568.715728,73 562,79.7157283 562,88 C562,96.2842717 568.715728,103 577,103 C579.02134,103 580.949297,102.600181 582.709103,101.875313 L582.709103,101.875313 C585.45857,105.016343 589.497631,107 594,107 C596.732154,107 599.2937,106.269543 601.5,104.993267 C603.7063,106.269543 606.267846,107 609,107 C612.398952,107 615.53386,105.869489 618.04922,103.96397 L618.04922,103.96397 C621.599637,105.899876 625.671344,107 630,107 C633.672619,107 637.160272,106.208069 640.301511,104.785656 C642.907822,106.200897 645.865257,107 649,107 C659.493411,107 668,98.0456955 668,87 C668,76.315647 660.040867,67.5880902 650.023219,67.0285076 L650.023212,67.0285072 Z" id="Oval-1-copy" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
+            <path d="M650,67 C645,61 638,57 630,57 C629,57 628,57 627,57 C624,54 620,52 616,52 C610,52 605,55 603,60 C600,58 597,57 594,57 C586,57 579,64 579,72 C569,73 562,780 562,88 C562,96 569,103 577,103 C579,103 581,102 583,102 C585,105 590,107 594,107 C597,107 599,106 601.5,105 C603,106 606,107 609,107 C612,107 615,106 618,104 C621,106 625,107 630,107 C633,107 637.160272,106.208069 640.301511,104.785656 C642.907822,106.200897 645.865257,107 649,107 C659,107 668,98 668,87 C668,76 660,6 650,67 Z" id="Oval-1-copy" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
             <text id="icons.com" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="12" font-weight="normal">
                 <tspan x="588" y="88">icons.com</tspan>
             </text>
@@ -42,22 +41,23 @@
             <path d="M125.5,208.5 L125.5,257.75444" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
             <path d="M125.5,257.5 L128.5,246.7 L122.5,246.7 L125.5,257.5 L125.5,257.5 L125.5,257.5 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
             <path d="M396.5,254.5 L399.5,243.7 L393.5,243.7 L396.5,254.5 L396.5,254.5 L396.5,254.5 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
-            <text id="manifest-src-bar.com" fill="#000000" sketch:type="MSTextLayer" font-family="Courier New" font-size="12.3586207" font-weight="normal">
+            <text id="manifest-src-bar.com" fill="#000000" sketch:type="MSTextLayer" font-family="Courier New" font-size="12">
                 <tspan x="75" y="189">manifest-src bar.com</tspan>
                 <tspan x="75" y="203">image-src icons.com</tspan>
             </text>
-            <path d="M589.499999,241.25 L573.335907,249.747968 L576.422973,231.748984 L563.345946,219.002033 L581.417955,216.376014 L589.5,200 L597.58205,216.376018 L615.654059,219.002046 L602.577026,231.748988 L605.664093,249.747969 L589.499999,241.25 Z" id="Star-1" stroke="#979797" fill="#F6A623" sketch:type="MSShapeGroup"></path>
-            <path d="M623.499999,300.25 L607.335907,308.747968 L610.422973,290.748984 L597.345946,278.002033 L615.417955,275.376014 L623.5,259 L631.58205,275.376018 L649.654059,278.002046 L636.577026,290.748988 L639.664093,308.747969 L623.499999,300.25 Z" id="Star-1-copy" stroke="#979797" fill="#F6A623" sketch:type="MSShapeGroup"></path>
-            <path d="M673.499999,268.25 L657.335907,276.747968 L660.422973,258.748984 L647.345946,246.002033 L665.417955,243.376014 L673.5,227 L681.58205,243.376018 L699.654059,246.002046 L686.577026,258.748988 L689.664093,276.747969 L673.499999,268.25 Z" id="Star-1-copy-2" stroke="#979797" fill="#F6A623" sketch:type="MSShapeGroup"></path>
+            <g id="icon-group" aria-labelledby="icons" role="listitem">
+                <text id="icons" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="14">
+                    <tspan x="610" y="335">icons</tspan>
+                </text>
+                <path d="M589.5,241.25 L573.335907,249.747968 L576.422973,231.748984 L563.345946,219 L581.417955,216.376014 L589.5,200 L597.58205,216.376018 L615.654059,219.002046 L602.577026,231.748988 L605.664093,249.747969 L589.499999,241.25 Z" id="Star-1" stroke="#979797" fill="#F6A623" sketch:type="MSShapeGroup"></path>
+                <path d="M623.5,300.25 L607.335907,308.747968 L610.422973,290.748984 L597.345946,278 L615.417955,275.376014 L623.5,259 L631.58205,275.376018 L649.654059,278.002046 L636.577026,290.748988 L639.664093,308.747969 L623.499999,300.25 Z" id="Star-1-copy" stroke="#979797" fill="#F6A623" sketch:type="MSShapeGroup"></path>
+                <path d="M673.5,268.25 L657.335907,276.747968 L660.422973,258.748984 L647.345946,246 L665.417955,243.376014 L673.5,227 L681.58205,243.376018 L699.654059,246.002046 L686.577026,258.748988 L689.664093,276.747969 L673.499999,268.25 Z" id="Star-1-copy-2" stroke="#979797" fill="#F6A623" sketch:type="MSShapeGroup"></path>
+            </g>
             <path d="M614.5,106.5 L605.5,211.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
-            <path d="M605.53288,211.116397 C606.901861,207.439878 608.075272,204.288576 609.444253,200.612057 C607.351925,200.432714 605.558501,200.278992 603.466173,200.09965 C604.18952,203.955511 604.809533,207.260535 605.53288,211.116397 L605.53288,211.116397 L605.53288,211.116397 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
+            <path d="M605.5,211.1 C606.9,207.4 608.1,204.3 609.4,200.6 C607.4,200.4 605.6,200.3 603.5,200.1 C604.2,203.9 604.9,207.3 605.5,211.1 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
             <path d="M634.5,106.5 L662.5,240.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
-            <path d="M662.317119,239.624784 C662.571768,235.709933 662.790039,232.354347 663.044689,228.439497 C660.989085,228.869026 659.22714,229.237193 657.171536,229.666723 C658.97249,233.152044 660.516165,236.139462 662.317119,239.624784 L662.317119,239.624784 L662.317119,239.624784 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
+            <path d="M662.317119,239.624784 C662.571768,235.709933 662.790039,232.354347 663.044689,228.439497 C661,228.9 659.22714,229.237193 657.171536,229.666723 C658.97249,233.152044 660.516165,236.139462 662.317119,239.624784 L662.317119,239.624784 L662.317119,239.624784 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
             <path d="M619.5,104.5 L631.5,257.5" id="Line" stroke="#979797" sketch:type="MSShapeGroup"></path>
             <path d="M631.463261,257.031575 L633.60961,246.030066 L627.62798,246.499214 C628.970328,250.18554 630.120913,253.345248 631.463261,257.031575 L631.463261,257.031575 L631.463261,257.031575 Z" id="Line-decoration-1" stroke="#979797" fill="#D8D8D8" sketch:type="MSShapeGroup"></path>
-            <text id="icons" fill="#000000" sketch:type="MSTextLayer" font-family="Helvetica" font-size="14" font-weight="normal">
-                <tspan x="610" y="335">icons</tspan>
-            </text>
-        </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>