Add role="img" and aria-label="alt_text" for inline SVGs

work towards #52

site/snippets/icon-rss.php

@@ -1,4 +1,4 @@
-<svg width="18px" height="19px" viewBox="0 0 18 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg role="img" aria-label="RSS icon" width="18px" height="19px" viewBox="0 0 18 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g transform="translate(-175.000000, -19.000000)" fill="#FD7E14" fill-rule="nonzero">
             <path d="M175.15408,28.7506 C177.38248,28.7506 179.47732,29.62108 181.0516,31.20436 C182.62876,32.78764 183.49708,34.89652 183.49708,37.14148 L186.93112,37.14148 C186.93112,30.6208 181.64776,25.3162 175.15408,25.3162 L175.15408,28.7506 Z M175.15948,22.66264 C183.10144,22.66264 189.56308,29.15956 189.56308,37.1458 L192.99712,37.1458 C192.99712,27.2656 184.99468,19.2286 175.15948,19.2286 L175.15948,22.66264 Z M179.90824,34.74676 C179.90824,36.06004 178.843,37.12528 177.52972,37.12528 C176.21644,37.12528 175.1512,36.0604 175.1512,34.74676 C175.1512,33.43276 176.21608,32.36824 177.52936,32.36824 C178.84264,32.36824 179.90824,33.43276 179.90824,34.74676 Z" id="icon-rss"></path>

site/templates/bio.php

@@ -25,7 +25,6 @@
 			<p>Early 90’s rock. NY Rangers win The Stanley Cup. Street Fighter II. The early 90’s were my favorite moment in pop culture.</p>
 		</div>
 
-
 		<div class="bio-card">
 			<img src="/assets/images/bio/bio-th-marist.jpg" alt="Marist College" width="400" height="300">
 			<h2 class="-violet">1997</h2>

site/templates/home.php

@@ -10,7 +10,7 @@
 	</section>
 	<section class="bbs-dashed-svg flex ai-stretch homepage color-links">
 		<div class="py5 px3 grid--cell4">
-			<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+			<svg role="img" aria-label="Stack Overflow glyph" width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 			        <g transform="translate(4.000000, 0.000000)" fill-rule="nonzero" id="Shape">
 			            <polygon fill="#BCBBBB" points="33.2047059 43.2 33.2047059 30.4 37.9482353 30.4 37.9482353 48 0 48 0 30.4 4.74352941 30.4 4.74352941 43.2"></polygon>
@@ -22,7 +22,7 @@
 			<p>I <a href="/work/stack-overflow">work at Stack Overflow</a> creating better workflows for over 50 million developers. I’ve worked on several parts of the product; these days I work mostly on <a href="/work/stack-overflow-for-enterprise">Stack Overflow for Enterprise</a> and <a href="https://stackoverflow.design/" rel="external">our design&nbsp;system</a>.</p>
 		</div>
 		<div class="py5 pl5 grid--cell4">
-			<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+			<svg role="img" aria-label="Canfield Scientific glyph" width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 			        <g transform="translate(0.000000, 6.000000)" fill-rule="nonzero">
 			            <rect id="Rectangle" stroke="#0B68B0" stroke-width="2" x="1" y="1" width="46" height="34.9230769" rx="4"></rect>
@@ -36,7 +36,7 @@
 			<p>I <a href="/work/canfield-scientific">worked at Canfield Scientific</a> designing applications that help doctors run their practice and clinicians run their studies. I’m particularly proud of <a href="/work/canfield-scientific-clinical-services">the Clinical Services site</a> I worked&nbsp;on.</p>
 		</div>
 		<div class="py5 pl5 pr3 grid--cell4">
