accessibility fixes for lighthouse

src/index.html

@@ -4,9 +4,8 @@
         <meta charset="utf-8">
         <link rel="icon" type="image/svg+xml" href="img/favicon.svg">
         <meta name="name" content="ryoko | plan your projects like a journey">
-        <meta name="description" content="">
-        <meta property="og:title" content="Try planning your next development project with ryoko!">
-        <meta property="og:description" content="">
+        <meta name="description" content="Ryoko is a project planning tool created for developers to organize their tasks effectively">
+        <meta property="og:title" content="Try planning your next project with Ryoko!">
         <meta property="og:image" content="img/header.jpg">
         <meta http-equiv="x-ua-compatible" content="ie=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -55,7 +54,7 @@
                     <table>
                         <tr>
                             <td>
-                                <img src="img/product-preview.jpg" alt="Product preview" width="400px">
+                                <img src="img/product-preview.jpg" alt="Product preview" width="400" height="376">
                             </td>
                             <td cellpadding="50px">
                                 <h2>{Catchphrase 2}</h2>
@@ -133,7 +132,7 @@
                     <table width="100%" cellpadding="10">
                         <tr>
                             <td rowspan="3" align="center" valign="top" width="15%">
-                                <img src="img/daniel-planoetscher.svg" width="100"></img>
+                                <img src="img/daniel-planoetscher.svg" width="100" alt="Daniel Planötscher"></img>
                             </td>
                             <th align="left">Daniel Planötscher</th>
                         </tr>
@@ -149,7 +148,7 @@
                         <tr><td colspan="3" height="50" valign="middle"><hr></td></tr>
                         <tr>
                             <td rowspan="3" align="center" valign="top">
-                                <img src="img/roland-bernard.svg" width="100"></img>
+                                <img src="img/roland-bernard.svg" width="100" alt="Roland Bernard"></img>
                             </td>
                             <th align="left">Roland Bernard</th>
                         </tr>