Super interesting read on techniques for making drag and drop UIs accessible. Some very clever ideas.
February 2018Useful examples of HTML/CSS components with built in accessibility. Great for copy/pasting a quick example.
December 2017Table from ARIA spec showing implicit aria-role definitions of HTML elements and the possible optional aria-roles for the elements.
December 2017Useful post describing how to create & analyse Node core dumps to find a memory leak
December 2017Great post on writing questions that assess whether a student has understood a concept (called a diagnostic question). Written in the context of maths, but applies equally to other topics (e.g. programming) too
December 2017Simple guide to using the Chrome performance dev tools to debug React
December 2017Jest documentation to run Jest tests in Chrome via Puppeteer
December 2017Guide to getting started with Voice Over on macOS/OSX for accessibility audits
November 2017Really clever approach to placeholder images shown while the real image loads. Basically describes using a library to decompose an image into a SVG with basic shapes that resembles the image. This could be used diectly, or a blur could be applied.
November 2017Big list of things to check to ensure websites are inclusive for all
November 2017This looks so good 😱 react-fns: Browser API's turned into declarative React components and HoC's
November 2017Really interesting utility for creating "compound" React components, like what Ryan Florence has advocated for. The api is actually minimal, but seems super useful
November 2017Really excellent guide to writing alt text for images on the web
October 2017About new (to me) HTML element which is useful for showing output for an interactive control. The example shown is a range input that shows the value. It beats a div because of improved a11y - it can be linked to the input with a for attribute. Can also see it being useful for showing preview output for a setting
October 2017Another great article from @linclark, this time on Firefox’s new WebRender project:
October 2017Bootstrap 4 has a new CSS reset, called Reboot. Looks useful
October 2017