fix broken links reported by link checker (pull #984)

aria-practices.html

@@ -581,7 +581,7 @@ <h5>Basic carousel elements</h5>
             A label that changes when the button is activated clearly communicates both that slide content can change automatically and when it is doing so. 
             Note that since the label changes, the rotation control does not have any states, e.g., <code>aria-pressed</code>, specified.
           </li>
-          <li>Each slide container has role <a href="#group" class="role-reference">group</a> with the property <a href="aria-roledescription" class="property-reference">aria-roledescription</a> set to <code>slide</code>.</li>
+          <li>Each slide container has role <a href="#group" class="role-reference">group</a> with the property <a href="#aria-roledescription" class="property-reference">aria-roledescription</a> set to <code>slide</code>.</li>
           <li>Each slide has an accessible name:
             <ul>
               <li>

examples/carousel/carousel-1/carousel-1.html

@@ -495,7 +495,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex  Attributes</h2>
       <section>
         <h2>Javascript and CSS Source Code</h2>
         <ul>
-          <li>CSS: <a href="../css/carousel.css" type="text/css">carousel.css</a></li>
+          <li>CSS: <a href="css/carousel.css" type="text/css">carousel.css</a></li>
           <li>Javascript: <a href="js/carousel.js" type="text/javascript">carousel.js</a></li>
           <li>Javascript: <a href="js/carouselItem.js" type="text/javascript">carouselItem.js</a></li>
           <li>Javascript: <a href="js/carouselButtons.js" type="text/javascript">carouselButtons.js</a></li>