Carousel and Spin Button: Fix links between patterns and example page…

…s (pull #1091)

* Fix link to carousel example page from pattern.
* Fix  links to carousel design pattern from example page.
* Add link to date picker spin button example page in spin button pattern

aria-practices.html

@@ -507,7 +507,7 @@ <h3>Carousel (Slide Show or Image Rotator)</h3>
       <section class="notoc">
         <h4>Example</h4>
         <p>
-          <a href="examples/carousel/carousel-1/carousel-1.html">Auto-Rotating Image Carousel Example:</a> A basic image carousel that demonstrates the accessibility features necessary for carousels that rotate automatically on page load.
+          <a href="examples/carousel/carousel-1.html">Auto-Rotating Image Carousel Example:</a> A basic image carousel that demonstrates the accessibility features necessary for carousels that rotate automatically on page load.
         </p>
       </section>
 
@@ -2419,10 +2419,7 @@ <h3>Spinbutton</h3>
 
       <section class="notoc">
         <h4>Example</h4>
-        <p>
-          Work to develop a spinbutton example is tracked by
-          <a href="https://github.com/w3c/aria-practices/issues/125">issue 125.</a>
-        </p>
+        <p><a href="examples/spinbutton/datepicker-spinbuttons.html">Date Picker Spin Button Example:</a> Illustrates a date picker made from thre spin buttons for day, month, and year.</p>
       </section>
 
       <section class="notoc">

examples/carousel/carousel-1.html

@@ -40,7 +40,7 @@
       <h1>Auto-Rotating Image Carousel Example</h1>
       <p>
         The following example implementation of the
-        <a href="../../../#carousel">carousel design pattern</a>
+        <a href="../../#carousel">carousel design pattern</a>
         demonstrates features of the pattern that are essential to accessibility for carousels that automatically start rotating when the page loads.
         For instance, rotation stops when users move focus to any control or link in the carousel or hover the mouse over carousel content.
         The accessibility features section that follows the example describes these features in detail.
@@ -533,7 +533,7 @@ <h2 id="sc1_label">HTML Source Code</h2>
     </main>
 
     <nav>
-      <a href="../../../#carousel">Carousel Pattern in WAI-ARIA Authoring Practices 1.1</a>
+      <a href="../../#carousel">Carousel Pattern in WAI-ARIA Authoring Practices 1.1</a>
     </nav>
 
   </body>