Added Screen Reader text

tadaly04 · Dec 13, 2022 · d249e12 · d249e12
1 parent c23fb6e
commit d249e12
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -28,7 +28,7 @@ <h1>Gabrielle Essence Eau De Parfum</h1>
         Perfumer-Creator for the House of CHANEL.</p>
       <div class="price">
         <p class="current-price">$149.99</p>
-        <p class="previous-price">$169.99</p>
+        <p class="previous-price"><del><span class="sr-only">The previous price is</span>$169.99</del></p>
       </div>
       <button><span class="uil uil-shopping-cart-alt"></span>Add to Cart</button>
     </section>

diff --git a/style.css b/style.css
@@ -69,7 +69,15 @@ p {
     grid-template-columns: max-content max-content;
     margin-top: 1.8rem;
 }
-
+.sr-only {
+    position: absolute;
+    left: -9999px;
+    color: transparent;
+    background-color: transparent;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+}
 .current-price {
     color: var(--dark-cyan);
     font-family: 'Fraunces', serif;