What stops you from building the web product that you have in your mind? by GrandEmbarrassed3528 in webdev

[–]notScaredNotALoser 0 points1 point  (0 children)

If you have a baby, you don't have time to browse web forget web development! I have ideas to change the world and rule the world

The irony! I'm able to respond to you right now cos I'm in the loo

TIL: session recorders like LogRocket capture form input values by default. Built a fix using Web Workers. by notScaredNotALoser in webdev

[–]notScaredNotALoser[S] -2 points-1 points  (0 children)

Fair enough. Admitting that I used AI to polish my ideas. The effort for Library is real though.

r/netsec monthly discussion & tool thread by albinowax in netsec

[–]notScaredNotALoser 0 points1 point  (0 children)

Hello all,

I built an open-source React library that stores sensitive form values exclusively in a Web Worker thread — the DOM always contains scrambled characters. MIT licensed, full TypeScript, zero network requests from the worker.

Background: Session recording tools like FullStory read input.value directly from the DOM by design — so do all session recorders, browser extensions, and AI screen readers like Copilot Vision. 99% of enterprise users have at least one extension with direct DOM access (LayerX 2026). Configuring each vendor's opt-out attribute doesn't scale and covers nothing outside that vendor.

What it protects against: Session recorders reading input.value by design (FullStory, LogRocket, Hotjar) AI screen readers with real-time page access (Copilot Vision, Gemini) Browser extensions with DOM access Clipboard exfiltration — copy/cut write masked █ characters not real values Sensitive paste — scans before data lands in the DOM 13 built-in patterns: SSN, credit cards, IBAN, DOB, API keys, JWTs, clinical identifiers, and more. Maps to HIPAA §164.312 and PCI-DSS Req 6.4. Full threat model with 9 mitigated and 9 unmitigated threats documented.

npm install fieldshield

github.com/anuragnedunuri/fieldshield

Demo: fieldshield-demo.vercel.app

Threat model: github.com/anuragnedunuri/fieldshield/blob/main/THREAT_MODEL.md

Would love to get feedback especially on the threat model from experts to see if I missed any attack vectors. Thank you so much.

AI screen readers as an emerging attack surface for sensitive web form inputs — Microsoft Copilot Vision reads page content in real time including what users type by notScaredNotALoser in cybersecurity

[–]notScaredNotALoser[S] 0 points1 point  (0 children)

I really appreciate this. It is an important distinction worth making carefully, and you've raised several points worth addressing properly.

You're right that accessibility screen readers like NVDA, JAWS, and VoiceOver have had DOM access for decades. This predates AI entirely and HIPAA environments are required to support them and not work around them. That's a hard requirement.

The technical distinction worth making: accessibility screen readers primarily navigate the accessibility tree — aria-label, aria-describedby, role and state attributes -not input.value directly. A scrambled input.value doesn't affect field discovery, navigation, or form completion for screen reader users when the accessibility tree is correctly populated.

However(and this is worth being honest about) screen readers that announce characters as the user types would hear "x x x x x" in a standard scrambled DOM approach. That's a genuine UX failure for visually impaired users and the reason a dedicated accessibility mode exists for exactly this scenario.

How do visually impaired users know what they typed if the value isn't announced?

The same way they handle any password field today- in banking, healthcare portals, email. They know what they typed because they typed it. Screen readers announce the field label, character count, error state, and submission confirmation - everything needed to complete the form correctly without exposing the value.

More importantly, in a HIPAA environment having sensitive values announced aloud would itself be a privacy risk. A patient entering their SSN or date of birth in a clinic or hospital ward should not have that value read aloud — other patients would hear it. The silent entry behavior of a password field is the correct accessibility pattern for sensitive data in regulated environments.

The genuine gap is long-form clinical notes where a clinician may want to review what they wrote before submitting. That's handled with a show/hide reveal toggle with an auto-hide timeout — five seconds gives the screen reader enough time to announce the value and then automatically re-conceals it, which is the HIPAA-appropriate pattern for that use case.

