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

Improve Accordion implementation for Accessibility #2895

Closed
9 tasks done
mertsincan opened this issue Aug 29, 2022 · 0 comments
Closed
9 tasks done

Improve Accordion implementation for Accessibility #2895

mertsincan opened this issue Aug 29, 2022 · 0 comments
Assignees
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@mertsincan
Copy link
Member

Accordion codebase has been completely overhauled and is now closer to spec. In addition, some extra changes were made to the design based on user feedback.
https://www.w3.org/WAI/ARIA/apg/example-index/accordion/accordion#kbd_label
https://w3c.github.io/aria-practices/examples/accordion/accordion.html

Added Properties For Accordion:

  • tabindex: Index of the element in tabbing order.
  • selectOnFocus: When enabled, the focused tab is activated.

Added Properties For AccordionTab:

  • headerStyle: Inline style of the tab header.
  • headerClass: Style class of the tab header.
  • headerProps: Uses to pass all properties of the HTMLDivElement to the tab header.
  • headerActionProps: Uses to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.
  • contentStyle: Inline style of the tab content.
  • contentClass: Style class of the tab content.
  • contentProps: Uses to pass all properties of the HTMLDivElement to the tab content.
@mertsincan mertsincan added Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add Component: Accessibility Issue or pull request is related to WCAG or ARIA labels Aug 29, 2022
@mertsincan mertsincan added this to the 3.17.0 milestone Aug 29, 2022
@mertsincan mertsincan self-assigned this Aug 29, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Development

No branches or pull requests

1 participant