1. Creating accessible React apps

    Written by on October 19, 2017 in Development, Examples

    The React JavaScript library is a great way to create reusable modular components that can be shared among projects. But how do you ensure your React apps are usable by all kinds of people? Scott takes us through a detailed and timely tutorial on creating accessible React apps.

  2. The accessibility stack: making a better layer cake

    Written by on January 21, 2016 in Development, Examples, Understanding accessibility

    One way to prevent avoidable issues is to approach building for accessibility the way you build a web or native app from the ground up, in a stack of technologies, where each one has its role to play. Just like you carefully consider what backend language (if any), framework language, and additional libraries you might want to use for your app before you start building, the same should be done for accessibility.

  3. Arrow keys for mega menu navigation

    Written by on September 18, 2013 in Development

    In this week’s Best Practice of the Week we’ll take a look at making mega menus easier to navigate for keyboard and screen reader users.

  4. Modal window focus management

    Written by on August 23, 2013 in Development

    Modal windows are up in this week’s Best Practice of the Week (BPOW): For what appears to be such a simple concept, modal windows create incredibly complex interactions on the web. For users that rely on devices and software other than a mouse to navigate, the complexity is increased.

  5. ESC key to close modals & menus

    Written by on July 30, 2013 in Development

    We look at some JavaScript best practice in this week’s Best Practice of the Week (BPOW). Using the Esc key to close toggle-able widgets such as modals and pop-over menus is becoming so prevalent in user interfaces that it’s usually expected by users. The concept is so simple that there’s no reason not to add it into your websites and web applications.

  6. Accessibility testing: correction scenarios

    Written by on October 6, 2011 in Design, Development

    Accessibility and user experience are not black and white. Here we take a look at some shades of grey, and user scenarios that we need to take into account when we’re testing web sites and applications. We need to test for correct cases, incorrect cases, and moving efficiently from the incorrect state to the correct state.

  7. Keyboard accessible YouTube controls

    Written by on May 17, 2011 in Development, Top posts

    Full keyboard functionality is a must-have for accessibility. Here’s how we solve one of the problems with keyboard access for embedded YouTube videos.

  8. Custom styles for iOS

    Written by on October 1, 2010 in Development

    iOS allows the user to switch to a “high contrast” display—essentially reversing the colour scheme. This doesn’t give the fine control of colours that a desktop operating system provides. With the use of a user style sheet and a slick bookmarklet, a user can apply a custom stylesheet to mobile Safari on their iPhone, iPad, or iPod Touch so that they can display the web site or application to suit their own styles.