-			<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+			<svg role="img" aria-label="email love glyph" width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 			    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 			        <path d="M45.2310852,8.09177273 C45.2280852,8.08877273 45.226108,8.08475 45.2240625,8.08175 C44.7628807,7.43415909 44.2456534,6.81472727 43.665358,6.23429545 C40.934608,3.50368182 37.3048807,2 33.4434716,2 C29.914858,2 26.5787898,3.25604545 23.9464261,5.55568182 C21.3140625,3.25604545 17.9789489,2 14.4503352,2 C10.5889943,2 6.95817614,3.50368182 4.22749432,6.23429545 C-1.40916477,11.8709545 -1.40916477,21.0427045 4.22749432,26.6791591 L23.2206307,45.6722273 C23.4210852,45.8726818 23.6837216,45.9729091 23.9464261,45.9729091 C24.2090625,45.9729091 24.4716307,45.8726818 24.6721534,45.6722273 L43.665358,26.6791591 C48.7186534,21.6261364 49.237858,13.7334773 45.2310852,8.09177273 Z M14.4504034,4.05295455 C17.7634943,4.05295455 20.8780398,5.34309091 23.2206989,7.68581818 C23.4131761,7.87829545 23.6747898,7.98656818 23.9464943,7.98656818 C24.2191534,7.98656818 24.4797443,7.87829545 24.6722216,7.68581818 C27.0149489,5.34315909 30.1294943,4.05295455 33.4435398,4.05295455 C36.7566307,4.05295455 39.871108,5.34309091 42.2138352,7.68581818 C42.496517,7.9685 42.7581307,8.26325 43.0078125,8.56393182 L31.1569943,20.4152273 C31.1559716,20.41625 31.1559716,20.41625 31.155017,20.4172727 L31.1539943,20.41925 L23.9464943,27.6254545 L16.7399489,20.4202045 C16.7399489,20.4202045 16.7389261,20.4181591 16.7379716,20.4172045 C16.7369489,20.4161818 16.7359261,20.4151591 16.7349716,20.4151591 L4.88517614,8.56488636 C5.13478977,8.26318182 5.39742614,7.96843182 5.67915341,7.68575 C8.0218125,5.34309091 11.1373807,4.05295455 14.4504034,4.05295455 Z M3.70426705,10.2870909 L14.5606534,21.1429318 L8.07792614,27.6254545 L5.67908523,25.2276364 C1.63528977,21.1840455 0.986676136,15.0255909 3.70426705,10.2870909 Z M23.9464943,43.4949773 L9.52944886,29.0769773 L16.0121761,22.5944545 L23.2206989,29.8027045 C23.4131761,29.9951136 23.6747898,30.1034545 23.9464943,30.1034545 C24.2191534,30.1034545 24.4797443,29.9951136 24.6722216,29.8027045 L31.8808125,22.5944545 L38.3646307,29.0769773 L23.9464943,43.4949773 Z M42.2138352,25.2276364 L39.816017,27.6254545 L33.332267,21.1429318 L44.1885852,10.2870909 C46.9071307,15.0255909 46.2576307,21.1840455 42.2138352,25.2276364 Z" fill="#E03131" fill-rule="nonzero"></path>
 			    </g>
@@ -70,7 +70,7 @@
 	<section class="homepage py6 px3 social">
 		<div class="social-item">
 			<a href="https://twitter.com/TedGoas" rel="me" class="social-link">
-				<svg class="social-svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+				<svg role="img" aria-label="Twitter icon" class="social-svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 				    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 				        <path d="M7.34013605,17 C13.755102,17 17.2653061,11.6122047 17.2653061,6.94783465 C17.2653061,6.79625984 17.2653061,6.64468504 17.2585034,6.49311024 C17.9387755,5.99704724 18.5306122,5.37007874 19,4.66043307 C18.3741497,4.94291339 17.7006803,5.12893701 16.9931973,5.21850394 C17.7142857,4.78444882 18.2653061,4.08858268 18.5306122,3.26181102 C17.8571429,3.66830709 17.1088435,3.95767717 16.3129252,4.11614173 C15.6734694,3.42716535 14.7687075,3 13.7687075,3 C11.8435374,3 10.2789116,4.58464567 10.2789116,6.53444882 C10.2789116,6.81003937 10.3129252,7.07874016 10.3673469,7.34055118 C7.46938776,7.19586614 4.89795918,5.78346457 3.17687075,3.6476378 C2.87755102,4.17125984 2.70748299,4.77755906 2.70748299,5.42519685 C2.70748299,6.6515748 3.32653061,7.73326772 4.2585034,8.36712598 C3.68707483,8.34645669 3.14965986,8.18799213 2.68027211,7.9261811 C2.68027211,7.93996063 2.68027211,7.95374016 2.68027211,7.97440945 C2.68027211,9.68307087 3.88435374,11.1161417 5.47619048,11.4399606 C5.18367347,11.5226378 4.87755102,11.5639764 4.55782313,11.5639764 C4.33333333,11.5639764 4.11564626,11.5433071 3.9047619,11.5019685 C4.34693878,12.9074803 5.63945578,13.9271654 7.16326531,13.9547244 C5.96598639,14.9055118 4.46258503,15.4704724 2.82993197,15.4704724 C2.55102041,15.4704724 2.27210884,15.4566929 2,15.4222441 C3.53741497,16.4143701 5.37414966,17 7.34013605,17" fill="#1DA1F2" fill-rule="nonzero"></path>
 				    </g>
@@ -81,7 +81,7 @@
 		</div>
 		<div class="social-item">
 			<a href="https://github.com/TedGoas" rel="me" class="social-link">
