Added symbols

http://www.deque.com/blog/dont-screen-readers-read-whats-screen-part-1-punctuation-typographic-symbols/

Author: ericwbailey

index.html

@@ -25,6 +25,7 @@ <h1 id="title__table-of-contents">Table of Contents</h1>
                 <li><a href="#subsection__lists">Lists</a></li>
                 <li><a href="#subsection__links">Links</a></li>
                 <li><a href="#subsection__code">Code</a></li>
+                <li><a href="#subsection__symbols">Symbols</a></li>
             </ul>
         </li>
         <li><a href="#section__tables">Tables</a></li>
@@ -242,7 +243,27 @@ <h2 id="subtitle__code">Code</h2>
 -rw-r--r-- 1 eric staff 58601 Mar 24 11:50 index.html
             </pre>
         </samp>
-    </div><!-- End of #subsection__code -->
+    </div><!-- End of #subsection__symbols -->
+    <div id="subsection__symbols" role="region" aria-labelledby="subtitle__symbols"><!-- Start of #subsection__symbols -->
+        <h2 id="subtitle__symbols">Symbols</h2>
+        <ul>
+            <li><span aria-label="Plus">+</span></li>
+            <li><span aria-label="Minus">−</span></li>
+            <li><span aria-label="Plus or minus">±</span></li>
+            <li><span aria-label="Divided by">÷</span></li>
+            <li><span aria-label="Multiplied by">×</span></li>
+            <li><span aria-label="Less than">&lt;</span></li>
+            <li><span aria-label="Less than or equal to">≤</span></li>
+            <li><span aria-label="Greater than">&gt;</span></li>
+            <li><span aria-label="Greater than or equal to">≥</span></li>
+            <li><span aria-label="Equals">=</span></li>
+            <li><span aria-label="Approximately equals">≈</span></li>
+            <li><span aria-label="Not equals">≠</span></li>
+        </ul>
+        <p>
+            <small>Note: Certain screen readers will not <a rel="external" href="http://www.deque.com/blog/dont-screen-readers-read-whats-screen-part-1-punctuation-typographic-symbols/">read certain symbols out loud</a>. Use <code>aria-label</code> to ensure the symbol is read.</small>
+        </p>
+    </div><!-- End of #subsection__symbols -->
 </section><!-- End of #section__text-level -->
 
 <hr />