iiinova — where your digital self keeps evolving

Shayna Productions @shayna-productions.bsky.social · 18/06/2026

Perceivability for users with sight requires CSS. The current version of CSS makes it easy with Nested CSS alongside passing design tokens from react into the CSS to communicate widths. dev.to/shaynaproduc... #CSS #a11y #frontend

dev.to

Laying it all Out

Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...

021

Shayna Productions @shayna-productions.bsky.social · 15/06/2026

When it comes to accessibility, considerations about keyboard handling for those who perceive using a screen are as important as considerations for screen readers. Begin with the simplest to achieve. dev.to/shaynaproduc... #a11y #frontend #react #keyboard

dev.to

Single List Keyboard Handling

Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...

041

Shayna Productions @shayna-productions.bsky.social · 28/05/2026

Theming systems are everywhere, but how they're built and set up matters. Do you really need to set up a theming system inside React and build CSS into your React components? dev.to/shaynaproduc... #React #Themes #CSS

dev.to

Theming in the Modern Age

Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...

011

Shayna Productions @shayna-productions.bsky.social · 26/05/2026

The only way a user interface has a chance to be accessible is when the foundational components, those wrapping HTML elements, are tuned to be accessible. Adding accessibility to base components just makes it easier for developers and users. dev.to/shaynaproduc... #react #a11y #webdev

dev.to

Foundational Accessibility Begins with the Base Components

Prologue A while ago, I decided to develop a fully accessible main navigation component in React and...

031

Shayna Productions @shayna-productions.bsky.social · 19/05/2026

In my ongoing series of articles on creating a universally accessible React navigation component, I address design considerations for sizing and demonstrate how to maintain consistent proportions and ratios even when users change the browser font size. #css #design #a11y dev.to/shaynaproduc...

dev.to

Spacing Considerations in Accessible Design

Prologue A while ago, I decided to develop a fully accessible main navigation component in React....

001

Shayna Productions @shayna-productions.bsky.social · 14/05/2026

In my last article, I went through the process of trying to (and failing) find an accessible main navigation component for React. In this article, I discuss how to begin identifying accessibility requirements to incorporate into acceptance criteria. dev.to/shaynaproduc...

dev.to

Creating Initial Requirements for an Accessible Navigation Component

Prologue A while ago, I decided to develop a fully accessible main navigation component in React...

001

Shayna Productions @shayna-productions.bsky.social · 01/05/2026

What's your go to when you need a non-trivial react component? I documented my hunt for a main navigation component in my new article: Hunting for an Accessible Main navigation component: dev.to/shaynaproduc.... #a11y #react

dev.to

Hunting for an Accessible React Navigation Component

Prologue When I needed a main navigation component, I did what most developers do: I went looking...

101

Shayna Productions @shayna-productions.bsky.social · 29/04/2026

I find I have the most impact when I tie accessible development to peripheral use rather than specifying types of accessibility or leaning on greed. I wrote something about this. dev.to/shaynaproduc.... Take a read. #a11y

dev.to

The Modalities of Accessibility

There are nights when I have dreamt of a perfect world where, among other wishes, equitable access is...

001

Shayna Productions @shayna-productions.bsky.social · 28/04/2026

👋 Hi there. It's been a while since I've posted. Over the past year, I've been thinking about development and accessibility, and I've just published my first article: dev.to/shaynaproduc... Would love to hear your take on it. Hit me up here or in the comments on the article. #a11y

dev.to

Who is actually responsible for Web Accessibility?

Who is responsible for making sure software is accessible? If your short answer is the front-end...

000

Reposted by Shayna Productions

Nataliya Kosmyna, Ph.D @nataliyakosmyna.bsky.social · 16/06/2025

