a creative developer’s guide to creating accessible, award winning websites

*/web developer/frontender/creative engineer who REALLY likes animation

Awwwards dev jury scores showing high scores for accessibility

Screenshot: the Development jury scores of an inaccessible website on Awwwards

Awwwards dev jury scores showing high scores for accessibility

Screenshot: the Development jury scores of an inaccessible website on Awwwards

  1. https://atria.non-linear.studio/
  2. https://halomedia.com/
  • Removing ability to select text *
  • Removing focus styles with no replacement
  • Removing native scrolling functionality **
  • Omitting alternative text in buttons/images/etc.
  • Not adding a text alternative to letter animations
  • Not respecting prefers-reduced-motion

Code example