Accesibility for API html

didierrc · Dec 18, 2023 · 5955afe · 5955afe
1 parent 7cd452b
commit 5955afe
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/Escritorio-Virtual/api.html b/Escritorio-Virtual/api.html
@@ -77,7 +77,11 @@ <h5>Sección de modificación de audio</h5>
 
                 <img src="multimedia/logo.png" alt="Logo del reproductor de musica">
                 <!-- Ganancia: Puede ser el doble o mutearse -->
-                <input type="range" min="0" max="2" value="1" step="0.01">
+                <p>
+                    <label for="volume">Volume</label>
+                    <input id="volume" type="range" min="0" max="2" value="1" step="0.01">
+                </p>
+
                 <section>
                     <h6>Vol:</h6>
                     <p>100%</p>
@@ -106,7 +110,11 @@ <h5>&sharp; Acciones:</h5>
             <!-- Stereo -->
             <section>
                 <h5>&diams; Modifica el stereo!!</h5>
-                <input type="range" min="-1" max="1" value="0" step="0.01">
+                <p>
+                    <label for="stereo">Stereo</label>
+                    <input id="stereo" type="range" min="-1" max="1" value="0" step="0.01">
+                </p>
+
             </section>
 
         </section>

diff --git a/Escritorio-Virtual/estilo/api.css b/Escritorio-Virtual/estilo/api.css
@@ -33,7 +33,8 @@ main>section {
 main>section>h4,
 main>section>section:first-of-type>h5,
 main>section>section:nth-of-type(2)>section>h6,
-audio {
+audio,
+label {
     display: none;
 }
 

diff --git a/Escritorio-Virtual/js/api.js b/Escritorio-Virtual/js/api.js
@@ -47,7 +47,7 @@ class Reproductor {
 
     addVolumeHandler() {
 
-        var volumeControl = $("main>section>section:first>input[type='range']");
+        var volumeControl = $("main>section>section:first input[type='range']");
 
         volumeControl.on("input", () => {
             this.gainNode.gain.value = volumeControl.val();
@@ -56,7 +56,7 @@ class Reproductor {
     }
 
     addStereoHandler() {
-        var stereoControl = $("main>section>section:last>input[type='range']");
+        var stereoControl = $("main>section>section:last input[type='range']");
 
         stereoControl.on("input", () => {
             this.panner.pan.value = stereoControl.val();