𝐍𝐨, 𝐲𝐨𝐮𝐫 𝐛𝐫𝐚𝐢𝐧 𝐝𝐨𝐞𝐬 𝐧𝐨𝐭 𝐩𝐞𝐫𝐟𝐨𝐫𝐦 𝐛𝐞𝐭𝐭𝐞𝐫 𝐚𝐟𝐭𝐞𝐫 𝐋𝐋𝐌 𝐨𝐫 𝐝𝐮𝐫𝐢𝐧𝐠 𝐋𝐋𝐌 𝐮𝐬𝐞. See our paper for more results: "Your Brain on ChatGPT: Accumulation of Cognitive Debt when Using an AI Assistant for Essay Writing Task" : www.brainonllm.com

618863

Shayna Productions @shayna-productions.bsky.social · 08/03/2025

I've been in what I call "Flow" for a few weeks, when proof of concepts solidify and my ideas of a mostly CSS-based theming system are actually working. Still not there enough to release deets, but getting away from dependencies on css frameworks makes me really happy!

000

Reposted by Shayna Productions

Accessibility Awareness @a11yawareness.bsky.social · 13/02/2025

Make sure that interactive elements that can be accessed by using a mouse, pen, trackpad or touch are at least 24 by 24 CSS pixels. This helps people with low vision and/or limited motor control select the intended element without accidentally selecting nearby elements.

06315

Reposted by Shayna Productions

Alexandra Hanlon @alexhanlon.bsky.social · 13/02/2025

I'm excited to announce my 8th story has been posted today, and I'd love some feedback on it. 🧵 Dark Brandon was really fun to write. It's the beginning of the true split of the alternate universe from our own. nudgestories.com/story/dark-b... #scienceFiction #amWriting #writing #story 1/5

nudgestories.com

Dark Brandon

After the Foundation reveals itself to the world, Alexandra is the Face of the Foundation speaking directly with the President of the United States.

103

Reposted by Shayna Productions

Steve Faulkner @stevefaulkner.eurosky.social · 09/02/2025

From do no evil to Do Evil Incorporated

011

Reposted by Shayna Productions

Accessibility Fun @a11yfun.bsky.social · 07/02/2025

When they erase the accessibility statement from the White House website, but the dev still sneaks in alt text 😉 Stay mad. #Accessibility #DEIA #DisabilityAdvocate #WCAG #FuckTrump

the Whitehouse website has alt text, despite elimination of DEIA Programs

162

Reposted by Shayna Productions

Steve Faulkner @stevefaulkner.eurosky.social · 06/02/2025

Tip: ✔️ <a href="..."> is a link ❌ <a> is not a link 📛 <a role="link"> is exposed as a link to screen readers, but you have to add the link behaviour #HTML #ARIA #a11y try it for yourselves stevefaulkner.github.io/AT-browser-t...

stevefaulkner.github.io

test file: a element with no href

3236

Reposted by Shayna Productions

Steve Faulkner @stevefaulkner.eurosky.social · 06/02/2025

🚶🏽Developing usable & accessible user interfaces is not about 'caring'. It's about being a Professional Web Developer #WebStandards #ux #a11y

2158

Reposted by Shayna Productions

Lainey Feingold @lflegal.bsky.social · 04/02/2025

Free and online: On February 27th I'll be doing a session about the digital #accessibility legal landscape at the Axe-Con Accessibility conference. Session page with link to register: www.deque.com/axe-con/sess... #a11y #disability

deque.com

The Digital Accessibility Legal Landscape - axe-con

11312

Reposted by Shayna Productions

Darby Saxbe @darbysaxbe.bsky.social · 04/02/2025

🚨BREAKING. From a program officer at the National Science Foundation, a list of keywords that can cause a grant to be pulled. I will be sharing screenshots of these keywords along with a decision tree. Please share widely. This is a crisis for academic freedom & science.

12652768715653

Reposted by Shayna Productions

Steve Faulkner @stevefaulkner.eurosky.social · 03/02/2025

"Before you start planning to cancel accessibility at your business—and I hope you’re not thinking that—let’s discuss why that would be a terrible idea." #accessibility #USA #DEIA www.a11yquest.com/blog/2025-01...

a11yquest.com

