diff --git a/docs/documentation/components/card.html b/docs/documentation/components/card.html
index 7ae48e52..65845e7f 100644
--- a/docs/documentation/components/card.html
+++ b/docs/documentation/components/card.html
@@ -23,14 +23,14 @@ variables:
 <div class="card">
   <div class="card-image">
     <figure class="image is-4by3">
-      <img src="{{site.url}}/images/placeholders/1280x960.png" alt="Image">
+      <img src="{{site.url}}/images/placeholders/1280x960.png" alt="descripe image">
     </figure>
   </div>
   <div class="card-content">
     <div class="media">
       <div class="media-left">
         <figure class="image is-48x48">
-          <img src="{{site.url}}/images/placeholders/96x96.png" alt="Image">
+          <img src="{{site.url}}/images/placeholders/96x96.png" alt="descripe image">
         </figure>
       </div>
       <div class="media-content">
@@ -42,9 +42,9 @@ variables:
     <div class="content">
       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       Phasellus nec iaculis mauris. <a>@bulmaio</a>.
-      <a>#css</a> <a>#responsive</a>
+      <a href="#">#css</a> <a href="#">#responsive</a>
       <br>
-      <small>11:09 PM - 1 Jan 2016</small>
+      <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
     </div>
   </div>
 </div>
@@ -56,24 +56,24 @@ variables:
     <p class="card-header-title">
       Component
     </p>
-    <a class="card-header-icon">
+    <a href="#" class="card-header-icon" aria-label="more options">
       <span class="icon">
-        <i class="fa fa-angle-down"></i>
+        <i class="fa fa-angle-down" aria-hidden="true"></i>
       </span>
     </a>
   </header>
   <div class="card-content">
     <div class="content">
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.
-      <a>@bulmaio</a>. <a>#css</a> <a>#responsive</a>
+      <a href="#">@bulmaio</a>. <a href="#">#css</a> <a href="#">#responsive</a>
       <br>
-      <small>11:09 PM - 1 Jan 2016</small>
+      <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
     </div>
   </div>
   <footer class="card-footer">
-    <a class="card-footer-item">Save</a>
-    <a class="card-footer-item">Edit</a>
-    <a class="card-footer-item">Delete</a>
+    <a href="#" class="card-footer-item">Save</a>
+    <a href="#" class="card-footer-item">Edit</a>
+    <a href="#" class="card-footer-item">Delete</a>
   </footer>
 </div>
 {% endcapture %}