1. Zettle Business page video
  2. Paypal Business page video
  3. Paypal Crypto page video
  4. Braintree Home Page

Tips for accessible Autoplay

  1. If possible avoid autoplaying
  2. If possible avoid looping
  3. If you must autoplay, play it less than 5 seconds and then pause
  4. Overlay a pause/play button on top of the background video may be in top or bottom right
  5. Make sure hitting the ‘Esc’ key will stop it playing.
  6. Avoid combining audio with animations unless absolutely necessary.
  7. Disable it alltogether for people who have Reduce motion preference enabled

References:

  1. 2.3.1 Three Flashes or Below Threshold (Level A)
  2. Understanding Success Criterion 2.2.2: Pause, Stop, Hide (Level AA)
  3. Understanding Success Criterion 2.3.3: Animation from Interactions (Level AAA)
  4. Why Autoplay is an accessibility issue