Frontend Engineering Explained - Certification, Dialogs, And What if you suddenly couldn't type anymore?


Frontend Engineering Explained

Heya! Welcome to the second edition of the Frontend Engineering Explained newsletter of 2025. The world is still looney and so, now more than ever, it is our responsibility to be steadfast and stand up for what we believe to be good.

It is not the time to stay quiet but, adding more fuel to the fire will also not help. We must therefore find ways to protest silently and show who we are through our actions. And as always be kind to each other. ✌️

My Journey to the International Association of Accessibility Professionals (IAAP) Web Accessibility Specialist (WAS) Certification

I have always been curious about the certification offered by the IAAP, thanks to the foresight of those at Factorial (where I work) I can study for and take the Web Accessibility Specialist certification in April 2025.

As some of you may know, I like to give back to the community at every chance I get 😁 and so, I will share my journey through a series of blog posts and who knows what else. You can read my introductory post on my blog and also my first post where I share some thoughts on certifications in general and provide an overview of what the Web Content Accessibility Guidelines are.

The HTML Dialog Element: A Native Solution for Accessible Modal Interactions

I advocate for using open web standards and only relying on libraries and frameworks when there is a true need. I am well aware that the web platform does not satisfy every need nor should it. But I would encourage you to first look at the web platform before grabbing a library. Especially CSS and JavaScript have been exploding over the last two years and are not slowing down, but HTML is not standing still either.

While you must be decerning when using a modal dialog, there are times when it makes the most sense for a specific UI interaction or user flow. To be honest, sometimes a design also calls for it and you may not be able to convince people to reconsider. Thanks to the dialog element, we can now at least ensure that the modals we do implement are accessible and require almost no JavaScript.

Part Five of Building a Profile Page with HTML and CSS

If you have been following along, you might be excited to learn that I have released part five of the series on building a profile page using HTML and CSS. In part five, we will finish up the page layout, fix some bugs that show up along the way, and learn more about the `rch` unit, favicons, and open graph.

If you find value in the work I do and want to support the future of the newsletter, my writing, and education, please consider a subscription on Patreon or buy me a coffee - I β™₯️ coffee 😁

In My LinkStack

That is enough about me, let's see what I have in my LinkStack.

Do you have some links you want me to include in the next edition? Reach out on Mastodon or Bluesky.

From My Ears To Yours

Podcast episodes I have enjoyed and possibly shared elsewhere.

What if you suddenly couldn't type anymore?

video preview​

And that is it for this one. Until the next one, keep rocking the open web.

Pretoria, Gauteng, South Africa, 0182
​Unsubscribe Β· Preferences​

Frontend Engineering Explained

FrontEnd Engineering Explained is a bi-weekly (every two weeks 😁) newsletter read by 200+ subscribers and includes, one frontend engineering topic explained, links to some of the posts I wrote, valuable and interesting frontend related reads of the last two weeks, podcast recommendations, tools, open source projects, and occasionally even some job opportunities. The author: Schalk Neethling is a passionate front-end engineer, podcast host, mentor, and open web and web accessibility evangelist.

Read more from Frontend Engineering Explained
A cartoon cat in space with the words TechCats. The cats of people who make websites.

Frontend Engineering Explained Mountains are shrouded in thick, blue clouds. Explained: The Mysterious HTML Dialog Sizing Case Hello internet friends! πŸ‘‹ I sincerely hope you all are having a decent time on this beautiful planet. I will be honest and say this newsletter was a little rushed and might even be a little late, but hey, better late than never. 😁 What if... A little bit of a philosophical piece if you will. What if we embraced authenticity, took creative risks, and lived deliberately...

A spider web covered in white flowers in the dark

FrontEnd Engineering Explained A spider web covered in white flowers in the dark JavaScript Event Listeners Explained If you find value in the work I do and want to support the future of the newsletter, my writing, and my teaching, please consider a subscription on Patreon or buy me a coffee - I β™₯️ coffee 😁 In My LinkStack That is enough about me; let's see what I have in my LinkStack. Is the button focusable? - Manuel MatuzoviΔ‡ How much traffic can a pre-rendered Next.js site really handle?...

FrontEnd Engineering Explained Declarative ShadowDOM Explained Welcome to the third edition of FrontEnd Engineering Explained for 2025. I want to start by saying thank you to the new subscribers, those who took the time to read the last edition, and to everyone who shared the newsletter on the web. I truly appreciate it. This edition is packed to the brim with links from around the web, some great podcast episodes, open-source tools, some interesting design tools, and interesting finds in the...