Front-end education for the real world. Since 2018.





Accessibility

Topic Archive
  1. Finding an accessibility-first culture in npmx

    Today is the alpha release of npmx — an alternative browser for the npm registry. Abbey Perini joined early and soon discovered accessibility was a deep part of the culture, right from the start, which was both refreshing and incredibly productive.

  2. You might not need role="presentation"

    Steve Frenzel shares some sage advice on correctly using this role and value combination by showing questionable examples, followed by some better approaches. Spoiler: the better ones are the simple ones.

  3. A guide to creating accessible PDFs using free tools

    If you really do (seriously, really do) need to create a PDF, Steve has your back to help you make sure you make that PDF accessible without having to fork out for Adobe Acrobat Pro.

  4. Use transparent borders and outlines to assist with high contrast mode

    It’s tempting to use a sharp box shadow for focus styles to both remove the default focus ring and to get around sharp outline corners. With this method, you can create problems for Windows High Contrast users, so this quick tip will help you get the best of both worlds.

  5. Load all focusable elements with JavaScript

    A handy helper function that will load all user-focusable elements inside a parent element for you.

  6. Visually hide an element with CSS