diff --git a/src/_data/authors.json b/src/_data/authors.json
index 202d59c6..e19679c8 100644
--- a/src/_data/authors.json
+++ b/src/_data/authors.json
@@ -33,6 +33,13 @@
"photo": "https://pbs.twimg.com/profile_images/1227394268282720258/J-E_OZFk_400x400.jpg",
"biography": "Cameron is a software development leader, immersive tech pioneer, and accessibility specialist."
},
+ {
+ "name": "Conor Kelly",
+ "first": "Conor",
+ "website": "https://accessitech.github.io/AccessiTech/",
+ "photo": "https://ckellydesign.github.io/portfolio/gfx/me_2.jpg",
+ "biography": "Conor is a digital accessibility consultant."
+ },
{
"name": "Cooper Hollmaier",
"first": "Cooper",
diff --git a/src/posts/text-contrast-on-dynamic-backgrounds.md b/src/posts/text-contrast-on-dynamic-backgrounds.md
new file mode 100644
index 00000000..62b53d2f
--- /dev/null
+++ b/src/posts/text-contrast-on-dynamic-backgrounds.md
@@ -0,0 +1,155 @@
+---
+title: Text Contrast on Dynamic Backgrounds
+description: Use text shadows to guarantee color contrast
+category: How-to
+author: Conor Kelly
+date: 2023-05-02
+further_reading:
+ - title: text-shadow | CSS-Tricks
+ url: https://www.24a11y.com/2017/the-trials-and-tribulations-of-the-title-attribute/
+ source: Scott O'Hara
+ year: 2011
+ - title: text-shadow - CSS - Cascading Style Sheets | MDN
+ url: https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow
+ source: MDN
+tags:
+ - howto
+---
+
+**Short answer:** Use text-shadows or additional background colors on text elements which overlay non-static backgrounds or which may potentially overlay a background color of insufficient contrast.
+
+## Brief Overview
+
+When designing and styling text elements, it is important to maintain a color contrast ratios to ensure its visibility, as per [Web Content Accessibility Guidelines (
+
+Designers and developers are not always in control of what renders beneath text elements, often thwarting our well planned color pallet. Such cases include but are not limited to:
+
+- Text overlaying static images
+- Text overlaying parallaxing images
+- Text overlaying video
+- Fixed or absolute text scrolling over different background colors
+- Responsive layouts shifting text over different background colors
+
+## The Solution
+
+
+
+Typography in film / TV / video provide us with a few techniques to ensure our text is always legible:
+
+1. Include a background element behind the text element
+2. Outline the text with a border
+3. Apply text-shadow(s)
+
+### Background Element
+
+Setting up text elements with a fixed background is a relatively simple approach, wherein the background may be translucent to avoid occluding other content. These background elements can either be styled as standard rectangles or as decorative overlay graphics.
+
+
+
+#### Implementation
+
+Using a background element is a simple approach, but it does require some additional markup and styling.
+
+```html
+
+