El curioso caso de Pressed Button
··3 mins
Con este encabezado, cuyo título tiene bastante parecido a cierta película bastante buena, quiero presentaros otro caso que estoy viendo últimamente muchas veces en páginas webs de transmisión de audio y vídeo. atención a este código:
<button id="muteButton" aria-pressed="false" onclick="toggleMicrophoneState()">Silenciar el micrófono</button>
function toggleMicrophoneState() {
var button = document.getElementById('muteButton');
let isPressed = button.getAttribute('aria-pressed') == 'true';
isPressed = !isPressed;
// Cambia el estado de aria-pressed
button.setAttribute('aria-pressed', isPressed);
// Cambia el texto del botón
if (isPressed) {
button.textContent = 'Reactivar el Micrófono';
} else {
button.textContent = 'Silenciar el Micrófono';
}
}
A priori es una idea bastante chula. qué guay, le estoy diciendo al usuario de lector de pantalla que el botón, cuando está pulsado, significa que el micro está muteado y que si hace click lo volverá a desactivar. Vamos a cambiar el texto del botón también, para que así haya menos confusión aún, para que quede bien claro. ¿No?