-				<svg class="social-svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+				<svg role="img" aria-label="Github icon" class="social-svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 				    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 				        <path d="M10.4994168,1 C5.25371393,1 1,5.13137845 1,10.2286146 C1,14.305044 3.72170043,17.7634377 7.49720688,18.9842139 C7.97249847,19.0686202 8.14570289,18.783678 8.14570289,18.5389563 C8.14570289,18.3202929 8.13753837,17.7396453 8.13287293,16.9697916 C5.49048496,17.5272133 4.93296501,15.7325873 4.93296501,15.7325873 C4.50082873,14.6664617 3.87799263,14.383219 3.87799263,14.383219 C3.01546961,13.8105022 3.94330878,13.8218319 3.94330878,13.8218319 C4.89680786,13.8875442 5.39834254,14.772961 5.39834254,14.772961 C6.24570289,16.1829433 7.62142419,15.7756402 8.16319828,15.5399823 C8.2495089,14.9434731 8.49444444,14.5367365 8.76620626,14.3061769 C6.65684469,14.0733514 4.43901166,13.2814047 4.43901166,9.74540251 C4.43901166,8.73819137 4.80933088,7.91452151 5.4170043,7.26929457 C5.31903008,7.03590256 4.99303254,6.09780264 5.5097299,4.82717576 C5.5097299,4.82717576 6.30751995,4.57905513 8.12237569,5.77320648 C8.87992634,5.56813874 9.69287907,5.46617136 10.5005832,5.46220596 C11.3071209,5.46617136 12.1200737,5.56813874 12.8787907,5.77320648 C14.69248,4.57905513 15.4885206,4.82717576 15.4885206,4.82717576 C16.0069675,6.09780264 15.6809699,7.03590256 15.5829957,7.26929457 C16.1918355,7.91452151 16.559822,8.73819137 16.559822,9.74540251 C16.559822,13.2904685 14.3384899,14.070519 12.2221301,14.2988126 C12.5632904,14.5837548 12.8671271,15.1468414 12.8671271,16.0078993 C12.8671271,17.2411381 12.8554635,18.2364531 12.8554635,18.5389563 C12.8554635,18.7859439 13.0263352,19.0731521 13.5086249,18.9830809 C17.2800491,17.7600388 20,14.303911 20,10.2286146 C20,5.13137845 15.7462861,1 10.4994168,1" fill="#212529"></path>
 				    </g>
@@ -92,7 +92,7 @@
 		</div>
 		<div class="social-item">
 			<a href="https://dribbble.com/tedgoas" rel="me" class="social-link">
