Shayna Productions's Avatar

Shayna Productions

@shayna-productions.bsky.social

Accessibility Consultant/Developer using React.js/CSS/HTML to make the world better one website at a time. https://www.shaynaproductions.com/ Blogging on: https://substack.com/@shaynaproductions

8 Followers  |  16 Following  |  19 Posts  |  Joined: 17.01.2025  |  1.8869

Latest posts by shayna-productions.bsky.social on Bluesky

Video thumbnail

๐๐จ, ๐ฒ๐จ๐ฎ๐ซ ๐›๐ซ๐š๐ข๐ง ๐๐จ๐ž๐ฌ ๐ง๐จ๐ญ ๐ฉ๐ž๐ซ๐Ÿ๐จ๐ซ๐ฆ ๐›๐ž๐ญ๐ญ๐ž๐ซ ๐š๐Ÿ๐ญ๐ž๐ซ ๐‹๐‹๐Œ ๐จ๐ซ ๐๐ฎ๐ซ๐ข๐ง๐  ๐‹๐‹๐Œ ๐ฎ๐ฌ๐ž.

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

16.06.2025 21:55 โ€” ๐Ÿ‘ 165    ๐Ÿ” 53    ๐Ÿ’ฌ 6    ๐Ÿ“Œ 15

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!

08.03.2025 14:59 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

This substack I wrote might be of help understanding what I'm talking about. substack.com/home/post/p-...

15.02.2025 12:00 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I saw that. I don't set a base size either, simply setting my base var as 1/16 of a rem.

14.02.2025 16:49 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

font-size: calc(var(--base) * 16).
width: calc(var(--base) * 324);
padding: calc(var(--base) * 16) calc(var(--base) * 8)

It keeps my pages and components consistent and is more easily understood than all the variables Radix provides (--space-1 = 4px and --space-4 = 16px).

3/3

14.02.2025 11:24 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

It allows for the same ratios and proportions regardless of whether a user has reset their base font size.

Modern libraries like Radix UI do it, but with multiple, not easily understood variables.

Since every designer thinks in 16px to a Rem, it makes it easier to translate from Figma.
2/3

14.02.2025 11:24 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

I've run up against this lately. I've embraced what I call a base-16 system (assuming the base font is 16px), but then I create a 1px base variable --base: calc( 1rem / 16).

I use that variable everywhere (font size, spacing, width) calc(var(--base) * {pixels}).
1/3

14.02.2025 11:24 โ€” ๐Ÿ‘ 0    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

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.

13.02.2025 19:53 โ€” ๐Ÿ‘ 64    ๐Ÿ” 15    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
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.

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

13.02.2025 12:00 โ€” ๐Ÿ‘ 0    ๐Ÿ” 3    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1

From do no evil to Do Evil Incorporated

09.02.2025 16:25 โ€” ๐Ÿ‘ 1    ๐Ÿ” 1    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

I can see a whole bunch of people calling up the white house and asking who died.

09.02.2025 15:48 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
the Whitehouse website has alt text, despite elimination of DEIA Programs

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

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

07.02.2025 18:08 โ€” ๐Ÿ‘ 6    ๐Ÿ” 2    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
test file: a element with no href

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...

06.02.2025 14:28 โ€” ๐Ÿ‘ 23    ๐Ÿ” 6    ๐Ÿ’ฌ 3    ๐Ÿ“Œ 1

๐Ÿšถ๐ŸฝDeveloping usable & accessible user interfaces is not about 'caring'.
It's about being a Professional Web Developer
#WebStandards #ux #a11y

06.02.2025 15:01 โ€” ๐Ÿ‘ 15    ๐Ÿ” 8    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0
The Digital Accessibility Legal Landscape - axe-con

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

04.02.2025 17:57 โ€” ๐Ÿ‘ 13    ๐Ÿ” 12    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
list of banned keywords

list of banned keywords

๐Ÿšจ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.

04.02.2025 01:26 โ€” ๐Ÿ‘ 27921    ๐Ÿ” 15813    ๐Ÿ’ฌ 1279    ๐Ÿ“Œ 3689
Preview
Did the US Government Cancel Accessibility? We need to talk about recent executive orders and memorandums regarding accessibility.

"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...

03.02.2025 15:29 โ€” ๐Ÿ‘ 2    ๐Ÿ” 2    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

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

31.01.2025 15:52 โ€” ๐Ÿ‘ 2    ๐Ÿ” 1    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 1
Preview
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, &quot;Ending Radical And Wasteful Government DEI Programs And Preferencing&quot;. This...

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

30.01.2025 18:34 โ€” ๐Ÿ‘ 61    ๐Ÿ” 39    ๐Ÿ’ฌ 5    ๐Ÿ“Œ 9

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

30.01.2025 19:14 โ€” ๐Ÿ‘ 5    ๐Ÿ” 4    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 0

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

29.01.2025 12:36 โ€” ๐Ÿ‘ 19    ๐Ÿ” 8    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0
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.) ...

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...

27.01.2025 21:07 โ€” ๐Ÿ‘ 13    ๐Ÿ” 11    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0

I mean why spend anytime at all on making your stuff easier to use.

25.01.2025 11:07 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 1    ๐Ÿ“Œ 0
Preview
How to Write Alt Text: A Cheat Sheet for UX Designers, Product Managers, and Content Creators Free Alt Text Guide with templates and step-by-step instructions for Reddit, Facebook, BlueSky, Instagram, and Twitter. Create accessible, inclusive content today!

The joy of seeing more and more creators acknowledge the need for Alt Text. We made a FREE how-to guide for creating effective alt text on Reddit, Facebook, IG, and more. @beingstillphotos.bsky.social
#Accessibility #AltText #Inclusion #DisabilityAdvocate #UX #LowVision

25.01.2025 10:54 โ€” ๐Ÿ‘ 6    ๐Ÿ” 3    ๐Ÿ’ฌ 2    ๐Ÿ“Œ 1
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!

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!

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

24.01.2025 16:20 โ€” ๐Ÿ‘ 150    ๐Ÿ” 58    ๐Ÿ’ฌ 8    ๐Ÿ“Œ 4
Preview
An alt Decision Tree Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

So straightforward, so good. An ALT text decision tree.

www.w3.org/WAI/tutorial... #a11y

23.01.2025 20:16 โ€” ๐Ÿ‘ 158    ๐Ÿ” 55    ๐Ÿ’ฌ 5    ๐Ÿ“Œ 4
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.

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.

Anyone have any idea what's going on with the access board postponing their meeting?

Not feeling great about this after yesterday.

#a11y #accessibility

23.01.2025 20:22 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

#css #accessibility #webdev

23.01.2025 14:49 โ€” ๐Ÿ‘ 1    ๐Ÿ” 0    ๐Ÿ’ฌ 0    ๐Ÿ“Œ 0

@shayna-productions is following 13 prominent accounts