articles on design engineering

82 articles on design engineering covering project case studies, thought process, front-end strategy, techniques and best practices, focused on HTML, CSS, SVG, accessiblity, and everything in between.

In Quest of Search

On why I think adding a new HTML sectioning element for search is a good idea.

Published on

A guide to designing accessible, WCAG-compliant focus indicators

Published on

This post is a modified, text-only excerpt from my Practical Accessibility video course. I wanted to share this guide to designing accessible focus indicators because focus styles are a recurring discussion I have with designers I work with on most projects, so I thought it would be useful to provide this guide as a helpful reference. This guide is aimed at both designers who want to learn about accessibility considerations for designing focus indicators, as well as developers who want to implement them.

Not Your Typical Horizontal Rules

Published on

The HTML <hr> element adds a horizontal rule (or line) wherever you place it. A horizontal rule is used to provide a visual break and divide content. Like other HTML elements, horizontal rules can be styled using CSS (and SVG). This means that they don’t have to look like boring, plain horizontal lines. You can get a little creative with them, adding a nice little personal touch to your content and designs.

Accessible Text Labels For All

On improving eCommerce experiences for screen reader users without breaking them for speech-input users

Published on

See all articles

Real. Simple. Syndication.

Get my latest content in your favorite RSS reader. (What is RSS?)