Mark W.rites

Posts in #CSS

Usability, Accessibility, and the Clickable Area of Buttons

Two buttons side by side. The first shows a button with lots of padding and a pointer cursor hovering over the label, showing that it is the only clickable target. It includes a description that reads 'no, thank you.' The second shows the same button with a pointer cursor hovering over the edge of the button, showing that the entire button is clickable. It includes a description that reads 'yes, please.'

Well-intended product design can turn into a usability/accessibility nightmare. Something as simple as a button can be marked up with HTML/CSS in myriad ways. We can make sure it’s done properly with a sensible markup.

Read more…

Web Standards: a Must for HTML Email

Four story building of old architecture, shaped in a square with an open courtyard, with Paris on the horizon behind it.

Browser support for web standards is finally becoming commonplace, as is authoring for standards compliance with accessibility front of mind. However, HTML rendering in email clients is sporadic at best, exhibiting a lack of CSS support reminiscent of (now-antiquated) 4.0/5.0 browsers. We must continue to embrace web standards and call for support in HTML email clients.

Read more…

CSS and Email, Kissing in a Tree

Illustration of a window with colorful lines that symbolize a code editor.

Despite prevailing wisdom to the contrary, you can safely deploy HTML emails styled with good old-fashioned CSS. Yes, I really just said that. Not all attributes will be invited to the party, but many of them work flawlessly with this method.

Read more…