Antes de hacer clic en el botón
<button type="button" class="plyr__control" data-plyr="play" aria-label="Play">Después de hacer clic en el botón
<button type="button" class="plyr__control plyr__control--pressed" data-plyr="play" aria-label="Pause">mi guion
<script> const $featured = $('.plyr__control'); // bind a change event handler to the input $featured.on('change', function() { if (button.getAttribute('aria-label') === 'Pause') { console.log('ok'); } }); </script>Aquí JavaScript no funciona. ¿Cómo resolver esto?
Escrito por ( Carlos Moore ) y el personal rico en habilidades.
etiqueta aria
La etiqueta de un elemento interactivo se define por el valor de cadena de la propiedad aria-label.
Es posible que no haya contenido visible en el DOM que se pueda asociar con el objeto para darle significado cuando el nombre accesible predeterminado del elemento está ausente o describe incorrectamente su contenido. Una ilustración típica es un botón sin texto y una fuente SVG o de icono (que no debería usar).
El atributo aria-label se puede usar para definir una cadena que etiqueta el elemento interactivo en el que se establece cuando un elemento interactivo carece de un nombre accesible o tiene un nombre accesible inexacto y no hay contenido visible en el DOM que se pueda vincular a través del aria. -etiquetado por atributo. Esto proporciona al elemento su nombre accesible.
<button aria-label="Close" onclick="myDialog.close()"> <svg aria-hidden="true" focusable="false" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="m.967 14.217 5.8-5.906-5.765-5.89L3.094.26l5.783 5.888L14.66.26l2.092 2.162-5.766 5.889 5.801 5.906-2.092 2.162-5.818-5.924-5.818 5.924-2.092-2.162Z" fill="#000"/></svg</button>