Live data from Hacker News

WebAssembly Studio

webassembly.studio

51–60 of 231 posts

Re: WebAssembly Studio

#51

Earlier quoted context omitted.

There is a github link at he top right, you could start there.

I was talking about the general problem of new inaccessible apps being developed, not this specific project.

What do you think is a good starting point for developers who want to get better at this?

For example, do you know of a good way for developers with no disabilities to get an impression of how a site works in various screen readers?

Re: WebAssembly Studio

#52
post #19

Earlier quoted context omitted.

Today, I would probably choose something higher level than meddling around with Webpack directly.

Check out https://parceljs.org/ . It's how I start every project. I can always move to Webpack if I need more customization and complexity.

I was thinking about more integrated solutions like Next.js or Expo.

Re: WebAssembly Studio

#54

The "Create New Project" dialog has serious accessibility problems when used with a screen reader. The buttons are clickable divs, not actual HTML buttons or even marked up with proper ARIA. I haven't yet ventured any further into the app. Given that the app is a WebAssembly development environment, my first guess was that it was built in WebAssembly itself, with a custom UI framework. But in fact, it's plain React,…

Why assume ignorance/difficulty when the reality is not everyone is going to focus on adding/maintaining accessibility when they haven't even built out their beta MIT licensed side project? It'd certainly be nice if everything just automagically worked about accessible UI but we're not there yet (getting anything to automagically work in UI is a pain still). As far as what we can do about it I suppose outside of some…

Exactly this. Yes, accessibility is very important, but as of right now, it takes non-zero effort to implement correctly. So you must balance that with other priorities depending on the goals of the project.

Re: WebAssembly Studio

#55

The "Create New Project" dialog has serious accessibility problems when used with a screen reader. The buttons are clickable divs, not actual HTML buttons or even marked up with proper ARIA. I haven't yet ventured any further into the app. Given that the app is a WebAssembly development environment, my first guess was that it was built in WebAssembly itself, with a custom UI framework. But in fact, it's plain React,…

Why assume ignorance/difficulty when the reality is not everyone is going to focus on adding/maintaining accessibility when they haven't even built out their beta MIT licensed side project? It'd certainly be nice if everything just automagically worked about accessible UI but we're not there yet (getting anything to automagically work in UI is a pain still). As far as what we can do about it I suppose outside of some…

Users with accessibility needs deserve to be able to use software as much as any of the rest of us do, and we should pride ourselves in making time to address their needs. Try reading your comment from the perspective of someone who is unable to use this software because of the choices you've made. Someday, perhaps sooner than you think, you might find yourself in their shoes.

In this case, mwcampbell refers to a specific problem which is entirely avoidable and endemic of a flagrant disregard for the needs of accessibility - it would have been EASIER to make it accessible in Matt's example.

Re: WebAssembly Studio

#56

Earlier quoted context omitted.

How would you know it was a webasm IDE if it's just a blank page? (I thought it was going to be a music DAW when I clicked the link)

The url is webassembly.studio and the title is WebAssembly Studio

I thought it was going to be an article about a tool, not a tool itself. I figured it out, but would've appreciated a "This only works with JS" note.

Re: WebAssembly Studio

#57

Earlier quoted context omitted.

I was talking about the general problem of new inaccessible apps being developed, not this specific project.

What do you think is a good starting point for developers who want to get better at this? For example, do you know of a good way for developers with no disabilities to get an impression of how a site works in various screen readers?

The accessibility mode in the firefox debugger is a good start.

Re: WebAssembly Studio

#58
Something similar but also totally different is https://makepad.nl/ - a graphics programming IDE in Rust, for Rust, targeting the browser.

It's a totally different use case but there's some similarities, somehow, anyway.

Unlike this app, its actually all WASM and the author frequently tweets about how he feels more productive building a web UI in Rust than he would HTML+CSS+JS. And you can say what you want, the thing is damn snappy.

Re: WebAssembly Studio

#59
post #24

The "Create New Project" dialog has serious accessibility problems when used with a screen reader. The buttons are clickable divs, not actual HTML buttons or even marked up with proper ARIA. I haven't yet ventured any further into the app. Given that the app is a WebAssembly development environment, my first guess was that it was built in WebAssembly itself, with a custom UI framework. But in fact, it's plain React,…

I'm guilty of this more often than I should be. I think the reason I sometimes reach for divs over buttons or other semantic elements is because I've been burned by default browser behavior treating them special when I just want a dumb box with a dumb click handler - no default styling that I need to override, no need to call .preventDefault(), no need to worry about the matrix of OS+browser+device that each treats a…

You should fix this attitude, becuase it's making your applications worse. The browser is the best at doing the things it does, and any control that you implement yourself is going to be worse. If the browser can do something for you, you ought to let it do that for you. If you insist on writing your own controls, its behavior will differ from how the browser's own UI works in subtle ways, repeated indefinitely for each combination of OS and browser and user input paradigm. People who rely on muscle memory to use these features, people who perhaps cannot percieve whatever UI hints you come up with to teach your custom control, or people whose needs you have forgotten about, will all struggle to use your UI. And for what? It looks prettier? No thanks.

Re: WebAssembly Studio

#60

Earlier quoted context omitted.

Thanks for sharing your perspective on this. Does anyone know if the web platform now provides a foolproof way to clear all default styling on a button or other standard control?

`appearance: none;` gets you a long way

But muh ableist design preferences....
Post reply on HN