¿Qué hace exactamente “tabindex=0”?

Oriol Fernando Palacios Durand

Oriol Fernando Palacios Durand

Pregunta
studenthace 4 años

¿Qué hace exactamente “tabindex=0”?

3 respuestas
para escribir tu comentario
    Diego Javier Mena Amado

    Diego Javier Mena Amado

    studenthace 6 meses

    Básicamente le añade la posibilidad de foco a un elemento no interactivo; es sencillo comprender que los botones, enlaces, selectores, etc son elementos interactivos con foco natural, añadir foco a un título podría ser relevante si quieres garantizar el foco en una ventana emergente, evitando que se quede el foco por debajo del modal

    Irving Juárez

    Irving Juárez

    studenthace 4 años

    Solo indica que el lector de pantalla tiene que considerar a la etiqueta con esa propiedad. El orden se da por convención de la pagina web.

    Aldo Miguel Ortiz Parodi

    Aldo Miguel Ortiz Parodi

    studenthace 4 años

    Lo que haces con “tabindex=0”, es hacer que este elemento sea seleccionado inmediatamente después de los anteriores cuando presionas "tab" al estar visitando una página. Te comparto la documentación (en inglés) de MDN para que puedas revisar más al respecto: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Curso de Frontend Developer
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!