Update index.html

index.html

@@ -10,7 +10,7 @@
     <header>
         <nav class="navbar">
             <div class="logo">
-                <img src="logo.png" alt="Logo">
+                <img src="logo.png" alt="Currency Converter Logo">
             </div>
         </nav>
     </header>
@@ -25,33 +25,33 @@
             <!-- Amount -->
             <div class="currency-box">
                 <label for="amount">Amount:</label>
-                <input type="number" id="amount" placeholder="Enter amount">
+                <input type="number" id="amount" placeholder="Enter amount" aria-label="Amount to convert">
             </div>
 
             <!-- From & To Currency -->
             <div class="currency-select">
-    <div class="currency-group">
-        <label for="from">From:</label>
-        <select id="from">
-            <option value="USD">🇺🇸 USD</option>
-            <option value="EUR">🇪🇺 EUR</option>
-            <!-- Add other currencies here -->
-        </select>
-    </div>
+                <div class="currency-group">
+                    <label for="from">From:</label>
+                    <select id="from" aria-label="Select the currency you are converting from">
+                        <option value="USD">🇺🇸 USD</option>
+                        <option value="EUR">🇪🇺 EUR</option>
+                        <!-- Add other currencies here -->
+                    </select>
+                </div>
 
-    <button id="swap-btn" onclick="swapCurrencies()">⇅</button>
+                <button id="swap-btn" onclick="swapCurrencies()" aria-label="Swap currencies">⇅</button>
 
-    <div class="currency-group">
-        <label for="to">To:</label>
-        <select id="to">
-            <option value="EUR">🇪🇺 EUR</option>
-            <option value="USD">🇺🇸 USD</option>
-            <!-- Add other currencies here -->
-        </select>
-    </div>
-</div>
+                <div class="currency-group">
+                    <label for="to">To:</label>
+                    <select id="to" aria-label="Select the currency you are converting to">
+                        <option value="EUR">🇪🇺 EUR</option>
+                        <option value="USD">🇺🇸 USD</option>
+                        <!-- Add other currencies here -->
+                    </select>
+                </div>
+            </div>
 
-            <button id="convert-btn" onclick="convertCurrency()">Convert</button>
+            <button id="convert-btn" onclick="convertCurrency()" aria-label="Convert currency">Convert</button>
             <p id="result"></p>
         </div>
     </section>
@@ -65,7 +65,7 @@
             </div>
             <div class="step">
                 <h3>2. Select Your Currencies</h3>
-                <p>Choose the currency you want to convert.</p>
+                <p>Choose the currency you want to convert from and to.</p>
             </div>
             <div class="step">
                 <h3>3. That's It</h3>