diff --git a/src/app/components/artikel/index.php b/src/app/components/artikel/index.php
index 47e198cdf3ff3eb43664d719348eb3af6b2ea9f3..69bed6d54160d66874987933179e9d9194a6b71a 100644
--- a/src/app/components/artikel/index.php
+++ b/src/app/components/artikel/index.php
@@ -56,7 +56,7 @@ $article = mysqli_query($conn, $query);
             while ($row = mysqli_fetch_assoc($article)) {
                 echo '<div class="article">';
                 echo '<a >';
-                echo '<img src="' . $row['article_image'] . '">';
+                echo '<img src="' . $row['article_image'] . '" alt="Gambar'. $row['article_judul'] . '">';
                 echo '<div class="article-title">' . $row['article_judul'] . '</div>';
                 echo '<div class="article-date">' . $row['article_date'] . '</div>';
                 echo '<div class="article-description">' . $row['article_content'] . '</div>';
diff --git a/src/app/components/ruangdiskusi/index.php b/src/app/components/ruangdiskusi/index.php
index e52a81dea1b17bd57eb77c27d982beffd86d1e10..87b42ef6f9ad0f03100c12dfbf1ca39d419bf735 100644
--- a/src/app/components/ruangdiskusi/index.php
+++ b/src/app/components/ruangdiskusi/index.php
@@ -34,7 +34,7 @@ $timelineModel = new timelineModel;
     <meta charset="UTF-8">
     <title>SayIt</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" href="/src/public/img/gimmick.png" type="image/x-icon">
+    <link rel="icon" href="/src/public/img/gimmick.png" type="image/x-icon" alt="icon">
     <link rel="stylesheet" href="/src/public/css/ruangdiskusi.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
@@ -57,12 +57,6 @@ $timelineModel = new timelineModel;
 
                     echo '<a class="host-username" href="#">' . htmlspecialchars($timelineModel->getUserName($row['user_id'])) . '</a>';
                     echo '<p>' . $row["timeline_date"] . '</p>';
-                    // echo '<img src="data:image/jpeg;base64,'. base64_encode($row['timeline_path']) . '">'; // Menampilkan gambar BLOB
-                    // echo '<img src="/src/public/media/'. ($row['timeline_path']) . '">';
-                    // echo '<video width="320" height="240" controls>';
-                    // echo '<source src="/src/public/media/'. ($row['timeline_path']) . '" type="video/mp4">';
-                    // echo '</video>';
-                    // echo '<script>console.log("haaha" . $_SESSION["roles"])</script>';
                    
                     if ($row['timeline_path']) {
                         $media_path = "/src/public/media/" . $row['timeline_path'];
@@ -70,11 +64,12 @@ $timelineModel = new timelineModel;
 
                         if (in_array($file_extension, ['jpg', 'jpeg', 'png', 'gif'])) {
                             // Tampilkan gambar jika ekstensi file adalah gambar
-                            echo '<img src="' . $media_path . '">';
+                            echo '<img src="' . $media_path . '" alt="Gambar' . $row['timeline_path'] . '">';
                         } elseif ($file_extension == 'mp4') {
                             // Tampilkan video jika ekstensi file adalah mp4
                             echo '<video width="320" height="240" controls>';
                             echo '<source src="' . $media_path . '" type="video/mp4">';
+                            echo '<track kind="captions" src="captions.vtt" srclang="en" label="English Captions">';
                             echo '</video>';
                         } else {
                             // Tampilkan pesan jika jenis media tidak dikenali
@@ -138,7 +133,7 @@ $timelineModel = new timelineModel;
                     <div class="diskusi-footer">
                         <label for="bukti">Add Media</label>
                         <br class="spasi">
-                        <input type="file" placeholder="Upload media" name="image_file">
+                        <input type="file" placeholder="Upload media" name="image_file" alt="Media">
                         <br>
                         <form action="/?home" method="post">
                             <button class="btn" type="submit">Submit</button>
diff --git a/src/public/css/ruangdiskusi.css b/src/public/css/ruangdiskusi.css
index b867800f94b2720547bf8fe3979e063669f36b53..dffcb33c97d42963eb4ed4244f9e5680c10f270f 100644
--- a/src/public/css/ruangdiskusi.css
+++ b/src/public/css/ruangdiskusi.css
@@ -56,13 +56,13 @@ nav ul{
     margin-right: 20px;
 }
 
-nav ul li{
+li {
     display: inline-block;
     line-height: 80px;
     margin: 0 5px;
 }
 
-nav ul li a{
+li a{
     color: #F3AA98;
     font-weight: bold;
     font-size: 17px;
@@ -329,23 +329,25 @@ textarea{
     position: fixed;
     width: auto;
     height: 40px;
-    background-color: #F3AA98;
+    background-color: #FD6B39;
     bottom: 35px;
     right: 35px;
     border-radius: 50%;
     cursor: pointer;
     display: flex;
-    background: #F3AA98;
+    background: #FD6B39;
     font-size: 1rem;
     text-decoration: none;
     overflow: hidden;
     transition: .5s;
-    letter-spacing: 4px;
     border-radius: 6px;
     border: none;
     text-align: center;
     padding: 10px;
-  }
+    font-family: 'Poppins', sans-serif;
+    font-weight: bold;
+    color: #FAF9F4;
+}
   
 
   .showOverlayButton:hover {