added id to each key, filled in missing glyphs, added dotted circle placeholder to diacritics
authorschepers
Mon, 05 Sep 2011 16:11:34 +0900
changeset 345 8bfebd17f468
parent 344 d3436aad23e8
child 346 b8bfacbdbb4e
added id to each key, filled in missing glyphs, added dotted circle placeholder to diacritics
html/images/ISOIEC-9995-3-FCD-2009A.svg
--- a/html/images/ISOIEC-9995-3-FCD-2009A.svg	Mon Sep 05 03:03:57 2011 +0900
+++ b/html/images/ISOIEC-9995-3-FCD-2009A.svg	Mon Sep 05 16:11:34 2011 +0900
@@ -61,7 +61,7 @@
 
     <g id="row-E">
       <title>Row E</title>
-      <g class="characterKey" transform="translate(0, 0)">
+      <g id="E00" class="characterKey" transform="translate(0, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">~</text>
       	<text class="primary unshifted" x="13" y="35">`</text>
@@ -69,7 +69,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x204A;</text>
       	<text class="secondary extra" x="47" y="52">&#x07C;</text>
       </g>
-      <g class="characterKey" transform="translate(60, 0)">
+      <g id="E01" class="characterKey" transform="translate(60, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">!</text>
       	<text class="primary unshifted" x="13" y="35">1</text>
@@ -77,7 +77,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x0B9;</text>
       	<text class="secondary extra" x="47" y="52">&#x2B9;</text>
       </g>
-      <g class="characterKey" transform="translate(120, 0)">
+      <g id="E02" class="characterKey" transform="translate(120, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">@</text>
       	<text class="primary unshifted" x="13" y="35">2</text>
@@ -85,7 +85,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x0B2;</text>
       	<text class="secondary extra" x="47" y="52">&#x2BA;</text>
       </g>
-      <g class="characterKey" transform="translate(180, 0)">
+      <g id="E03" class="characterKey" transform="translate(180, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">#</text>
       	<text class="primary unshifted" x="13" y="35">3</text>
@@ -93,7 +93,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x0B3;</text>
       	<text class="secondary extra" x="47" y="52">&#x2BF;</text>
       </g>
-      <g class="characterKey" transform="translate(240, 0)">
+      <g id="E04" class="characterKey" transform="translate(240, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">$</text>
       	<text class="primary unshifted" x="13" y="35">4</text>
@@ -101,7 +101,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x0BC;</text>
       	<text class="secondary extra" x="47" y="52">&#x2BE;</text>
       </g>
-      <g class="characterKey" transform="translate(300, 0)">
+      <g id="E05" class="characterKey" transform="translate(300, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">%</text>
       	<text class="primary unshifted" x="13" y="35">5</text>
@@ -109,7 +109,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x0BD;</text>
       	<text class="secondary extra" x="47" y="52">&#x2C1;</text>
       </g>
-      <g class="characterKey" transform="translate(360, 0)">
+      <g id="E06" class="characterKey" transform="translate(360, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">^</text>
       	<text class="primary unshifted" x="13" y="35">6</text>
@@ -117,7 +117,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x0BE;</text>
       	<text class="secondary extra" x="47" y="52">&#x2C0;</text>
       </g>
-      <g class="characterKey" transform="translate(420, 0)">
+      <g id="E07" class="characterKey" transform="translate(420, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">&amp;</text>
       	<text class="primary unshifted" x="13" y="35">7</text>
@@ -125,7 +125,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x215B;</text>
       	<text class="secondary extra" x="47" y="52">&#x07B;</text>
       </g>
-      <g class="characterKey" transform="translate(480, 0)">
+      <g id="E08" class="characterKey" transform="translate(480, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">*</text>
       	<text class="primary unshifted" x="13" y="35">8</text>
@@ -133,7 +133,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x215C;</text>
       	<text class="secondary extra" x="47" y="52">&#x07D;</text>
       </g>
-      <g class="characterKey" transform="translate(540, 0)">
+      <g id="E09" class="characterKey" transform="translate(540, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">(</text>
       	<text class="primary unshifted" x="13" y="35">9</text>
@@ -141,7 +141,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x215D;</text>
       	<text class="secondary extra" x="47" y="52">&#x05B;</text>
       </g>
-      <g class="characterKey" transform="translate(600, 0)">
+      <g id="E10" class="characterKey" transform="translate(600, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">)</text>
       	<text class="primary unshifted" x="13" y="35">0</text>
@@ -149,23 +149,23 @@
       	<text class="secondary unshifted" x="47" y="35">&#x215E;</text>
       	<text class="secondary extra" x="47" y="52">&#x05D;</text>
       </g>
-      <g class="characterKey" transform="translate(660, 0)">
+      <g id="E11" class="characterKey" transform="translate(660, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="13" y="18"></text>
-      	<text class="primary unshifted" x="13" y="35"> </text>
+      	<text class="primary shifted" x="13" y="18">_</text>
+      	<text class="primary unshifted" x="13" y="35">-</text>
       	<text class="secondary shifted" x="47" y="18">&#x0BF;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x05C;</text>
       	<text class="secondary extra" x="47" y="52">&#x2BB;</text>
       </g>
-      <g class="characterKey" transform="translate(720, 0)">
+      <g id="E12" class="characterKey" transform="translate(720, 0)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="13" y="18"></text>
-      	<text class="primary unshifted" x="13" y="35"> </text>
-      	<text class="secondary shifted" x="47" y="18">&#x328;</text>
-      	<text class="secondary unshifted" x="47" y="35">&#x327;</text>
+      	<text class="primary shifted" x="13" y="18">+</text>
+      	<text class="primary unshifted" x="13" y="35">=</text>
+      	<text class="secondary shifted" x="47" y="18">&#x25cc;&#x328;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x25cc;&#x327;</text>
       	<text class="secondary extra" x="47" y="52">&#x0AC;</text>
       </g>
-      <a class="controlKey" transform="translate(780, 0)"
+      <a id="E13" class="controlKey" transform="translate(780, 0)"
          xlink:href="../DOM3-Events.html#key-Backspace" target="_parent">
       	<rect x="1" y="1" width="118" height="58" rx="6" ry="6"/>
       	<text class="center" x="60" y="25">Backspace</text>
@@ -175,110 +175,110 @@
 
     <g id="row-D">
       <title>Row D</title>
-      <a class="controlKey" transform="translate(0, 60)"
+      <a id="D00" class="controlKey" transform="translate(0, 60)"
          xlink:href="../DOM3-Events.html#key-Tab" target="_parent">
       	<rect x="1" y="1" width="88" height="58" rx="6" ry="6"/>
       	<text class="center" x="45" y="25">Tab</text>
       	<path d="M28,32 V42 M63,37 H35" stroke-width="2" stroke="black" fill="none" marker-end="url(#arrow)"/>
       	<path d="M62,40 V50 M27,45 H55" stroke-width="2" stroke="black" fill="none" marker-end="url(#arrow)"/>
       </a>
-      <g class="characterKey" transform="translate(90, 60)">
+      <g id="D01" class="characterKey" transform="translate(90, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">Q</text>
       	<text class="primary unshifted" x="13" y="35">q</text>
       	<text class="secondary shifted" x="47" y="18">&#x241;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x242;</text>
-      	<text class="secondary extra" x="47" y="52">&#x30D;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x30D;</text>
       </g>
-      <g class="characterKey" transform="translate(150, 60)">
+      <g id="D02" class="characterKey" transform="translate(150, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">W</text>
       	<text class="primary unshifted" x="13" y="35">w</text>
       	<text class="secondary shifted" x="47" y="18">&#x2126;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x2B7;</text>
-      	<text class="secondary extra" x="47" y="52">&#x307;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x307;</text>
       </g>
-      <g class="characterKey" transform="translate(210, 60)">
+      <g id="D03" class="characterKey" transform="translate(210, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">E</text>
       	<text class="primary unshifted" x="13" y="35">e</text>
       	<text class="secondary shifted" x="47" y="18">&#x152;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x153;</text>
-      	<text class="secondary extra" x="47" y="52">&#x306;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x306;</text>
       </g>
-      <g class="characterKey" transform="translate(270, 60)">
+      <g id="D04" class="characterKey" transform="translate(270, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">R</text>
       	<text class="primary unshifted" x="13" y="35">r</text>
       	<text class="secondary shifted" x="47" y="18">&#x0AE;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x0B6;</text>
-      	<text class="secondary extra" x="47" y="52">&#x302;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x302;</text>
       </g>
-      <g class="characterKey" transform="translate(330, 60)">
+      <g id="D05" class="characterKey" transform="translate(330, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">T</text>
       	<text class="primary unshifted" x="13" y="35">t</text>
       	<text class="secondary shifted" x="47" y="18">&#xA78B;</text>
       	<text class="secondary unshifted" x="47" y="35">&#xA78C;</text>
-      	<text class="secondary extra" x="47" y="52">&#x308;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x308;</text>
       </g>
-      <g class="characterKey" transform="translate(390, 60)">
+      <g id="D06" class="characterKey" transform="translate(390, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">Y</text>
       	<text class="primary unshifted" x="13" y="35">y</text>
       	<text class="secondary shifted" x="47" y="18">&#x0A5;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x27C;</text>
-      	<text class="secondary extra" x="47" y="52">&#x311;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x311;</text>
       </g>
-      <g class="characterKey" transform="translate(450, 60)">
+      <g id="D07" class="characterKey" transform="translate(450, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">U</text>
       	<text class="primary unshifted" x="13" y="35">u</text>
       	<text class="secondary shifted" x="47" y="18">&#x222;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x223;</text>
-      	<text class="secondary extra" x="47" y="52">&#x30C;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x30C;</text>
       </g>
-      <g class="characterKey" transform="translate(510, 60)">
+      <g id="D08" class="characterKey" transform="translate(510, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">I</text>
       	<text class="primary unshifted" x="13" y="35">i</text>
       	<text class="secondary shifted" x="47" y="18">&#x214D;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x131;</text>
-      	<text class="secondary extra" x="47" y="52">&#x313;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x313;</text>
       </g>
-      <g class="characterKey" transform="translate(570, 60)">
+      <g id="D09" class="characterKey" transform="translate(570, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">O</text>
       	<text class="primary unshifted" x="13" y="35">o</text>
       	<text class="secondary shifted" x="47" y="18">&#x0D8;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x0F8;</text>
-      	<text class="secondary extra" x="47" y="52">&#x31B;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x31B;</text>
       </g>
-      <g class="characterKey" transform="translate(630, 60)">
+      <g id="D10" class="characterKey" transform="translate(630, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">P</text>
       	<text class="primary unshifted" x="13" y="35">p</text>
       	<text class="secondary shifted" x="47" y="18">&#x0DE;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x0FE;</text>
-      	<text class="secondary extra" x="47" y="52">&#x309;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x309;</text>
       </g>
-      <g class="characterKey" transform="translate(690, 60)">
+      <g id="D11" class="characterKey" transform="translate(690, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">{</text>
       	<text class="primary unshifted" x="13" y="35">[</text>
-      	<text class="secondary shifted" x="47" y="18">&#x30A;</text>
+      	<text class="secondary shifted" x="47" y="18">&#x25cc;&#x30A;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x17F;</text>
-      	<text class="secondary extra" x="47" y="52">&#x300;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x300;</text>
       </g>
-      <g class="characterKey" transform="translate(750, 60)">
+      <g id="D12" class="characterKey" transform="translate(750, 60)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">}</text>
       	<text class="primary unshifted" x="13" y="35">]</text>
-      	<text class="secondary shifted" x="47" y="18">&#x304;</text>
-      	<text class="secondary unshifted" x="47" y="35">&#x303;</text>
+      	<text class="secondary shifted" x="47" y="18">&#x25cc;&#x304;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x25cc;&#x303;</text>
       	<text class="secondary extra" x="47" y="52">&#x040;</text>
       </g>
-      <g class="characterKey" transform="translate(810, 60)">
+      <g id="D13" class="characterKey" transform="translate(810, 60)">
       	<rect x="1" y="1" width="88" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">|</text>
       	<text class="primary unshifted" x="13" y="35">\</text>
@@ -290,93 +290,93 @@
 
     <g id="row-C">
       <title>Row C</title>
-      <a class="controlKey" transform="translate(0, 120)"
+      <a id="C00" class="controlKey" transform="translate(0, 120)"
          xlink:href="../DOM3-Events.html#key-CapsLock" target="_parent">
       	<rect x="1" y="1" width="103" height="58" rx="6" ry="6"/>
       	<text class="center" x="52.5" y="25">Caps Lock</text>
        	<use xlink:href="#capslockArrow" x="52.5" y="42"/>
       </a>
-      <g class="characterKey" transform="translate(105, 120)">
+      <g id="C01" class="characterKey" transform="translate(105, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">A</text>
       	<text class="primary unshifted" x="13" y="35">a</text>
       	<text class="secondary shifted" x="47" y="18">&#x0C6;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x0E6;</text>
-      	<text class="secondary extra" x="47" y="52">&#x329;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x329;</text>
       </g>
-      <g class="characterKey" transform="translate(165, 120)">
+      <g id="C02" class="characterKey" transform="translate(165, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">S</text>
       	<text class="primary unshifted" x="13" y="35">s</text>
       	<text class="secondary shifted" x="47" y="18">&#x0A7;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x0DF;</text>
-      	<text class="secondary extra" x="47" y="52">&#x323;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x323;</text>
       </g>
-      <g class="characterKey" transform="translate(225, 120)">
+      <g id="C03" class="characterKey" transform="translate(225, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">D</text>
       	<text class="primary unshifted" x="13" y="35">d</text>
       	<text class="secondary shifted" x="47" y="18">&#x0D0;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x0F0;</text>
-      	<text class="secondary extra" x="47" y="52">&#x32E;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x32E;</text>
       </g>
-      <g class="characterKey" transform="translate(285, 120)">
+      <g id="C04" class="characterKey" transform="translate(285, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">F</text>
       	<text class="primary unshifted" x="13" y="35">f</text>
       	<text class="secondary shifted" x="47" y="18">&#x0AA;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x294;</text>
-      	<text class="secondary extra" x="47" y="52">&#x32D;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x32D;</text>
       </g>
-      <g class="characterKey" transform="translate(345, 120)">
+      <g id="C05" class="characterKey" transform="translate(345, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">G</text>
       	<text class="primary unshifted" x="13" y="35">g</text>
       	<text class="secondary shifted" x="47" y="18">&#x14A;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x14B;</text>
-      	<text class="secondary extra" x="47" y="52">&#x331;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x331;</text>
       </g>
-      <g class="characterKey" transform="translate(405, 120)">
+      <g id="C06" class="characterKey" transform="translate(405, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">H</text>
       	<text class="primary unshifted" x="13" y="35">h</text>
       	<text class="secondary shifted" x="47" y="18">&#x19D;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x272;</text>
-      	<text class="secondary extra" x="47" y="52">&#x332;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x332;</text>
       </g>
-      <g class="characterKey" transform="translate(465, 120)">
+      <g id="C07" class="characterKey" transform="translate(465, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">J</text>
       	<text class="primary unshifted" x="13" y="35">j</text>
       	<text class="secondary shifted" x="47" y="18">&#x132;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x133;</text>
-      	<text class="secondary extra" x="47" y="52">&#x325;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x325;</text>
       </g>
-      <g class="characterKey" transform="translate(525, 120)">
+      <g id="C08" class="characterKey" transform="translate(525, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">K</text>
       	<text class="primary unshifted" x="13" y="35">k</text>
-      	<text class="secondary shifted" x="47" y="18">&#x325;</text>
+      	<text class="secondary shifted" x="47" y="18">&#x25cc;&#x325;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x138;</text>
-      	<text class="secondary extra" x="47" y="52">&#x335;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x335;</text>
       </g>
-      <g class="characterKey" transform="translate(585, 120)">
+      <g id="C09" class="characterKey" transform="translate(585, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">L</text>
       	<text class="primary unshifted" x="13" y="35">l</text>
       	<text class="secondary shifted" x="47" y="18">&#x141;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x142;</text>
-      	<text class="secondary extra" x="47" y="52">&#x338;</text>
+      	<text class="secondary extra" x="47" y="52">&#x25cc;&#x338;</text>
       </g>
-      <g class="characterKey" transform="translate(645, 120)">
+      <g id="C10" class="characterKey" transform="translate(645, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">:</text>
       	<text class="primary unshifted" x="13" y="35">;</text>
-      	<text class="secondary shifted" x="47" y="18">&#x30B;</text>
-      	<text class="secondary unshifted" x="47" y="35">&#x301;</text>
+      	<text class="secondary shifted" x="47" y="18">&#x25cc;&#x30B;</text>
+      	<text class="secondary unshifted" x="47" y="35">&#x25cc;&#x301;</text>
       	<text class="secondary extra" x="47" y="52">&#x0B0;</text>
       </g>
-      <g class="characterKey" transform="translate(705, 120)">
+      <g id="C11" class="characterKey" transform="translate(705, 120)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">"</text>
       	<text class="primary unshifted" x="13" y="35">'</text>
@@ -384,7 +384,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x19B;</text>
       	<text class="secondary extra" x="47" y="52">&#x2032;</text>
       </g>
-      <a class="controlKey" transform="translate(765, 120)"
+      <a id="C12" class="controlKey" transform="translate(765, 120)"
          xlink:href="../DOM3-Events.html#key-Enter" target="_parent">
       	<rect x="1" y="1" width="133" height="58" rx="6" ry="6"/>
       	<text class="center" x="67.5" y="25">Enter</text>
@@ -394,13 +394,13 @@
 
     <g id="row-B">
       <title>Row B</title>
-      <a class="controlKey" transform="translate(0, 180)"
+      <a id="B00" class="controlKey" transform="translate(0, 180)"
          xlink:href="../DOM3-Events.html#key-Shift" target="_parent">
       	<rect x="1" y="1" width="73" height="58" rx="6" ry="6"/>
       	<text class="center" x="37.5" y="25">Shift</text>
       	<use xlink:href="#shiftArrow" x="37.5" y="42"/>
       </a>
-      <g class="specialKey" transform="translate(75, 180)">
+      <g id="B01" class="specialKey" transform="translate(75, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18"></text>
       	<text class="primary unshifted" x="13" y="35"> </text>
@@ -408,7 +408,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x149;</text>
       	<text class="secondary extra" x="47" y="52">&#x266A;</text>
       </g>
-      <g class="characterKey" transform="translate(135, 180)">
+      <g id="B02" class="characterKey" transform="translate(135, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">Z</text>
       	<text class="primary unshifted" x="13" y="35">z</text>
@@ -416,7 +416,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x292;</text>
       	<text class="secondary extra" x="47" y="52">&#x0AB;</text>
       </g>
-      <g class="characterKey" transform="translate(195, 180)">
+      <g id="B03" class="characterKey" transform="translate(195, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">X</text>
       	<text class="primary unshifted" x="13" y="35">x</text>
@@ -424,7 +424,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x201E;</text>
       	<text class="secondary extra" x="47" y="52">&#x0BB;</text>
       </g>
-      <g class="characterKey" transform="translate(255, 180)">
+      <g id="B04" class="characterKey" transform="translate(255, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">C</text>
       	<text class="primary unshifted" x="13" y="35">c</text>
@@ -432,7 +432,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x0A2;</text>
       	<text class="secondary extra" x="47" y="52">&#x2015;</text>
       </g>
-      <g class="characterKey" transform="translate(315, 180)">
+      <g id="B05" class="characterKey" transform="translate(315, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">V</text>
       	<text class="primary unshifted" x="13" y="35">v</text>
@@ -440,7 +440,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x201C;</text>
       	<text class="secondary extra" x="47" y="52">&#x2039;</text>
       </g>
-      <g class="characterKey" transform="translate(375, 180)">
+      <g id="B06" class="characterKey" transform="translate(375, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">B</text>
       	<text class="primary unshifted" x="13" y="35">b</text>
@@ -448,7 +448,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x201D;</text>
       	<text class="secondary extra" x="47" y="52">&#x203A;</text>
       </g>
-      <g class="characterKey" transform="translate(435, 180)">
+      <g id="B07" class="characterKey" transform="translate(435, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">N</text>
       	<text class="primary unshifted" x="13" y="35">n</text>
@@ -456,7 +456,7 @@
       	<text class="secondary unshifted" x="47" y="35">&#x19E;</text>
       	<text class="secondary extra" x="47" y="52">&#x2013;</text>
       </g>
-      <g class="characterKey" transform="translate(495, 180)">
+      <g id="B08" class="characterKey" transform="translate(495, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">M</text>
       	<text class="primary unshifted" x="13" y="35">m</text>
@@ -464,31 +464,31 @@
       	<text class="secondary unshifted" x="47" y="35">&#x0B5;</text>
       	<text class="secondary extra" x="47" y="52">&#x2014;</text>
       </g>
-      <g class="characterKey" transform="translate(555, 180)">
+      <g id="B09" class="characterKey" transform="translate(555, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="13" y="18"></text>
-      	<text class="primary unshifted" x="13" y="35"> </text>
+      	<text class="primary shifted" x="13" y="18">&#x3c;</text>
+      	<text class="primary unshifted" x="13" y="35">,</text>
       	<text class="secondary shifted" x="47" y="18">&#x0D7;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x2026;</text>
       	<text class="secondary extra" x="47" y="52">&#x024;</text>
       </g>
-      <g class="characterKey" transform="translate(615, 180)">
+      <g id="B10" class="characterKey" transform="translate(615, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="13" y="18"></text>
-      	<text class="primary unshifted" x="13" y="35"> </text>
+      	<text class="primary shifted" x="13" y="18">&#x3e;</text>
+      	<text class="primary unshifted" x="13" y="35">.</text>
       	<text class="secondary shifted" x="47" y="18">&#x0F7;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x0B7;</text>
       	<text class="secondary extra" x="47" y="52">&#x023;</text>
       </g>
-      <g class="characterKey" transform="translate(675, 180)">
+      <g id="B11" class="characterKey" transform="translate(675, 180)">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
-      	<text class="primary shifted" x="13" y="18"></text>
-      	<text class="primary unshifted" x="13" y="35"> </text>
+      	<text class="primary shifted" x="13" y="18">?</text>
+      	<text class="primary unshifted" x="13" y="35">/</text>
       	<text class="secondary shifted" x="47" y="18">&#x13F;</text>
       	<text class="secondary unshifted" x="47" y="35">&#x140;</text>
       	<text class="secondary extra" x="47" y="52">&#x2011;</text>
       </g>
-      <a class="controlKey" transform="translate(735, 180)"
+      <a id="B12" class="controlKey" transform="translate(735, 180)"
          xlink:href="../DOM3-Events.html#key-Shift" target="_parent">
       	<rect x="1" y="1" width="163" height="58" rx="6" ry="6"/>
       	<text class="center" x="82.5" y="25">Shift</text>
@@ -498,22 +498,22 @@
 
     <g id="row-A">
       <title>Row A</title>
-      <a class="controlKey" transform="translate(0, 240)"
+      <a id="A00" class="controlKey" transform="translate(0, 240)"
          xlink:href="../DOM3-Events.html#key-Control" target="_parent">
       	<rect x="1" y="1" width="103" height="58" rx="6" ry="6"/>
       	<text class="center" x="52.5" y="35">Control</text>
       </a>
-      <a class="controlKey" transform="translate(105, 240)"
+      <a id="A01" class="controlKey" transform="translate(105, 240)"
          xlink:href="../DOM3-Events.html#key-Win" target="_parent">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="center" x="30" y="25">Win<tspan x="30" y="45">Key</tspan></text>
       </a>
-      <a class="controlKey" transform="translate(165, 240)"
+      <a id="A02" class="controlKey" transform="translate(165, 240)"
          xlink:href="../DOM3-Events.html#key-Alt" target="_parent">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="center" x="30" y="35">Alt</text>
       </a>
-      <a class="characterKey" transform="translate(225, 240)"
+      <a id="A03" class="characterKey" transform="translate(225, 240)"
          xlink:href="../DOM3-Events.html#key-Spacebar" target="_parent">
       	<rect x="1" y="1" width="418" height="58" rx="6" ry="6"/>
       	<text class="primary shifted" x="13" y="18">&#x202F;</text>
@@ -522,22 +522,22 @@
       	<text class="secondary unshifted" x="412" y="35" text-anchor="end">&#x200C; NNBSP</text>
       	<text class="secondary extra" x="412" y="52" text-anchor="end">&#x0A0; NBSP</text>
       </a>
-      <a class="controlKey" transform="translate(645, 240)"
+      <a id="A04" class="controlKey" transform="translate(645, 240)"
          xlink:href="../DOM3-Events.html#key-AltGraph" target="_parent">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="center" x="30" y="25">Alt<tspan x="30" y="45">Graph</tspan></text>
       </a>
-      <a class="controlKey" transform="translate(705, 240)"
+      <a id="A05" class="controlKey" transform="translate(705, 240)"
          xlink:href="../DOM3-Events.html#key-Win" target="_parent">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="center" x="30" y="25">Win<tspan x="30" y="45">Key</tspan></text>
       </a>
-      <a class="controlKey" transform="translate(765, 240)"
+      <a id="A06" class="controlKey" transform="translate(765, 240)"
          xlink:href="../DOM3-Events.html#key-Menu" target="_parent">
       	<rect x="1" y="1" width="58" height="58" rx="6" ry="6"/>
       	<text class="center" x="30" y="35">Menu</text>
       </a>
-      <a class="controlKey" transform="translate(825, 240)"
+      <a id="A07" class="controlKey" transform="translate(825, 240)"
          xlink:href="../DOM3-Events.html#key-Control" target="_parent">
       	<rect x="1" y="1" width="73" height="58" rx="6" ry="6"/>
       	<text class="center" x="37.5" y="35">Control</text>