Simplify pictures folder structure

Author: patrickhlauke

presentation/index.html

@@ -48,14 +48,14 @@ <h3>the problem</h3>
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/jqueryui.png" alt="">
+	<img src="pictures/jqueryui.png" alt="">
 	<p><a target=_blank href="https://jqueryui.com">jQuery UI</a></p>
 </div></section>
 
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/webcomponents.png" alt="">
+	<img src="pictures/webcomponents.png" alt="">
 	<p><a target=_blank href="https://www.webcomponents.org/">webcomponents.org</a></p>
 </div></section>
 
@@ -189,7 +189,7 @@ <h3>Accessibility Tree</h3>
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/marcozehe-accessibility-apis.png" alt="">
+	<img src="pictures/marcozehe-accessibility-apis.png" alt="">
 	<p><a target=_blank href="https://www.marcozehe.de/2013/09/07/why-accessibility-apis-matter/">Marco Zehe: Why accessibility APIs matter</a></p>
 </div></section>
 
@@ -303,7 +303,7 @@ <h2>what is <strong>ARIA</strong>?</h2>
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/w3c-aria.png" alt="">
+	<img src="pictures/w3c-aria.png" alt="">
 	<p><a target=_blank href="https://www.w3.org/TR/wai-aria/">W3C - Accessible Rich Internet Applications (WAI-ARIA) 1.1</a></p>
 </div></section>
 
@@ -453,7 +453,7 @@ <h4><strong>no ARIA</strong> is better than <strong>bad ARIA</strong></h4>
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/w3c-aria-authoring-practices.png" alt="">
+	<img src="pictures/w3c-aria-authoring-practices.png" alt="">
 	<p>WAI-ARIA spec can be dry/technical - use for reference<br><a target=_blank href="https://www.w3.org/WAI/ARIA/apg/">W3C - ARIA Authoring Practices Guide (APG)</a> is more digestible.</p>
 </div></section>
 
@@ -468,7 +468,7 @@ <h4><strong>no ARIA</strong> is better than <strong>bad ARIA</strong></h4>
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/tpgi-aria-in-svg.png" alt="">
+	<img src="pictures/tpgi-aria-in-svg.png" alt="">
 	<p><a target=_blank href="tps://www.tpgi.com/using-aria-enhance-svg-accessibility/">Using ARIA to enhance SVG accessibility</a></p>
 </div></section>
 
@@ -483,14 +483,14 @@ <h4><strong>no ARIA</strong> is better than <strong>bad ARIA</strong></h4>
 <!-- -->
 
 <section class="slide"><div>
-	<img src="./pictures/sites/w3c-html-aria.png" alt="">
+	<img src="./pictures/w3c-html-aria.png" alt="">
 	<p><a target=_blank href="https://www.w3.org/TR/html-aria/">W3C - ARIA in HTML</a></p>
 </div></section>
 
 <!-- -->
 
 <section class="slide"><div>
-	<img src="./pictures/sites/w3c-using-aria.png" alt="">
+	<img src="./pictures/w3c-using-aria.png" alt="">
 	<p><a target=_blank href="https://www.w3.org/TR/using-aria/">W3C - Using ARIA</a></p>
 </div></section>
 
@@ -699,7 +699,7 @@ <h3>5. interactive elements <strong>must have an accessible name</strong></h3>
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/tpgi-short-note-on-aria-label.png" alt="">
+	<img src="pictures/tpgi-short-note-on-aria-label.png" alt="">
 	<p>side note: <code>aria-label</code> / <code>aria-labelledby</code> / <code>aria-describedby</code> and arbitrary elements<br><small>(see <a href="https://www.tpgi.com/short-note-on-aria-label-aria-labelledby-and-aria-describedby/">Short note on aria-label, aria-labelledby, and aria-describedby</a>)</small></p>
 </div></section>
 
@@ -734,14 +734,14 @@ <h3>ARIA and HTML5</h3>
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/w3c-html-accessibility-api-mappings.png" alt="">
+	<img src="pictures/w3c-html-accessibility-api-mappings.png" alt="">
 	<p><a target=_blank href="https://www.w3.org/TR/html-aam-1.0/">W3C HTML Accessibility API Mappings 1.0</a></p>
 </div></section>
 
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/w3c-html5-wai-aria.png" alt="">
+	<img src="pictures/w3c-html5-wai-aria.png" alt="">
 	<p>of course you can (and for many complex widgets, must) still use<br><a target=_blank href="https://www.w3.org/TR/html/dom.html#wai-aria" title="WAI-ARIA section in W3C HTML5 Specification">WAI-ARIA in HTML5</a></p>
 </div></section>
 
@@ -1686,21 +1686,21 @@ <h2>frameworks, web components, angular, react, etc?</h2>
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/bootstrap-accessibility.png" alt="">
+	<img src="pictures/bootstrap-accessibility.png" alt="">
 	<p><a target=_blank href="http://getbootstrap.com/docs/4.1/getting-started/accessibility/">Bootstrap - Accessibility</a></p>
 </div></section>
 
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/docs-angularjs-accessibility.png" alt="">
+	<img src="pictures/docs-angularjs-accessibility.png" alt="">
 	<p><a target=_blank href="https://docs.angularjs.org/guide/accessibility">AngularJS Developer Guide - Accessibility with ngARIA</a></p>
 </div></section>
 
 <!-- -->
 
 <section class="slide"><div>
-	<img src="pictures/sites/react-accessibility.png" alt="">
+	<img src="pictures/react-accessibility.png" alt="">
 	<p><a target=_blank href="https://reactjs.org/docs/accessibility.html">React - Accessibility</a></p>
 </div></section>