Some advice from Andy on creating a dark theme for your website. It’s not just about the colours—there are typography implications too.
Saturday, November 10th, 2018
Tuesday, August 7th, 2018
Inclusive design is also future-proofing technology for everyone. Swan noted that many more developers and designers are considering accessibility issues as they age and encounter poor eyesight or other impairments.
Wednesday, June 20th, 2018
A lot of the issues here are with abuses of the
placeholder attribute—using it as a label, using it for additional information, etc.—whereas using it quite literally as a placeholder can be thought of as an enhancement (I almost always preface mine with “e.g.”).
Still, there’s no getting around that terrible colour contrast issue: if the contrast were greater, it would look too much like an actual pre-filled value, and that’s potentially worse.
Saturday, March 10th, 2018
Sunday, March 4th, 2018
A primer on accessible colour contrast with links to some handy tools for testing.
Wednesday, January 10th, 2018
Suggestions for small interface tweaks.
Thursday, December 7th, 2017
Great advice on keeping your hyperlinks accessible.
Thursday, November 9th, 2017
A clever performance trick for images:
- Reduce image contrast using a linear transform function (Photoshop can do this)
- Apply a contrast filter in CSS to the image to make up for the contrast removal
Thursday, May 11th, 2017
This is a really intriguing book that combines design theory and programming—learn about contrast, colour, and shapes, with each lesson supported by code examples.
It’s still a work in progress but the whole thing is online for free. Yay for web books!
Wednesday, April 26th, 2017
A plug-in for Sketch that allows you to simulate colour blindnesses and check colour contrasts.
Friday, March 24th, 2017
If we describe patterns also in terms of content, context, and contrast, we are able to define more precisely what a specific pattern is all about, what its role within a design system is, and how it is defined and shaped by its environment.
Friday, October 21st, 2016
Kevin writes a plea on Ev’s blog for better contrast in web typography:
When you build a site and ignore what happens afterwards — when the values entered in code are translated into brightness and contrast depending on the settings of a physical screen — you’re avoiding the experience that you create. And when you design in perfect settings, with big, contrast-rich monitors, you blind yourself to users. To arbitrarily throw away contrast based on a fashion that “looks good on my perfect screen in my perfectly lit office” is abdicating designers’ responsibilities to the very people for whom they are designing.
Friday, April 22nd, 2016
A nice tool for choosing colour palettes that look good and are also accessible.
Wednesday, December 31st, 2014
Tuesday, July 26th, 2011
A cute website that’s a call-to-arms against low-contrast text on the web.