Skip to content

fix(side-navbar): keyboard a11y#222

Open
gaurav5430 wants to merge 1 commit intoargoproj:masterfrom
gaurav5430:sidenav-accessibility
Open

fix(side-navbar): keyboard a11y#222
gaurav5430 wants to merge 1 commit intoargoproj:masterfrom
gaurav5430:sidenav-accessibility

Conversation

@gaurav5430
Copy link
Copy Markdown

replace div with button to allow activation using space and enter.

This fixes one of the issues mentioned in #221

replace div with button to allow activation using space and enter

Signed-off-by: Gaurav Gupta<gaurav5430@gmail.com>
@gaurav5430 gaurav5430 force-pushed the sidenav-accessibility branch from 14f8b22 to 6c1c260 Compare May 20, 2022 18:40
@github-actions

This comment was marked as resolved.

@github-actions github-actions bot added the problem/stale This has not had a response in some time label Jul 20, 2022
@github-actions github-actions bot closed this Jul 28, 2022
@agilgur5
Copy link
Copy Markdown

Looks like DCO is missing a space (between name and the <)

@gaurav5430
Copy link
Copy Markdown
Author

Looks like DCO is missing a space (between name and the <)

Thanks for reopening this, I might find time to fix the DCO issue and rebase this

@github-actions

This comment was marked as resolved.

@github-actions github-actions bot added the problem/stale This has not had a response in some time label Oct 16, 2023
@github-actions

This comment was marked as resolved.

@github-actions github-actions bot added the problem/stale This has not had a response in some time label Dec 16, 2023
@github-actions

This comment was marked as resolved.

@github-actions github-actions bot added the problem/stale This has not had a response in some time label Feb 15, 2024
@michaelfresco
Copy link
Copy Markdown

I think that this would also make the buttons clickable with vimium!

{(props.items || []).map((item) => (
<Tooltip content={item.title} placement='right' arrow={true} key={item.path + item.title}>
<div className={classNames('nav-bar__item', { active: isActiveRoute(locationPath, item.path) })}
<button type="button" className={classNames('nav-bar__item', { active: isActiveRoute(locationPath, item.path) })}
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this can actually just use a <Link> element from react-router, which would also solve #166

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants