diff --git a/docs/_assets/main.css b/docs/_assets/main.css
index 9be795ed..8f2131b1 100644
--- a/docs/_assets/main.css
+++ b/docs/_assets/main.css
@@ -490,12 +490,17 @@ body:not(.about) .mdl-navigation__link.download > button {
 .component-description .mdl-button:first-of-type {
   margin-top: 8px;
 }
+.docs-footer.mdl-mini-footer .mdl-mini-footer--social-btn {
+  background-color: transparent;
+  margin: 0 16px;
+  width: 24px;
+  height: 24px;
+}
 .docs-footer.mdl-mini-footer .social-btn {
+  display: block;
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
-  background-color: transparent;
-  margin: 0 16px;
   width: 24px;
   height: 24px;
   cursor: pointer;
diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html
index e9bd2815..02f76d30 100644
--- a/docs/_templates/layout.html
+++ b/docs/_templates/layout.html
@@ -116,13 +116,19 @@
       </section>
       <footer class="docs-text-styling docs-footer mdl-mini-footer mdl-color--grey-900">
         <ul>
-          <a href="https://twitter.com/googledesign" class="mdl-mini-footer--social-btn social-btn social-btn__twitter"></a>
-          <a href="https://github.com/google/material-design-lite" class="mdl-mini-footer--social-btn social-btn social-btn__github"></a>
-          <a href="https://plus.google.com/+googledesign" class="mdl-mini-footer--social-btn social-btn social-btn__gplus"></a>
+          <li class="mdl-mini-footer--social-btn">
+            <a href="https://twitter.com/googledesign" class="social-btn social-btn__twitter" role="button" title="Twitter"></a>
+          </li>
+          <li class="mdl-mini-footer--social-btn">
+            <a href="https://github.com/google/material-design-lite" class="social-btn social-btn__github" role="button" title="GitHub"></a>
+          </li>
+          <li class="mdl-mini-footer--social-btn">
+            <a href="https://plus.google.com/+googledesign" class="social-btn social-btn__gplus" role="button" title="Google+"></a>
+          </li>
         </ul>
         <ul>
-          <a class="mdl-color-text--grey-600" href="https://developers.google.com/web/starter-kit/">Web Starter Kit</a>
-          <a class="mdl-color-text--grey-600" href="https://github.com/google/material-design-lite/issues">Help</a>
+          <li><a class="mdl-color-text--grey-600" href="https://developers.google.com/web/starter-kit/">Web Starter Kit</a></li>
+          <li><a class="mdl-color-text--grey-600" href="https://github.com/google/material-design-lite/issues">Help</a></li>
         </ul>
       </footer>
     </main>