Create Accessible availity/tabs component in availity-react

[megleighc]

🚀 Feature request

Current Behavior

Currently, many teams are using the standard Reactstrap Nav component and applicable child components. These aren't accessible out of the box per our AMP scans.

Desired Behavior

We have a component wrapping the Reactstrap Nav with the applicable tags, roles, and keyboard functionality to meet the accessibility standards.

Suggested Solution

Implement a component similar to the code changes mentioned here

Who does this impact? Who is this for?

Anyone using the Reactstrap Nav component and wants their NavTabs to be accessible.

Describe alternatives you've considered

N/A

Additional context

N/A

[megleighc]

I will try to work on this and put up a PR when I am done unless anyone has any concerns

[LauRoxx]

woo! I just saw that you opened this. Ben had started a hook that we were hoping could be reused once we got around to making the components if you wanted to look at his progress on this PR https://github.com/Availity/availity-react/pull/1096

This just made me so excited!!