ninavizz, (edited )
@ninavizz@mastodon.social avatar

Friends fluent in webdev, frontend frameworks, and a11y: I'm looking for "textbook" examples of websites coded using React components, that are also highly accessible.

Clean semantic HTML, fully keyboard navigable, clear states on interactive things, etc. No "bent to the will of flustered fullstack developers" CSS, JS, or HTML. No bloat.

Recommendations? Client I'm looking to share examples with, is accounting software for labor unions. No pictures, lots of tables, forms, and data. TIA!!!

coldclimate,
@coldclimate@hachyderm.io avatar

@ninavizz I look forward to the replies, genuinely curious

colinaut,
@colinaut@dice.camp avatar

@ninavizz I don’t have any specific sites to point to but there are a few React component libraries that are focused on being accessible by default:

https://ariakit.org/

https://chakra-ui.com/

https://react-spectrum.adobe.com/react-aria/index.html

There are others too

ninavizz,
@ninavizz@mastodon.social avatar

@colinaut Yeah, the problem isn't React. The problem is that FS developers almost unilaterally under-estimate HTML and CSS; so, bending both to their will, ultimately make keyboard nav and responsive text resizing, impossible. My dev lead is committed to React, because it's React; so our tables will all likely be React... but everything will still need to come together with HTML and CSS and JS, to be accessible.

ninavizz,
@ninavizz@mastodon.social avatar

@colinaut He's already pretty committed to the Shad CDN and Radix kits. Aria and Chakra I had not yet heard of, though—TY for sharing! :)

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • DreamBathrooms
  • InstantRegret
  • thenastyranch
  • magazineikmin
  • GTA5RPClips
  • rosin
  • osvaldo12
  • tacticalgear
  • Youngstown
  • slotface
  • khanakhh
  • kavyap
  • ngwrru68w68
  • modclub
  • Leos
  • everett
  • provamag3
  • cubers
  • cisconetworking
  • ethstaker
  • Durango
  • mdbf
  • anitta
  • megavids
  • normalnudes
  • tester
  • JUstTest
  • lostlight
  • All magazines