lightningrodlabs / rea-playspace

Holochain app to play with REA accounting
33 stars 7 forks source link

Accessibility (Readability) #202

Open bhaugen opened 1 year ago

bhaugen commented 1 year ago

At age 81, my eyes are getting worse, but they are nowhere near as bad as some people I know.

The trend in UIs is fainter fonts and lines. Many Web pages these days are unreadable to me.

I can't read the current Playspace UI.

playspace screenshot

I can see the nodes and the general shape of the flow, but can't read any of the labels on nodes or lines.

Can we do better? Is it the font or boldness or size, or all three?

I recognize that balancing all of those factors is a hard problem, so I don't expect magic

adaburrows commented 1 year ago

I think there's a few factors impacting this. I don't think it's even that specific to you. I have a hard time reading it without zooming in and moving things around a lot. I'm also trying to think of ways to change this to be better, like lightening the blue so there's more contrast between the black text and the background, same goes for the yellow.

We need to make the resources used in this more readable. I'm thinking that we can place that data in a box instead of a label. That way, we can have multiple lines of data, like the total stock available. This would also allow putting the boxes closer together, which means zooming in closer could make the text larger and more legible.

I'm also thinking of making things more like what I have in the paper cutouts I made. That way, all of the textual information can be clustered together logically and the lines would indicate flows without any additional information on them cluttering the UI.

bhaugen commented 1 year ago

I expect some experiments will be needed, but I am happy and thank you for recognizing the problem.