A decision tree for building accessible components
A “quick and dirty” process
Step 1.
Is there a
React-based
off-the-shelf
solution?
Yes
A considered accessibility process
Step 1.
Can the
component be
built using
native HTML?
Yes
Is the
component
accessible /
supported?
Yes
Go for it!
Good enough.
Go for it!
Yes
Yes
Step 2.
Does the
component
exist at ARIA
APG?
No
Is the
component
accessible?
Go for it!
Yes
Step 3.
Is there an
off-the-shelf
option that’s
suitable?
No
Is the
component
accessible?
Yes
Go for it!
Yes
Can you
modify it to
be more
accessible?
No
Go for it!
Yes
Step 4.
Can you build
the component
yourself?
No
Is the
component
accessible?
Yes
Go for it!
Yes
No
No