Did the US Government Cancel Accessibility?

We need to talk about recent executive orders and memorandums regarding accessibility.

022

Reposted by Shayna Productions

Alexandra Hanlon @alexhanlon.bsky.social · 31/01/2025

I don't feel like a natural writer. Probably one of the reasons I have to force myself to post on social media lately. Creative writing doesn't come naturally to me. I struggle to bring the stories inside of me out into words. #amWriting #WritingCommunity #nudgeStories 1/9

121

Reposted by Shayna Productions

Léonie Watson @tink.uk · 30/01/2025

The US Web Design System deletes info on inclusive design, in response to the Executive order "Ending Radical And Wasteful Government DEI Programs...". github.com/uswds/uswds-... Why not use the Inclusive Design principles instead: inclusivedesignprinciples.info #accessibility #a11y #inclusion

github.com

Remove content related to 1/20/25 EO by thisisdano · Pull Request #3078 · uswds/uswds-site

Summary Removed report link and introduction. Removed content related to the January 20, 2025 Executive Order, "Ending Radical And Wasteful Government DEI Programs And Preferencing". This...

56138

Reposted by Shayna Productions

Lainey Feingold @lflegal.bsky.social · 30/01/2025

This is terrible for so many reasons. #accessibility #DEI. Thanks @tink.uk for finding this.

254

Reposted by Shayna Productions

Lainey Feingold @lflegal.bsky.social · 29/01/2025

Very helpful info for all of us trying to understand how #disabled people will be harmed by trump’s attempt to freeze government funding in the US. A judge has stopped this power grab temporarily and will decide more next week. Thx @mariatown.bsky.social + @aapd-disability.bsky.social #disability

0198

Reposted by Shayna Productions

Lainey Feingold @lflegal.bsky.social · 27/01/2025

2 new articles up on my website today about last week's disastrous US federal govt action + potential impacts on #accessibility and #disabled people. Both written by guest contributor Eve Hill. One about the effect of the hateful #DEI order on digital accessibility: www.lflegal.com/2025/01/week...

lflegal.com

The Effect of Donald Trump’s DEI Executive Order on Accessibility

Below I share a blog post written by Eve Hill, one of the best disability rights lawyers and digital accessibility legal specialists in the United States. (More about Eve at the end of this article.) ...

11411

Reposted by Shayna Productions

Emily Hare @emilyhare.com · 24/01/2025

Artists! And people who post images, please post alt text, it helps those who can’t see well to describe what you’ve posted. You can set it in settings>accessibility to remind you to fill in alt text before posting 🥰 #alttext #accessibility

Screen capture of the page you get to when in bluesky settings, accessibility and then a toggle you can switch that means bluesky will remind you to post alt text before posting any image here. Thank you!

714757

Shayna Productions @shayna-productions.bsky.social · 23/01/2025

Anyone have any idea what's going on with the access board postponing their meeting? Not feeling great about this after yesterday. #a11y #accessibility

Screenshot of an email:

January 23, 2025

News from the U.S. Access Board

POSTPONED: U.S. Access Board Meeting and Webcast (January 29)
Past Board meeting on laptop
The Access Board's upcoming Board meeting scheduled for Wednesday, January 29 has been postponed. An announcement will be made as soon as a new date has been set.

010

Reposted by Shayna Productions

Steve Faulkner @stevefaulkner.eurosky.social · 22/01/2025

Some requirements of a civilised society: ✊🏾Healthcare for all ✊🏼Education for all ✊🏽Accessibility for all

1194

Reposted by Shayna Productions

CSS by T. Afif @css-only.dev · 22/01/2025

Here is another variation using the same code structure. Demo: codepen.io/t_afif/full/... via @codepen.io I don't know how we call such a shape (maybe a wavy box as well?). If you have some suggestions I will take them👇 #CSS

codepen.io

Another cool CSS shape

Another variation of https://codepen.io/t_afif/pen/EaYedaY...

1114

Shayna Productions @shayna-productions.bsky.social · 21/01/2025