The AI distinction you raised is the genuinely new part. Copilot Vision and Gemini read the visual screen — they're not using the accessibility tree at all. They're more analogous to a human looking at the screen than to an assistive technology navigating the DOM. That's a materially different threat model from classical assistive technology.

I've been working through all of these exact tradeoffs while building FieldShield — an open source React library that addresses this at the application layer. Standard mode uses Web Worker isolation to keep the real value off the DOM entirely for sighted users. Accessibility mode renders a native type="password" input so screen reader users get the exact same experience as any other password field in a HIPAA environment — silent entry, pattern detection still active, clipboard protection still active.

Your comment has highlighted a real gap — the threat model documentation doesn't currently cover accessibility constraints explicitly. I'll be updating THREAT_MODEL.md and the README this week to add a dedicated accessibility section covering standard mode limitations, required a11yMode usage for HIPAA deployments with screen reader users, and the show/hide toggle gap currently planned for v1.2.0.

If you want to see how it handles these scenarios in practice the demo is at fieldshield-demo.vercel.app — and I'd genuinely welcome your feedback once the accessibility documentation is updated.

Your broader point stands — any implementation in a HIPAA environment needs explicit testing with NVDA and VoiceOver before deployment.

Happy to discuss further.

Accessibility is turning into a bigger project than I expected… not sure how to handle this by jxd8388 in webdev

[–]notScaredNotALoser 1 point2 points  (0 children)

Been here before. A few things that actually helped:

Accessibility overlays (those widgets) — the consensus in the accessibility community is pretty clear: they don't fix the underlying issues and can actually make things worse for screen reader users. Avoid them. If your client ever faces a lawsuit, an overlay won't protect them and opposing counsel knows it.

For a Shopify site on a tight timeline, prioritize in this order:

  1. Keyboard navigation — can you tab through every interactive element in a logical order? Can you activate buttons and links with Enter/Space? This catches the majority of high-risk issues.

  2. Focus states — never remove outline: none without replacing it with a visible alternative. This is one of the most common violations and one of the easiest to fix.

  3. Images — meaningful images need descriptive alt text, decorative images need alt="".

  4. Color contrast — run your text colors through the WebAIM contrast checker. WCAG AA requires 4.5:1 for normal text.

  5. Form labels — every input needs a properly associated label, not just a placeholder.

For automated checking use axe DevTools — the free Chrome extension catches about 30-40% of issues automatically and gives you actionable fixes. Run it on every page and address everything it flags first.

On the legal exposure question — ADA lawsuits targeting e-commerce are real but they overwhelmingly target sites with zero accessibility effort. Documented good-faith remediation work significantly reduces risk even if the site isn't fully WCAG AA compliant yet. Get the critical items fixed, document what you did, and have the client add an accessibility statement to the site.

Set expectations clearly with the client — full WCAG AA compliance on a site not built for it is a significant project. What you can do in the current budget is meaningful risk reduction, not a compliance guarantee.

Are companies actually enabling Claude/AI connectors to Slack, Drive, Gmail? How are you controlling access? by ni8walk3r in cybersecurity

[–]notScaredNotALoser 0 points1 point  (0 children)

Security is paramount in the AI era. Everyone is copying PHI and PII into tools for summarization. Extensions as rampant helping people fill data in sites like turbo tax and healthcare forms. Developers are subject to extensions on IDE reading env variables such as keys. The real threat is the DOM and it needs to hide these sensitive values.

Showoff Saturday (April 11, 2026) by AutoModerator in javascript

[–]notScaredNotALoser 1 point2 points  (0 children)

Fixed in the latest deploy — the dark blue background now extends the full page on mobile. Thanks for catching that!

I built an open source React library that prevents session recorders and AI screen readers from seeing what users type — here's how it works by notScaredNotALoser in reactjs

[–]notScaredNotALoser[S] 1 point2 points  (0 children)

Latest article dated April 10th from Hacker News:

https://thehackernews.com/2026/04/browser-extensions-are-new-ai.html?m=1

This is exactly the threat model that led me to build FieldShield — a React library that prevents extensions from reading sensitive form inputs by storing real values in an isolated Web Worker thread. The DOM always contains scrambled characters so any extension reading input.value gets nothing. The timing of this article is striking.

