-
Notifications
You must be signed in to change notification settings - Fork 3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Various fixes #314
Various fixes #314
Conversation
return ( | ||
<> | ||
<Global |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
moved to main.scss
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hm, I slightly prefer it here because this way we only hide the osano cookie link if we're also rendering an alternative method. If the hiding is in the sass, it's possible that we hide it, but then don't render this on some screens
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I should have added another comment for context woops, we moved the manage cookies link into the user name/dropdown thing at the top right, with that being there it's not technically rendered until the dropdown is opened. This way every user should have access to it (ie before the researcher experience doesn't have a footer so the cookie was still rendering)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looks good just a few accessibility things and the link
/> | ||
<a href='#' onClick={showOsano}>Manage Cookies</a> | ||
</> | ||
<span onClick={showOsano}>Manage Cookies</span> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
if you want to use a span, this needs to have cursor:hover
and also a role="button" for a18y
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@nathanstitt the cursor portion is taken care of by the parent link
<StyledLink to='#'>
<Menu.Item>
<ManageCookiesLink />
</Menu.Item>
</StyledLink>
the result:
Question is, would we still want the role on the span? or would this parent cover that case?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@nathanstitt the cursor portion is taken care of by the parent link
<StyledLink to='#'>
<Menu.Item>
<ManageCookiesLink />
</Menu.Item>
</StyledLink>
the result:
Question is, would we still want the role on the span? or would this parent cover that case?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nah, sorry I'd left that comment before I realized it was being used in the menu
<Box align='center' gap='small' onClick={() => step.backAction?.()}> | ||
<Icon icon='chevronLeft'></Icon> | ||
<span>Back</span> | ||
</Box> | ||
</Link> : <span></span>} | ||
</FakeLink> : <span></span>} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
should add role="link"
to the span for screenreader
return ( | ||
<> | ||
<Global |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hm, I slightly prefer it here because this way we only hide the osano cookie link if we're also rendering an alternative method. If the hiding is in the sass, it's possible that we hide it, but then don't render this on some screens
Addresses multiple points on this ticket