When should I disable animations?

jQuery has this awesome simple way of disabling animations:

jQuery.fx.off

However, in practice, when should I use it? Should I detect browser capabilities using Modernizr to filter out which brow开发者_运维知识库sers it is best to disable animations for?

There are two major use cases for this:

1. Performance related reasons: If users experience much lower performance than expected on a particular device that you are supposed to be supporting, then use this method. Make sure that you do this using feature detection mechanisms following a graceful degradation mentality. More details on this issue

2. Accessibility related reasons: If your target audience might contain people who suffer from a form of disability (this is changing and in more counties you are expected to support disable users regardless of your target population) then you need to include this as an accessibility feature option for your users. e.g. next to the increase font size button.