-				<svg class="social-svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+				<svg role="img" aria-label="dribbble icon" class="social-svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 				    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 				        <path d="M18.8175881,8.18784005 C18.6996222,7.60969641 18.5223092,7.04029045 18.292931,6.49636941 C18.0675578,5.96227827 17.7879349,5.448211 17.4631645,4.9676382 C17.1409428,4.49107016 16.771389,4.04326369 16.3643337,3.63659716 C15.9576426,3.22920248 15.5094449,2.85930705 15.0332121,2.53783297 C14.5526101,2.21199005 14.0377835,1.93347626 13.5043882,1.7073886 C12.9604342,1.47838838 12.3913579,1.30072207 11.8128151,1.18349143 C11.2204368,1.06189195 10.610218,1 10.0007274,1 C9.39050857,1 8.78101795,1.06189195 8.18791149,1.18349143 C7.60973281,1.30072207 7.04029235,1.47875245 6.49670245,1.7073886 C5.96330713,1.93347626 5.44848053,2.21235412 4.96715042,2.53783297 C4.49055351,2.85930705 4.0427199,3.22883841 3.63602873,3.63659716 C3.22897346,4.04326369 2.8597838,4.49143423 2.53792615,4.9676382 C2.21279167,5.448211 1.93353283,5.96227827 1.70815965,6.49636941 C1.47768918,7.04029045 1.30110439,7.60969641 1.18277437,8.18784005 C1.06153161,8.7794543 1,9.38963613 1,9.99945389 C1,10.6103639 1.06153161,11.2205457 1.18277437,11.812524 C1.30110439,12.3906677 1.47805328,12.9600736 1.70779556,13.5036306 C1.93316873,14.0369936 2.21279167,14.5525171 2.53756206,15.0330899 C2.85941971,15.509658 3.22860937,15.9567363 3.63566464,16.364131 C4.04235581,16.7707975 4.49055351,17.1399648 4.96678633,17.462167 C5.44811643,17.7872818 5.96294304,18.0665237 6.49633836,18.2918833 C7.03956417,18.5223398 7.60936872,18.6978216 8.18754739,18.8165086 C8.78065386,18.9388362 9.39014448,19 10.0003633,19 C10.6098539,19 11.2200727,18.9388362 11.812451,18.8165086 C12.3913579,18.6978216 12.9600701,18.5219757 13.5040241,18.2918833 C14.0374194,18.0665237 14.552246,17.7869177 15.032848,17.462167 C15.5094449,17.1399648 15.9572785,16.7711616 16.3639697,16.364131 C16.7706608,15.9567363 17.1405787,15.5092939 17.4628004,15.0330899 C17.7879349,14.5525171 18.0671937,14.0369936 18.2925669,13.5036306 C18.5223092,12.9604377 18.6992581,12.3906677 18.817224,11.812524 C18.9388309,11.2201816 18.9999984,10.6099998 18.9999984,9.99945389 C19.0003625,9.38963613 18.939195,8.7794543 18.8175881,8.18784005 Z M17.6838045,9.9233632 C17.5727563,9.89933456 14.9716804,9.33939443 12.3305544,9.67142655 C12.2766688,9.53999717 12.2216908,9.40747558 12.1648924,9.27458992 C12.0050559,8.89850529 11.8328402,8.5256973 11.6537067,8.15980664 C14.6895089,6.92123946 15.9219615,5.13911531 15.9361611,5.11799923 C17.0142386,6.42646791 17.666328,8.0990069 17.6838045,9.9233632 Z M15.0769031,4.23148804 C15.0576062,4.2613418 13.9631446,5.92732752 11.0620566,7.01480553 C9.74804727,4.60065533 8.30442104,2.68309702 8.18900376,2.53091564 C8.77009518,2.39002043 9.37594488,2.31392973 10.0003633,2.31392973 C11.9468011,2.31392973 13.7224795,3.03915778 15.0769031,4.23148804 Z M8.15914819,2.53710483 C8.15914819,2.53783297 8.15769182,2.53856111 8.15769182,2.53856111 C8.15769182,2.53856111 8.1493177,2.54074554 8.13511809,2.5436581 C8.14276403,2.54147368 8.15150225,2.54001739 8.15914819,2.53710483 Z M6.72061925,3.04825954 C6.82292921,3.18551405 8.2447099,5.11253818 9.5751034,7.47681074 C5.88429909,8.45725208 2.68137855,8.4190247 2.47821501,8.41538399 C2.97774973,6.03472826 4.57720749,4.06073906 6.72061925,3.04825954 Z M2.31400935,9.99945389 C2.31400935,9.91753808 2.31765027,9.83744261 2.32056301,9.756619 C2.45600537,9.75953156 6.25421693,9.84581623 10.2115369,8.66149552 C10.4318127,9.09255476 10.6426222,9.53053134 10.8352271,9.96814385 C10.7336453,9.99654133 10.6324276,10.0271232 10.5323022,10.0598896 C6.38419791,11.4003964 4.28010812,15.1328452 4.28010812,15.1328452 C4.28010812,15.1328452 4.28302086,15.1350296 4.28302086,15.1364859 C3.05930642,13.7744989 2.31400935,11.9741712 2.31400935,9.99945389 Z M10.0003633,17.6860703 C8.14021539,17.6860703 6.43407856,17.0249186 5.10441324,15.9246981 C5.20526683,16.0066139 5.27662893,16.0590401 5.27662893,16.0590401 C5.27662893,16.0590401 6.75011073,12.8457555 11.3081831,11.2576809 C11.3252954,11.2511276 11.3424077,11.2463947 11.3595201,11.2412977 C12.4412385,14.0515564 12.8876157,16.4052709 13.0015767,17.0769806 C12.0789666,17.4694484 11.0649694,17.6860703 10.0003633,17.6860703 Z M14.2955609,16.3750531 C14.2172811,15.9108635 13.8076772,13.6550838 12.7995054,10.8848729 C15.2804308,10.4880362 17.4311244,11.1684836 17.5895046,11.2205457 C17.2472577,13.3620072 16.0213587,15.2093 14.2955609,16.3750531 Z" fill="#EA4C89" fill-rule="nonzero"></path>
 				    </g>
@@ -103,7 +103,7 @@
 		</div>
 		<div class="social-item">
 			<a href="https://medium.com/@tedgoas" rel="me" class="social-link">
-				<svg class="social-svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+				<svg role="img" aria-label="Medium icon" class="social-svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 				    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 				        <g fill-rule="nonzero">
 				            <rect id="Rectangle-path" fill="#12100E" x="0" y="0" width="20" height="20"></rect>
@@ -117,7 +117,7 @@
 		</div>
 		<div class="social-item">
 			<a href="https://stackoverflow.com/users/734487/ted-goas" rel="me" class="social-link">
-				<svg class="social-svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+				<svg role="img" aria-label="Stack Overflow icon" class="social-svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 				    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 				        <g transform="translate(3.000000, 1.000000)" fill-rule="nonzero">
 				            <polygon id="Shape" fill="#BCBBBB" points="11.76 15.3 11.76 10.7666667 13.44 10.7666667 13.44 17 0 17 0 10.7666667 1.68 10.7666667 1.68 15.3"></polygon>