What happens when we mix px and rems in our design and a user changes the base font size? Find out: substack.com/home/post/p-... #accessibility #a11y #webdev #css #webdesign

The image shows mosaic butterflies in the background. Superimposed is white text: On the accessibility of pixels and rems. Another ubiquitous blog post on accessibility, CSS and design.

010

Reposted by Shayna Productions

Steve Faulkner @stevefaulkner.eurosky.social · 20/01/2025

UI accessibility is not an accessory, a ‘nice to have’. If a UI is not accessible it’s incomplete, substandard, half baked – a neckbeard UI #a11y #ux

1336

Reposted by Shayna Productions

Lloydi @lloydi.com · 20/01/2025

It finds the following on a page: • Landmarks • Headings • Links • Form Controls It displays them in a dialog and provides a way to navigate using these key parts of a page. This one is still work in progress. Happy to receive feedback, take on board suggestions etc.

A dialog overlaying a page with a tabbed interface showing landarks, headings, links and form controls. Each tab has a count of matched elements, and the headings panel has a heading level against each heading found.

063

Reposted by Shayna Productions

Faisal Akbar @faisalakbar.bsky.social · 19/01/2025

💡JavaScript Tips: Optional Chaining for Safe Property Access const user = { address: { street: "123 Main St" } } // Old way const street = user && user.address && user.address.street // Modern way const street = user?.address?.street

001

Reposted by Shayna Productions

Lea Verou, PhD @lea.verou.me · 16/01/2025

🎉 OMG OMG OMG Chrome is shipping CSS attr() for every property!!! 🎉 I’ve been asking for this for over a decade!! w00t!!! 🤩 developer.chrome.com/blog/advance...

developer.chrome.com

CSS attr() gets an upgrade | Blog | Chrome for Developers

You can now use attr() with any CSS property–including custom properties–and it can parse values into data types other than strings.

1748895

Reposted by Shayna Productions

David Bisset @davidbisset.com · 15/01/2025

Nice to see a moderate pain in the #CSS butt addressed. developer.chrome.com/blog/css-tex... Take back space from above and below your text content. #webdev

developer.chrome.com

CSS text-box-trim | Blog | Chrome for Developers

Take back space from above and below your text content; achieve optical balance.

2378

Reposted by Shayna Productions

xirclebox @xirclebox.com · 09/01/2025

I'm a fan of designers who learn to code. When it comes to the question, "Should designers learn code?" another example that supports this is that understanding HTML will help designers annotate their designs correctly. #UX #UI #HTML #A11y

2121

Reposted by Shayna Productions

CSS Basics @cssbasics.fridayfrontend.com · 15/01/2025

The search input: They almost got it right: "A fix that will help people to locate and use the search input on your website. Different approaches are possible, like using an implicit or explicit label, or even no visual label at all!" #a11y

htmhell.dev

The search input: They almost got it right - HTMHell

A collection of bad practices in HTML, copied from real websites.

021

Reposted by Shayna Productions

xirclebox @xirclebox.com · 16/01/2025

You don't need permission to make things accessible. Leave files better than you found them #a11y

37224

Reposted by Shayna Productions

Faisal Akbar @faisalakbar.bsky.social · 27/12/2024

🎯 useEffect() Simplified: // Run once useEffect(() => {}, []) // Run on changes useEffect(() => {}, [data]) // Run & cleanup useEffect(() => { return () => cleanup() }, []) No magic, just timing! #ReactJS #javascript

161

Shayna Productions @shayna-productions.bsky.social · 17/01/2025

The only thing I miss about the work Macbook I just sent back at the end of this contract is the MagicTrackpad. But I just realized I could actually hook it up to my windows machine. I can't get bluetooth recognized, but with a cable and the right drivers? I get all the gestures I can handle. 1/

100

Shayna Productions @shayna-productions.bsky.social · 17/01/2025

First post ever. Newly reinvigorated and looking for my people. #accessibility #reactjs #css

020