Modify design in line with suggestions from @James-Green #297

w3c · Feb 4, 2016 · a979e1e · a979e1e
1 parent ac15e6c
commit a979e1e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/source/designing.html.erb.md b/source/designing.html.erb.md
@@ -569,15 +569,15 @@ Provide a place in your design for alternatives for images and media. For exampl
 Work with content authors and developers to provide alternatives for non-text content.
 
 {::nomarkdown}
-<%= example 'Design includes links to transcript and alternative video' %>
+<%= example 'Design includes links to a transcript and to an alternative video' %>
 
 <div class="text-alt">
   <figure>
     <div>
       <img src="images/example_media_player.png" alt="">
       <ul>
         <li class="first"><a href="#">Transcript</a></li>
-        <li class="last"><a href="#">Video with audio description</a></li>
+        <li class="last"><a href="#"><img class="audio-description" src="images/audio-description.svg" alt="Video with audio description" width="28"></a></li>
       </ul>
     </div>
   </figure>

diff --git a/source/images/audio-description.svg b/source/images/audio-description.svg
diff --git a/source/stylesheets/main.scss b/source/stylesheets/main.scss
@@ -925,6 +925,9 @@ $wai_grey: #333333;
           }
         }
       }
+      .audio-description {
+        vertical-align: bottom;
+      }
       @include mq($medium) {
         width: 35em;
       }