Oriol Gómez Sentís on Accesibilidad digital sin ser un peligro

El cuadro de edición que abre diálogo y el foco que desapareció

Wed, 04 Dec 2024 00:00:00 +0000

Hace un tiempo estuve trabajando con un equipo de desarrolladores en un design system. Nos tocaba modificar un componente de calendario típico, donde el usuario podía hacer click sobre un campo de texto para ingresar una fecha, y al hacerlo, se desplegaría un modal con un selector de día, mes y año.

La idea, de primeras, parecía bastante sencilla. Yo acababa de entrar en el proyecto y no había visto los diseños que se habían hecho para este componente ni tampoco la documentación de accesibilidad, por lo que me dí de lleno con la página del componente en su Storybook. Agárrate los pantalones porque se viene idea revolucionaria:

El curioso caso de Pressed Button

Wed, 04 Dec 2024 00:00:00 +0000

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?

Sobre el autor

Mon, 01 Jan 0001 00:00:00 +0000

Me llamo Oriol Gómez Sentís y durante los últimos cuatro años estoy inmerso en el mundo de la accesibilidad web. Un detalle crucial sobre mi experiencia es que soy ciego total, un aspecto que tendrá un papel bastante significativo en los casos que desarrollaré a lo largo de este libro. Normalmente, en la mayoría de empresas o consultorías, la evaluación de la accesibilidad web se lleva a cabo con la ayuda de personas que emplean lectores de pantalla, quienes se enfocan principalmente en pruebas relacionadas con el uso del teclado y los propios lectores, además de pruebas de accesibilidad relacionadas a otros aspectos menos visuales. Además, existen consultores especializados que se encargan de realizar análisis visuales, que nunca hay que dejar atrás como el color, contrastes, foco de teclado, etc.