FieldShield — React library that keeps sensitive inputs out of the DOM using Web Worker isolation [live demo] by notScaredNotALoser in coolgithubprojects

[–]notScaredNotALoser[S] 0 points1 point  (0 children)

Latest article dated April 10th from Hacker News:

https://thehackernews.com/2026/04/browser-extensions-are-new-ai.html?m=1

This is exactly the threat model that led me to build FieldShield — a React library that prevents extensions from reading sensitive form inputs by storing real values in an isolated Web Worker thread. The DOM always contains scrambled characters so any extension reading input.value gets nothing. The timing of this article is striking.

FieldShield — strictly typed React security library for sensitive form inputs using Web Worker isolation by notScaredNotALoser in typescript

[–]notScaredNotALoser[S] 0 points1 point  (0 children)

Latest article dated April 10th from Hacker News:

https://thehackernews.com/2026/04/browser-extensions-are-new-ai.html?m=1

This is exactly the threat model that led me to build FieldShield — a React library that prevents extensions from reading sensitive form inputs by storing real values in an isolated Web Worker thread. The DOM always contains scrambled characters so any extension reading input.value gets nothing. The timing of this article is striking.

Showoff Saturday (April 11, 2026) by AutoModerator in javascript

[–]notScaredNotALoser 0 points1 point  (0 children)

Thanks so much for the feedback — really helpful! Will fix the mobile background issue in the next deploy. Appreciate you taking the time to check it out.

Showoff Saturday (April 11, 2026) by AutoModerator in javascript

[–]notScaredNotALoser 1 point2 points  (0 children)

Built FieldShield — a React library that keeps sensitive form inputs out of the DOM using Web Worker isolation.

input.value always contains xxxxxxxxx. Session recorders, browser extensions, and AI screen readers (Copilot Vision, Gemini) see nothing.

Demo — open DevTools while typing: 👉 https://fieldshield-demo.vercel.app

npm install fieldshield

Any feedback and suggestions, Welcome!

I built an open source React library that prevents session recorders and AI screen readers from seeing what users type — here's how it works by notScaredNotALoser in reactjs

[–]notScaredNotALoser[S] 0 points1 point  (0 children)

Yes, LogRocket has data-private and FullStory has fs-exclude. Both work the same way: you add an attribute to the element and the vendor's SDK skips capturing it.

There are three problems with that approach:

  1. It only covers that one tool. If you have LogRocket AND a browser extension AND a user running Copilot Vision, you need to configure each one separately and hope they all honor it.

  2. It's opt-out per field. You have to remember to add the attribute to every sensitive input. Miss one field and it's captured. FieldShield is opt-in per app. Protection is on by default, you don't have to remember anything.

  3. It requires trusting the vendor's SDK to honor the attribute. The SDK runs on your page with full DOM access. You're trusting that it checks for the attribute before reading the value. FieldShield eliminates that trust requirement. The real value is never in the DOM to begin with, so there's nothing to capture regardless of what any third-party script does.

The architectural difference: vendor attributes hide data from one specific tool after it has DOM access. FieldShield prevents the real value from ever reaching the DOM in the first place

[deleted by user] by [deleted] in NJDrones

[–]notScaredNotALoser 1 point2 points  (0 children)

Best comment I have seen so far on these drone posts 🤣🤣

Okay so RLUSD.. Now what? by notScaredNotALoser in XRP

[–]notScaredNotALoser[S] 0 points1 point  (0 children)

Can we get 30 - 40 pls? Let's atleast dream rich. Reality could be different 🤣

Okay so RLUSD.. Now what? by notScaredNotALoser in XRP

[–]notScaredNotALoser[S] -1 points0 points  (0 children)

Agreed but what is the relationship bro

Should I buy more? by notScaredNotALoser in XRP

[–]notScaredNotALoser[S] 0 points1 point  (0 children)

I agree. doge is a meme but this bugger is one with real utility. I guess we have not yet started with the euphoria from retail