diff --git a/spec/asserted-triple-term.svg b/spec/asserted-triple-term.svg
index 4bcb6c9f..53b679a8 100644
--- a/spec/asserted-triple-term.svg
+++ b/spec/asserted-triple-term.svg
@@ -1,47 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.0 0.0 464 296">
-
-  <style>
-      svg { fill: none; stroke: none; }
-      ellipse { stroke: #000 }
-      path.arrow { stroke: #000; marker-end: url(#arrowhead) }
-      text { fill: #000; font-family: Helvetica, sans-serif; }
-      text.middle { text-anchor: middle }
-      text.italic { font-style: italic }
-      .rei { fill: #fff }
-      rect.quoted { fill: #ccc; stroke: #000; }
-      rect.reifies { fill: #fff; stroke: #000; }
-  </style>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0.0 0.0 464 324">
+
+  <style>@import url('figure.css')</style>
 
   <defs>
-    <marker id="arrowhead" orient="auto" markerWidth="8" markerHeight="8"
-            refX="0" refY="3">
-      <path d="M0,0 V6 L8,3 Z" fill="#000" />
+    <marker id="arrowhead" orient="auto-start-reverse" markerWidth="10" markerHeight="10"
+            refX="0" refY="5">
+      <path d="M0,0 V10 L10,5 Z" fill="context-stroke" />
     </marker>
   </defs>
 
-  <g transform="translate(230, 256)">
-    <ellipse rx="80" ry="36"/>
-    <text class="middle" y="6">:Bob</text>
-  </g>
-  <rect class="reifies" x="5" y="2" width="453" height="128" rx="16"/>
-
-  <g transform="translate(230, 128)">
-    <ellipse class="rei" rx="60" ry="24"/>
-    <text class="middle italic" y="6">_:rei-1</text>
-    <text class="italic" x="72" y="-6">rdf:reifies</text>
-  </g>
-  <g transform="translate(230, 68)">
-    <path d="M0,84 0,142" class="arrow"/>
-    <text x="8" y="118">:accordingTo</text>
-  </g>
-
-  <g transform="translate(0, 58)">
+  <g transform="translate(0, 48)">
     <g transform="translate(100, 0)">
       <ellipse rx="80" ry="36"/>
       <text class="middle" y="6">:Alice</text>
     </g>
     <g transform="translate(180, 2)">
-      <path d="M0,0 95,0" class="arrow"/>
+      <path d="M0,0 92,0" class="arrow"/>
       <text x="26" y="-8">:name</text>
     </g>
     <g transform="translate(363, 0)">
@@ -50,4 +24,24 @@
     </g>
   </g>
 
-</svg>
\ No newline at end of file
+  <g transform="translate(230, 60)">
+    <path d="m 0,1 c -8,16 -16,24 0,34 s 0,24 0,37" class="reifies"/>
+    <text class="italic" dx="16" dy="50">rdf:reifies</text>
+  </g>
+
+  <g transform="translate(228, 150)">
+    <ellipse rx="48" ry="18"/>
+    <text class="middle italic" y="6">:rei-1</text>
+  </g>
+
+  <g transform="translate(230, 84)">
+    <path d="M0,84 0,140" class="arrow"/>
+    <text x="8" y="118">:accordingTo</text>
+  </g>
+
+  <g transform="translate(230, 272)">
+    <ellipse rx="80" ry="36"/>
+    <text class="middle" y="6">:Bob</text>
+  </g>
+
+</svg>
diff --git a/spec/figure.css b/spec/figure.css
new file mode 100644
index 00000000..16a73073
--- /dev/null
+++ b/spec/figure.css
@@ -0,0 +1,16 @@
+:root { --bg: #fff; --solid: #eee; --abstract: #aaa; --fg: #000 }
+@media (prefers-color-scheme: dark) {
+  :root { --bg: #000; --solid: #333; --abstract: #777; --fg: #eee }
+}
+svg { background-color: var(--bg); stroke: none }
+ellipse { stroke: var(--fg); fill: var(--solid) }
+path.arrow { stroke: var(--fg); marker-end: url(#arrowhead) }
+#arrowhead { fill: var(--fg) }
+text { fill: var(--fg); font-family: Helvetica, sans-serif }
+text.middle { text-anchor: middle }
+text.italic { font-style: italic }
+path.reifies { stroke: var(--fg); stroke-width: 1; marker-start: url(#arrowhead); fill: none }
+.abstract > path.arrow { stroke: var(--abstract); stroke-dasharray: 8; marker-end: url(#arrowhead-abstract) }
+#arrowhead-abstract { fill: var(--abstract) }
+.abstract > text { fill: var(--abstract) }
+.unlinked > ellipse { stroke: var(--abstract) }
diff --git a/spec/index.html b/spec/index.html
index ef7ecbc2..b567fc5a 100644
--- a/spec/index.html
+++ b/spec/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
+  <meta name="color-scheme" content="light dark">
   <title>RDF 1.2 Concepts and Abstract Syntax</title>
   <script src="https://www.w3.org/Tools/respec/respec-w3c" class="remove"></script>
   <script src="./common/local-biblio.js" class="remove"></script>
@@ -43,7 +44,11 @@
     };
   </script>
   <style>
-    figure { text-align: center; }
+    body:has(input[type='radio'][value='light']:checked) { color-scheme: light }
+    body:has(input[type='radio'][value='dark']:checked) { color-scheme: dark }
+    figure { text-align: center }
+    figure > a { display: block }
+    figure > a > object { max-width: 40em; pointer-events: none }
     table.simple td, table th { border: 1px solid #ddd; padding: 0.2em 0.5em; }
     ol ol { list-style-type: lower-latin; }
     .grammar td { font-family: monospace;}
@@ -138,7 +143,10 @@ <h3>Graph-based Data Model</h3>
       node-arc-node link.</p>
 
     <figure id="fig-rdf-graph">
-      <a href="rdf-graph.svg"><img src="rdf-graph.svg" alt="An RDF graph with two nodes (Subject and Object) and a triple connecting them (Predicate)" /></a>
+      <a href="rdf-graph.svg">
+        <object data="rdf-graph.svg"
+          aria-label="An RDF graph with two nodes (Subject and Object) and a triple connecting them (Predicate)"></object>
+      </a>
       <figcaption>An RDF graph with two nodes (Subject and Object) and a triple connecting them (Predicate)</figcaption>
     </figure>
 
@@ -326,34 +334,30 @@ <h3>Triple Terms and Reification</h3>
       Concrete syntaxes, such as Turtle [[RDF12-TURTLE]],
       may have shortcuts for capturing a <a>triple term</a> with its <a>reifier</a>.</p>
 
-    <p>The following diagram represents a statement and a reification of an unasserted <a>triple term</a>.</p>
+    <p>The following diagram represents a <a>reifying triple</a> of an unasserted, abstract <a>triple term</a>, and a <a>triple</a> relating the <a>reifier</a> to another resource.</p>
 
     <figure id="fig-triple-term">
       <a href="triple-term.svg">
-        <!-- A version of this graphic can be found at https://docs.google.com/drawings/d/1RP9Nw5GCNjduWSXZj_EZ8FaAc7p_N-WVmzJ0syvum1k -->
-        <img src="triple-term.svg"
-             alt="An RDF graph containing a triple that references an unasserted triple term (with grey background) via a reifier"
-             style="width:70%"
-             aria-describedby="fig-triple-term-alt"/>
+        <object data="triple-term.svg" aria-describedby="fig-triple-term-alt"
+          aria-label="An RDF graph containing a triple that references an unasserted triple term (with grey dashed arc) via a reifier"></object>
       </a>
       <figcaption id="fig-triple-term-alt">
-        An <a>RDF graph</a> containing a <a>triple</a> that references an unasserted <a>triple term</a> (with grey background) via a <a>reifier</a>.
+        An <a>RDF graph</a> containing a <a>reifying triple</a> that references an abstract <a>triple term</a> (which is unasserted, depicted using a grey, dashed arc) from a <a>reifier</a>; and a triple describing this reifier.
       </figcaption>
     </figure>
 
-    <p>A variation on the graph shown in <a href="#fig-triple-term"></a> can be described
-      where the <a>triple term</a> is also <a data-lt="asserted triple">asserted</a>.</p>
+    <p>Here is a variation on the graph shown in <a href="#fig-triple-term"></a>. This represents a graph
+      where the <a>triple term</a> corresponds to an <a>asserted triple</a>.
+    </p>
 
     <figure id="fig-asserted-triple-term">
       <a href="asserted-triple-term.svg">
-        <!-- A version of this graphic can be found at https://docs.google.com/drawings/d/1gAHQj4wk87tmeHf4-wnxdgmjq3T05_ovrJq0V-1VXKw -->
-        <img src="asserted-triple-term.svg"
-             alt="An RDF graph containing a triple that references an triple term, which is also asserted, via a reifier"
-             style="width:70%"
-             aria-describedby="fig-asserted-triple-term-alt"/>
+        <object data="asserted-triple-term.svg" aria-describedby="fig-asserted-triple-term-alt"
+          aria-label="An RDF graph containing a reifying triple where the triple term corresponds to an asserted triple"></object>
       </a>
       <figcaption id="fig-asserted-triple-term-alt">
-        An <a>RDF graph</a> containing a <a>triple</a> that references an <a>triple term</a>, which is also asserted, via a <a>reifier</a>.
+        An <a>RDF graph</a> containing a <a>reifying triple</a> where the <a>triple term</a> corresponds to an <a>asserted triple</a>.
+        The diagram represents the proposition as a fact using the asserted triple, meaning that the relationship holds.
       </figcaption>
     </figure>
 
diff --git a/spec/rdf-graph.svg b/spec/rdf-graph.svg
index 65e8b76a..9d6f00eb 100644
--- a/spec/rdf-graph.svg
+++ b/spec/rdf-graph.svg
@@ -1,19 +1,27 @@
-<svg viewBox="0 -20.5 329 41" width="329" height="41" xmlns="http://www.w3.org/2000/svg">
-  <style type="text/css">
-ellipse, polyline { stroke-width: 1; stroke: black; }
-ellipse { fill: white; }
-polyline { fill: none; }
-text { fill: black; text-anchor: middle; font-family: Helvetica, sans-serif; }
-  </style>
-  <g transform="translate(55 0)">
-    <ellipse rx="54" ry="20"/><text y="5" font-size="16">Subject</text>
-  </g>
-  <g transform="translate(274 0)">
-    <ellipse rx="54" ry="20"/><text y="5" font-size="16">Object</text>
-  </g>
-  <g transform="translate(109 0)">
-    <text x="52" y="-5" font-size="16">Predicate</text>
-    <polyline points="0,0 109,0"/>
-    <polyline points="98,-5 110,0 98,5"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 464 80">
+
+  <style>@import url('figure.css')</style>
+
+  <defs>
+    <marker id="arrowhead" orient="auto-start-reverse" markerWidth="10" markerHeight="10"
+            refX="0" refY="5">
+      <path d="M0,0 V10 L10,5 Z" fill="context-stroke" />
+    </marker>
+  </defs>
+
+  <g transform="translate(104 40)">
+    <g>
+      <ellipse rx="70" ry="26"/>
+      <text class="middle" y="5" font-size="16">Subject</text>
+    </g>
+    <g transform="translate(70 0)">
+      <text class="middle" x="52" y="-5" font-size="16">Predicate</text>
+      <path d="M0,0 100,0" class="arrow"/>
+    </g>
+    <g transform="translate(251 0)">
+      <ellipse rx="70" ry="26"/>
+      <text class="middle" y="5" font-size="16">Object</text>
+    </g>
   </g>
+
 </svg>
diff --git a/spec/triple-term.svg b/spec/triple-term.svg
index fe133f8d..12bad22f 100644
--- a/spec/triple-term.svg
+++ b/spec/triple-term.svg
@@ -1,53 +1,51 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.0 0.0 464 296">
-
-  <style>
-      svg { fill: none; stroke: none; }
-      ellipse { stroke: #000 }
-      path.arrow { stroke: #000; marker-end: url(#arrowhead) }
-      text { fill: #000; font-family: Helvetica, sans-serif; }
-      text.middle { text-anchor: middle }
-      text.italic { font-style: italic }
-      .rei { fill: #fff }
-      rect.quoted { fill: #ccc; stroke: #000; }
-      rect.reifies { fill: #fff; stroke: #000; }
-  </style>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0.0 0.0 464 324">
+
+  <style>@import url('figure.css')</style>
 
   <defs>
-    <marker id="arrowhead" orient="auto" markerWidth="8" markerHeight="8"
-            refX="0" refY="3">
-      <path d="M0,0 V6 L8,3 Z" fill="#000" />
+    <marker id="arrowhead"
+            orient="auto-start-reverse" markerWidth="10" markerHeight="10" refX="0" refY="5">
+      <path d="M0,0 V10 L10,5 Z" fill="context-stroke" />
+    </marker>
+    <marker id="arrowhead-abstract"
+            orient="auto-start-reverse" markerWidth="10" markerHeight="10" refX="0" refY="5">
+      <path d="M0,0 V10 L10,5 Z" />
     </marker>
   </defs>
 
-  <g transform="translate(230, 256)">
-    <ellipse rx="80" ry="36"/>
-    <text class="middle" y="6">:Bob</text>
-  </g>
-  <rect class="quoted" x="5" y="2" width="453" height="128" rx="16"/>
-
-  <g transform="translate(230, 128)">
-    <ellipse class="rei" rx="60" ry="24"/>
-    <text class="middle italic" y="6">_:rei-1</text>
-    <text class="italic" x="72" y="-6">rdf:reifies</text>
-  </g>
-  <g transform="translate(230, 68)">
-    <path d="M0,84 0,142" class="arrow"/>
-    <text x="8" y="118">:accordingTo</text>
-  </g>
-
-  <g transform="translate(0, 58)">
-    <g transform="translate(100, 0)">
+  <g transform="translate(0, 48)">
+    <g transform="translate(100, 0)" class="unlinked">
       <ellipse rx="80" ry="36"/>
       <text class="middle" y="6">:Alice</text>
     </g>
-    <g transform="translate(180, 2)">
-      <path d="M0,0 95,0" class="arrow"/>
+    <g transform="translate(180, 2)" class="abstract">
+      <path d="M0,0 92,0" class="arrow"/>
       <text x="26" y="-8">:name</text>
     </g>
-    <g transform="translate(363, 0)">
+    <g transform="translate(363, 0)" class="unlinked">
       <ellipse rx="80" ry="36"/>
       <text class="middle" y="6">"Alice"</text>
     </g>
   </g>
 
-</svg>
\ No newline at end of file
+  <g transform="translate(230, 60)">
+    <path d="m 0,1 c -8,16 -16,24 0,34 s 0,24 0,37" class="reifies"/>
+    <text class="italic" dx="16" dy="50">rdf:reifies</text>
+  </g>
+
+  <g transform="translate(228, 150)">
+    <ellipse rx="48" ry="18"/>
+    <text class="middle italic" y="6">:rei-1</text>
+  </g>
+
+  <g transform="translate(230, 84)">
+    <path d="M0,84 0,140" class="arrow"/>
+    <text x="8" y="118">:accordingTo</text>
+  </g>
+
+  <g transform="translate(230, 272)">
+    <ellipse rx="80" ry="36"/>
+    <text class="middle" y="6">:Bob</text>
+  </g>
+
+</svg>
