There was a good post by Scott O’Hara last Thursday on how to detect Windows High Contrast mode in JavaScript and CSS. The most straight forward way to do this is to use their media queries in CSS (forced-colors: active and prefers-color-scheme: dark, respectively). While the media query for forced-colors works well with all modern… Continue reading Detecting Windows High Contrast Mode for New and Old Browsers
Category: Accessibility
Talk: What You Need to Know about the EU Accessibility Directive
This is a transcript of a talk I did at WordCamp Turku on the 28th of September, 2018. The slides to my talk are on Slideshare. I will update this post with a video when that is available.
The Paciello Group on accessibility for people with anxiety and panic disorders
I’ve always thought the prompts on booking sites that tell you there are only 2 rooms left were annoying, but hadn’t considered them an accessibility issue until now. Good read, and there’s a second part coming too. The web is awash with all manner of so-called dark patterns, designed to convert visitors and part them… Continue reading The Paciello Group on accessibility for people with anxiety and panic disorders
Not Our (Accessibility) Problem
I was walking around town with my 1-year-old daughter, who was in a push-chair. We were at the basement level of a new shopping center, following the signposts to get to the exit nearest to a bus stop. At one point, there was a flight of stairs, with a small lift next to them, so… Continue reading Not Our (Accessibility) Problem
CSS Grid Layout and Accessibility
CSS Grid is the future. However just like with many other layout techniques, it’s very easy to go crazy with it and cause an accessibility nightmare. There’s an excellent article on MDN on potential pitfalls:
If at any time in the design process you find yourself using grid to relocate the position of an element, consider whether you should return to your document and make a change to the logical order too.
Full article: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility