Skip to content
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

Headings Hiearchy Fixed #2443

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Headings Hiearchy Fixed #2443

wants to merge 2 commits into from

Conversation

shubhamt619
Copy link

@shubhamt619 shubhamt619 commented Oct 27, 2023

What/Why/How?

Headings Hierarchy was missing tags.
Added keyboard navigation to Headings
Fixed #2408
Fixed #2405

Reference

Refer to #2408
Refer to #2405

Tests

All test cases passed, because I updated the test cases where needed.

Screenshots (optional)

Check yourself

  • Code is linted
  • Tested
  • All new/updated code is covered with tests

@shubhamt619 shubhamt619 requested a review from a team as a code owner October 27, 2023 00:17
@lornajane lornajane added the a11y Accessibility-related issues label Nov 13, 2023
Copy link
Collaborator

@AlexVarchuk AlexVarchuk left a comment

Choose a reason for hiding this comment

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

Hi @shubhamt619, thank you for your contribution.
I have a couple of questions/clarifications

@@ -41,7 +47,7 @@ export const RightPanelHeader = styled.h3`
${extensionsHook('RightPanelHeader')};
`;

export const UnderlinedHeader = styled.h5`
export const UnderlinedHeader = styled.h4`
Copy link
Collaborator

Choose a reason for hiding this comment

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

why do we need to change h5->h4?

@@ -36,7 +36,7 @@ export const Operation = observer(({ operation }: OperationProps): JSX.Element =
{options => (
<Row {...{ [SECTION_ATTR]: operation.operationHash }} id={operation.operationHash}>
<MiddlePanel>
<H2>
<H3>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Is it necessary to change level of heading in this case?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Accessibility-related issues
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Accessibility: skipped heading levels (h2 -> h5) Accessibility: focus ring disappears on headings
3 participants