Skip to content

Latest commit

 

History

History
57 lines (39 loc) · 1.75 KB

File metadata and controls

57 lines (39 loc) · 1.75 KB

Botón

Tooltip

  • ¿El botón debe tener un tooltip?
    • ¿Qué texto debe mostrar el tooltip?

Agrupación

  • ¿El botón forma parte de un grupo de botones?
    • ¿Los botones deben estar unidos visualmente?
    • ¿Solo uno puede estar activo a la vez?

Navegación

  • ¿El botón debe permitir navegación por teclado?
  • ¿El botón debe ser parte del orden de tabulación?

Estados

  • ¿El elemento puede estar deshabilitado?

    • ¿En qué condiciones se debe deshabilitar el elemento?
    • ¿En qué condiciones se debe habilitar el elemento?
  • ¿El elemento puede estar oculto?

    • ¿En qué condiciones se debe ocultar el elemento?
    • ¿En qué condiciones se debe mostrar el elemento?
  • ¿El elemento puede estar activo?

    • ¿En qué condiciones se debe activar el elemento?
    • ¿En qué condiciones se debe desactivar el elemento?
    • ¿Cómo debe destacarse el elemento activo?
  • ¿El elemento puede estar en estado de carga?

    • ¿Cómo debe destacarse el elemento en estado de carga?
  • ¿El elemento puede estar en estado de éxito o error?

    • ¿Cómo debe destacarse el elemento en estado de éxito?
    • ¿Cómo debe destacarse el elemento en estado de error?

No script

  • ¿Cómo debe comportarse el elemento si JavaScript está deshabilitado?

Enlaces

  • ¿El botón debe tener un enlace?
    • ¿A qué ruta debe apuntar el enlace?
    • ¿El enlace debe abrirse en una nueva ventana?

Responsive

  • ¿Cómo debe ajustarse visualmente en una pantalla sm (640px)?
  • ¿Cómo debe ajustarse visualmente en una pantalla md (768px)?
  • ¿Cómo debe ajustarse visualmente en una pantalla lg (1024px)?
  • ¿Cómo debe ajustarse visualmente en una pantalla xl (1280px)?
  • ¿Cómo debe ajustarse visualmente en una pantalla 2xl (1536px)?