Some uncommon accessibility properties

Here are some accessibility properties that are not very common across developers (This is a WIP blog):

1. prefers-reduced-motion

This setting is helpful for people with vestibular disorder. The vestibular system is the sensory mechanism in the inner ear that detects movement of the head and helps to control balance.

Though the issue is related to the ear, this problem affects the overall balance as well as the visual perception of the users.

This is triggered by flashy animations, sliders, videos, or a sudden or rapid movement like quickly switching between two screens.

Example

For this property to be enabled, the user has to enable the settings on their system. link to enable.

@media (prefers-reduced-motion) {
 /* styles to apply if a user’s device settings are set to reduced motion */
}