diff --git a/_includes/nav.html b/_includes/nav.html
index df68f25..f1d092c 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -16,7 +16,7 @@
   <span class="line bottom"></span>
 </div>
 <div id="overlay" class="overlay">
-  <div class="logo"><img class="logo-img" src="img/logo-white.png" alt=""><span>Brittany Chiang</span></div>
+  <div class="logo"><img class="logo-img" src="img/logo-white.png" alt="logo"><span>Brittany Chiang</span></div>
   <nav class="overlay-menu">
     <ul class="menu-container">
       {% for item in site.data.navigation %}
diff --git a/_includes/portfolio.html b/_includes/portfolio.html
index d9c30fd..ada9799 100644
--- a/_includes/portfolio.html
+++ b/_includes/portfolio.html
@@ -8,14 +8,14 @@
         <div class="portfolio-row">
           <div class="screenshots {% if project.title == 'Screentime 2.0' %}screentime{% endif %}">
             {% if project.title == "Screentime 2.0" %}
-            <img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-1.jpg" alt="">
-            <img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-2.jpg" alt="">
-            <img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-3.jpg" alt="">
-            <img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-4.jpg" alt="">
+            <img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-1.jpg" alt="screentime-1">
+            <img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-2.jpg" alt="screentime-2">
+            <img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-3.jpg" alt="screentime-3">
+            <img class="img-{{project.img}}" src="img/portfolio/{{project.img}}/{{project.img}}-4.jpg" alt="screentime-4">
             {% else %}
-            <img class="img-lg" src="img/portfolio/{{project.img}}/{{project.img}}.jpg" alt="">
-            <img class="img-md" src="img/portfolio/{{project.img}}/{{project.img}}-tablet.jpg" alt="">
-            <img class="img-sm" src="img/portfolio/{{project.img}}/{{project.img}}-mobile.jpg" alt="">
+            <img class="img-lg" src="img/portfolio/{{project.img}}/{{project.img}}.jpg" alt="desktop-screenshot">
+            <img class="img-md" src="img/portfolio/{{project.img}}/{{project.img}}-tablet.jpg" alt="tablet-screenshot">
+            <img class="img-sm" src="img/portfolio/{{project.img}}/{{project.img}}-mobile.jpg" alt="mobile-screenshot">
             {% endif %}
           </div>
           <div class="description-title-container">
diff --git a/_includes/skills.html b/_includes/skills.html
index 1d1299f..7615bf4 100644
--- a/_includes/skills.html
+++ b/_includes/skills.html
@@ -22,7 +22,7 @@
           </h2>
           <ul>
             {% for design in site.data.skills.design %}
-            <li class="design-item"><img class="item-img" src="img/icons/{{design.item}}.png" alt=""></li>
+            <li class="design-item"><img class="item-img" src="img/icons/{{design.item}}.png" alt="{{design.item}}"></li>
             {% endfor %}
           </ul>
         </div>
diff --git a/_scss/partials/_contact.scss b/_scss/partials/_contact.scss
index 1eadfe3..6a49d37 100644
--- a/_scss/partials/_contact.scss
+++ b/_scss/partials/_contact.scss
@@ -37,7 +37,7 @@
         background-color: $grey;
         bottom: 0;
         left: 0;
-        transition: all 0.5s ease;
+        transition: all 0.5s ease-in-out;
       }
       &:after {
         background-color: #00b7c7;
@@ -48,7 +48,7 @@
         height: 2px;
         bottom: 0;
         left: 0;
-        transition: all 0.5s ease;
+        transition: all 0.5s ease-in-out;
       }
       .input-label {
         display: block;
@@ -57,7 +57,7 @@
         font-weight: 500;
         transform: translateY(25px);
         color: $white;
-        transition: all 0.5s ease;
+        transition: all 0.5s ease-in-out;
       }
       .contact-input {
         position: relative;