Suzanne Aitchison

Suzanne Aitchison @s_aitchison

About: Software developer based in Edinburgh, working on Forem - the code that powers DEV 🌱

Location:
Edinburgh, Scotland
Joined:
Jul 17, 2019

Suzanne Aitchison
articles - 31 total

What Cypress E2E testing has taught us about our code

A little over a year ago Forem introduced End to End testing to the app using Cypress. Since that...

Learn More 81 8May 18 '22

Assistive technologies your users might be using

I've found that when developers talk about accessibility, we often make the assumption that...

Learn More 7 0Mar 25 '22

5 years in tech, and she's still coding

The #shecoded prompt this year made me realise that 2022 officially marks 5 years in tech for me!...

Learn More 119 14Mar 8 '22

Feature update: tag selector

Hello DEV community! Just a quick update to let you know about a new feature we've rolled out: a new...

Learn More 54 10Jan 21 '22

How we made the markdown toolbar

You might have seen a new feature arrive in the editor this week - the markdown toolbar: ...

Learn More 51 3Dec 2 '21

5 things I'm thinking about when I check a Pull Request for accessibility

(Photo by Cookie the Pom on Unsplash) Developing reliable, accessible, apps is really a whole-team e...

Learn More 139 5Mar 30 '21

I joined the Forem team!

I'm delighted to say I'm starting 2021 with a new role in the Forem team as a Software Engineer where...

Learn More 66 23Jan 14 '21

3 experiments with CSS paper effects

Over the last few days I've been playing around with a few paper-inspired CSS effects in CodePen, and...

Learn More 346 45Jan 8 '21

100 Days of CSS Art - Complete! 🎉

100 days ago I joined the 100 Days Project Scotland which "gives anyone, regardless of age or ability...

Learn More 126 9Aug 23 '20

Get started with CSS art - make a sheep! Step by step

I recently hit the halfway point in my 100 days of CSS art journey - I've learned a lot since I start...

Learn More 129 19Jul 19 '20

5 lessons from 50 days of CSS art

50 days ago I started out on my project for 100 Days Project Scotland - to create a piece of CSS art...

Learn More 554 40Jul 4 '20

Accessible images, icons and emojis

This post was originally published at Up Your A11y: Accessible, images, icons and emojis One of the...

Learn More 52 3Jun 20 '20

Anatomy of a CSS Corgi Ear

Last week I shared that I was embarking on a journey to create 100 CSS images in 100 days - I started...

Learn More 25 4May 23 '20

Join Me for 100 Days of Pure CSS

Today marks the start of the Scottish 100 Days Project, the mission of which is to: give anyone, re...

Learn More 93 25May 16 '20

Refactoring condescending language with alexjs

Last Hacktoberfest I contributed to the GatsbyJS documentation, where they were encouraging refactors...

Learn More 21 10Apr 25 '20

Becoming an accessibility-focused developer

Do you want to make more accessible apps, but aren't sure where to begin? Do you feel alone or unsupp...

Learn More 26 2Apr 20 '20

Accessibility-First Integration Tests with React Testing Library

Often when we talk about accessibility testing we focus on either: Browser extension linting tools...

Learn More 60 2Jan 20 '20

Alt Text Decision Tree - Quick Helper

One of the first things we often learn about good web development and HTML is that we need to add alt...

Learn More 71 7Jan 10 '20

7 Resolutions for Web Developers in 2020

This post was originally shared via the Ladies of Code Advent Calendar The start of a new year is of...

Learn More 120 6Jan 4 '20

Do you prefer video or written coding tutorials?

I've been posting here for a little while, and maintain some tutorials over at my site Up Your A11y,...

Learn More 56 62Dec 12 '19

3 Quick Tasks to Get Familiar with Screen Readers (VoiceOver on Mac)

Getting to grips with the basics of how users interact with your web apps using a screen reader is hu...

Learn More 52 0Dec 1 '19

How Should Keyboard Navigation Work in Web Applications?

To make your web content accessible for users, it should be navigable by keyboard alone. This benefit...

Learn More 68 2Nov 10 '19

Getting Heading Levels Right - Including Here on DEV

During Hacktoberfest I spent some time searching for and helping with small accessibility issues in o...

Learn More 46 9Oct 22 '19

My A11y Hacktoberfest Retro

At the start of this Hacktoberfest, I set myself a challenge: to make my four Pull Requests by findin...

Learn More 43 2Oct 14 '19

5 Key Takeaways From the WebAIM Screen Reader User Survey

The results from the latest WebAIM Screen Reader User Survey have recently been published, and I thou...

Learn More 19 1Oct 7 '19

Let's Fix Some A11y Issues this Hacktoberfest 👩‍💻👨‍💻

With Hacktoberfest just around the corner I started thinking about what I would like to contribute th...

Learn More 95 14Sep 30 '19

PSA: Stop Hard-Coding Heading Levels in Your React Components

(This post was originally posted on Up Your A11y - Heading Levels in Reusable Components) R...

Learn More 35 6Sep 23 '19

Page Titles and A11y in Single Page Applications (esp. React & Vue)

(A version of this post which only detailed a React implementation was originally posted on Up Your A...

Learn More 58 0Sep 16 '19

Handling route changes in React, accessibly

(This post was originally published at Up Your A11y: Handling Focus on Route Change in React) Any cl...

Learn More 55 5Sep 9 '19

A problem only Gatsby could solve?

A little while ago I set out to create a site that collated tutorials and articles about...

Learn More 37 4Sep 2 '19