diff --git a/public/index.html b/public/index.html
index acb8829..8e84b35 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,10 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, maximum-scale=1"
-    />
+    <meta http-equiv="x-ua-compatible" content="ie=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <title>VANILLA TODO</title>
     <meta
diff --git a/public/scripts/AppDatePicker.js b/public/scripts/AppDatePicker.js
index 1688e39..74692d3 100644
--- a/public/scripts/AppDatePicker.js
+++ b/public/scripts/AppDatePicker.js
@@ -30,11 +30,11 @@ export function AppDatePicker(el) {
 
   el.innerHTML = /* html */ `
     <h4 class="header">
-      <button class="app-button -circle previousmonth">
+      <button class="app-button -circle previousmonth" title="Previous month">
         <i class="app-icon" data-id="chevron-left-16"></i>
       </button>
       <span class="month"></span>
-      <button class="app-button -circle nextmonth">
+      <button class="app-button -circle nextmonth" title="Next month">
         <i class="app-icon" data-id="chevron-right-16"></i>
       </button>
     </h4>
diff --git a/public/scripts/TodoApp.js b/public/scripts/TodoApp.js
index 8a67149..90ac838 100644
--- a/public/scripts/TodoApp.js
+++ b/public/scripts/TodoApp.js
@@ -21,7 +21,7 @@ export function TodoApp(el) {
     <div class="todo-frame -days"></div>
     <div class="app-collapsible">
       <p class="bar">
-        <button class="app-button -circle toggle">
+        <button class="app-button -circle toggle" title="Show/hide custom todo-lists">
           <i class="app-icon" data-id="chevron-up-24"></i>
         </button>
       </p>
diff --git a/public/scripts/TodoCustomList.js b/public/scripts/TodoCustomList.js
index 2f32555..0d33388 100644
--- a/public/scripts/TodoCustomList.js
+++ b/public/scripts/TodoCustomList.js
@@ -13,10 +13,12 @@ export function TodoCustomList(el) {
 
   el.innerHTML = /* html */ `
     <div class="header">
-      <h3 class="title"></h3>
+      <h2 class="title"></h2>
       <p class="form">
-        <input type="text" class="input use-focus-other">
-        <button class="app-button delete"><i class="app-icon" data-id="trash-16"></i></button>
+        <input type="text" class="input use-focus-other" aria-label="Title">
+        <button class="app-button delete" title="Delete">
+          <i class="app-icon" data-id="trash-16"></i>
+        </button>
       </p>
     </div>
     <div class="todo-list"></div>
diff --git a/public/scripts/TodoDay.js b/public/scripts/TodoDay.js
index ddb7fdb..1f3c16d 100644
--- a/public/scripts/TodoDay.js
+++ b/public/scripts/TodoDay.js
@@ -10,8 +10,8 @@ export function TodoDay(el) {
 
   el.innerHTML = /* html */ `
     <div class="header">
-      <h3 class="dayofweek"></h3>
-      <h6 class="date"></h6>
+      <h2 class="dayofweek"></h3>
+      <h3 class="date"></h4>
     </div>
     <div class="todo-list"></div>
   `;
diff --git a/public/scripts/TodoFrameCustom.js b/public/scripts/TodoFrameCustom.js
index a17d4fb..01149b2 100644
--- a/public/scripts/TodoFrameCustom.js
+++ b/public/scripts/TodoFrameCustom.js
@@ -11,12 +11,12 @@ export function TodoFrameCustom(el) {
 
   el.innerHTML = /* html */ `
     <div class="leftcontrols">
-      <p><button class="app-button -circle -xl back"><i class="app-icon" data-id="chevron-left-24"></i></button></p>
+      <p><button class="app-button -circle -xl back" title="Previous"><i class="app-icon" data-id="chevron-left-24"></i></button></p>
     </div>
     <div class="container"></div>
     <div class="rightcontrols">
-      <p><button class="app-button -circle -xl forward"><i class="app-icon" data-id="chevron-right-24"></i></button></p>
-      <p><button class="app-button -circle -xl add"><i class="app-icon" data-id="plus-circle-24"></i></button></p>
+      <p><button class="app-button -circle -xl forward" title="Next"><i class="app-icon" data-id="chevron-right-24"></i></button></p>
+      <p><button class="app-button -circle -xl add" title="Add custom list"><i class="app-icon" data-id="plus-circle-24"></i></button></p>
     </div>
   `;
 
diff --git a/public/scripts/TodoFrameDays.js b/public/scripts/TodoFrameDays.js
index 3cdb198..f709547 100644
--- a/public/scripts/TodoFrameDays.js
+++ b/public/scripts/TodoFrameDays.js
@@ -13,17 +13,17 @@ export function TodoFrameDays(el) {
   el.innerHTML = /* html */ `
     <nav class="leftcontrols">
       <p>
-        <button class="app-button -circle -xl backward">
+        <button class="app-button -circle -xl backward" title="Previous day">
           <i class="app-icon" data-id="chevron-left-24"></i>
         </button>
       </p>
       <p>
-        <button class="app-button fastbackward">
+        <button class="app-button fastbackward" title="Previous week">
           <i class="app-icon -double" data-id="chevron-left-16"></i>
         </button>
       </p>
       <p>
-        <button class="app-button home">
+        <button class="app-button home" title="Today">
           <i class="app-icon" data-id="home-16"></i>
         </button>
       </p>
@@ -31,17 +31,17 @@ export function TodoFrameDays(el) {
     <div class="container"></div>
     <nav class="rightcontrols">
       <p>
-        <button class="app-button -circle -xl forward">
+        <button class="app-button -circle -xl forward" title="Next day">
           <i class="app-icon" data-id="chevron-right-24"></i>
         </button>
       </p>
       <p>
-        <button class="app-button fastforward">
+        <button class="app-button fastforward" title="Next week">
           <i class="app-icon -double" data-id="chevron-right-16"></i>
         </button>
       </p>
       <p>
-        <button class="app-button pickdate">
+        <button class="app-button pickdate" title="Open calendar">
           <i class="app-icon" data-id="calendar-16"></i>
         </button>
       </p>
diff --git a/public/scripts/TodoItem.js b/public/scripts/TodoItem.js
index 2859fff..410f170 100644
--- a/public/scripts/TodoItem.js
+++ b/public/scripts/TodoItem.js
@@ -12,12 +12,14 @@ export function TodoItem(el) {
 
   el.innerHTML = /* html */ `
     <div class="checkbox">
-      <input type="checkbox">
+      <input type="checkbox" aria-label="Done">
     </div>
     <p class="label"></p>
     <p class="form">
-      <input type="text" class="input use-focus-other">
-      <button class="app-button save"><i class="app-icon" data-id="check-16"></i></button>
+      <input type="text" class="input use-focus-other" aria-label="Label">
+      <button class="app-button save" title="Save">
+        <i class="app-icon" data-id="check-16"></i>
+      </button>
     </p>
   `;
 
diff --git a/public/scripts/TodoItemInput.js b/public/scripts/TodoItemInput.js
index effd484..e5fdd12 100644
--- a/public/scripts/TodoItemInput.js
+++ b/public/scripts/TodoItemInput.js
@@ -7,8 +7,10 @@ export function TodoItemInput(el) {
   let saveOnBlur = true;
 
   el.innerHTML = /* html */ `
-    <input type="text" class="input use-focus-other">
-    <button class="app-button save"><i class="app-icon" data-id="plus-24"></i></button>
+    <input type="text" class="input use-focus-other" aria-label="Label">
+    <button class="app-button save" title="Save">
+      <i class="app-icon" data-id="plus-24"></i>
+    </button>
   `;
 
   const inputEl = el.querySelector('.input');
diff --git a/public/styles/vars.css b/public/styles/vars.css
index 209d7f9..8c85a03 100644
--- a/public/styles/vars.css
+++ b/public/styles/vars.css
@@ -16,7 +16,7 @@
   --header-text: var(--grey1);
   --header-bg: var(--white);
   --highlight-text: var(--red);
-  --disabled-text: var(--grey3);
+  --disabled-text: var(--grey2);
   --aside-text: var(--grey1);
   --button-text: var(--grey1);
   --button-bg: transparent;
