Aprende accesibilidad construyendo un cuestionario - Paso 67

no entiendo lo que me pide el paso 67

@media (prefers-reduced-motion: no-preference) {
selector {scroll-behavior: smooth;
styles
}
}
esto lo que estoy entiendo yo pero no es lo correcto
““esta es la consigna””
Ciertos tipos de animaciones basadas en el movimiento pueden causar molestias a algunos usuarios. En particular, personas con trastornos vestibulares tienen sensibilidad a ciertos desencadenantes del movimiento.

La regla-at @media tiene una característica de medios llamada prefers-reduced-motion para establecer CSS basado en las preferencias del usuario. Puede tomar uno de los siguientes valores:

  • reduce
  • no-preference
@media (feature: value) {
  selector {
    styles
  }
}

Envuelve la regla de estilo que establece scroll-behavior: smooth dentro de una regla-at @media con la característica de medios prefers-reduced-motion que tiene no-preference establecido como valor.

Blockquote

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Desafío: Aprende accesibilidad construyendo un cuestionario - Paso 67

Enlaza al desafío:

Tiene que mover la regla que te pide dentro de tu @media especificada.

Aquí un ejemplo, solo rellénalo adecuadamente:

@media (prefers-reduced-motion: no-preference) {
(Aqui va tu regla anterior)
}

2 Likes

@media (prefers-reduced-motion: no-preference){

*{scroll-behavior: smooth;

}
}

2 Likes

Hola buenos dias, el selector del ejemplo hace referencia al (* { ) .styles hace referencia a ( scroll-behabior…)
lo que significa, que @media envuelve todo. saludos

@media (prefers-reduced-motion: no-preference) {

  • {
    scroll-behavior: smooth;
    }
    }