MasterClassAccesibilidad — Tag button o role=”button” esa es la cuestión.

un botón verde con el tag <button> de texto
componente expandable
El componente expandable necesita WAI-ARIA para hacerlo accesible
código del botón componente expandable
contenido que expande o se contrae

Diferencias entre <button> y role=”button”

Ventajas del tag button

Desventajas del tag button

Ventajas del role button

Desventajas del role button

<ul>
<li role="button" tabindex="0">Más información sobre la hipoteca
</li>
</ul>
<ul>
<li>
<div role="button" tabindex="0">Más información sobre la hipoteca
</div>
</li>
</ul>

--

--

--

accessibility web

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Francisco Marquez Duro

Francisco Marquez Duro

accessibility web

More from Medium

Game design diaries: Back to the drawing board

My Journey to Becoming a Graphic Designer

New Year’s Resolution: Making your Legacy Last

Klimbing Aboard the Klaviyo Rocketship

An illustration of a rocketship that is launched into space with a girl riding it.