Archive for the ‘modal’ Category

Accessible Web Apps with React, TypeScript, and AllyJS

Posted on: No Comments
Accessibility is an aspect of web development that is often overlooked. I would argue that it is as vital as overall performance and code reusability. We justify our endless pursuit of better performance and responsive design by citing the users, but u...

Considerations for Styling a Modal

Posted on: No Comments
A modal. A small box that pops up to tell you something important. How hard can it be? Wellllll. Medium hard, I'd say. There's quite a few considerations and a few tricky things to get just right. Let us count the ways. Where in the DOM? I typically p...

Modaal

Posted on: No Comments
Modaal is a WCAG 2.0 Level AA accessible modal window plugin. Modals seem so hard to get right from an accessibility perspective, I'm not proud to say I've never tried. Something like moving focus to the modal when it opens and moving focus back to whe...

CSS Overlay Techniques

Posted on: No Comments
Design patterns, a set of best practices and techniques that aim to solve some of the most common design “problems”, are usually presented in the context of design principles. One of these design principles is the “Stay On Page” principle. ...