Pens from Jen Taylor https://codepen.io/jen_n_taylor/ en nospam@codepen.io Copyright 2024 2021-09-27T15:59:06-07:00 Test floating label https://codepen.io/jen_n_taylor/pen/qBjQGyM https://codepen.io/jen_n_taylor/pen/qBjQGyM Jen Taylor

See the Code - See it Full Page - See Details

]]>
Test floating label 2021-09-27T15:59:06-07:00
Modal Dialog from Select https://codepen.io/jen_n_taylor/pen/PojJwOV https://codepen.io/jen_n_taylor/pen/PojJwOV Jen Taylor

See the Code - See it Full Page - See Details

]]>
Modal Dialog from Select 2021-09-14T14:28:42-07:00
A Pen by Jen Taylor https://codepen.io/jen_n_taylor/pen/ZEBvpMx https://codepen.io/jen_n_taylor/pen/ZEBvpMx Jen Taylor

See the Code - See it Full Page - See Details

]]>
A Pen by Jen Taylor 2021-02-24T18:28:10-07:00
A Pen by Jen Taylor https://codepen.io/jen_n_taylor/pen/QWGpqOG https://codepen.io/jen_n_taylor/pen/QWGpqOG Jen Taylor

See the Code - See it Full Page - See Details

]]>
A Pen by Jen Taylor 2021-02-17T20:09:28-07:00
Wave https://codepen.io/jen_n_taylor/pen/jmbjEb https://codepen.io/jen_n_taylor/pen/jmbjEb Jen Taylor

See the Code - See it Full Page - See Details

Simple wave

]]>
Wave 2017-04-18T23:17:00-07:00
Accessible Toolbar Buttons https://codepen.io/jen_n_taylor/pen/OpNgvQ https://codepen.io/jen_n_taylor/pen/OpNgvQ Jen Taylor

See the Code - See it Full Page - See Details

Based on Heydon Pickering's Toolbar Example in "Apps for All".

]]>
Accessible Toolbar Buttons 2017-03-09T03:10:03-07:00
Accessible Custom Checkboxes https://codepen.io/jen_n_taylor/pen/mWVEew https://codepen.io/jen_n_taylor/pen/mWVEew Jen Taylor

See the Code - See it Full Page - See Details

Building fully accessible custom checkboxes. Based on Lesson 5 of Udacity's Developing with Empathy course: https://classroom.udacity.com/courses/ud891/lessons/8311490720/concepts/83052507370923

]]>
Accessible Custom Checkboxes 2017-03-01T14:48:56-07:00
Managing Focus with Offscreen Content https://codepen.io/jen_n_taylor/pen/vxNveP https://codepen.io/jen_n_taylor/pen/vxNveP Jen Taylor

See the Code - See it Full Page - See Details

When we have a side-nav or drawer that is hidden offscreen, we want to make sure that the links inside won't receive focus unless they are visible onscreen.

]]>
Managing Focus with Offscreen Content 2017-03-01T01:26:07-07:00
Accessible Modals (No Keyboard Traps!) https://codepen.io/jen_n_taylor/pen/PpqNNj https://codepen.io/jen_n_taylor/pen/PpqNNj Jen Taylor

See the Code - See it Full Page - See Details

Based on the Lesson 2: Modals and Keyboard Traps from the Udacity Web Accessibility Course: https://classroom.udacity.com/courses/ud891/lessons/7962031279/concepts/79621414230923#

]]>
Accessible Modals (No Keyboard Traps!) 2017-02-26T23:59:38-07:00
Icons as Nav Links https://codepen.io/jen_n_taylor/pen/WpbJbo https://codepen.io/jen_n_taylor/pen/WpbJbo Jen Taylor

See the Code - See it Full Page - See Details

Making non-text navigational items more accessible.

]]>
Icons as Nav Links 2017-02-25T19:17:05-07:00