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 CascadeSelect implementation for Accessibility #2831

Closed
19 tasks done
mertsincan opened this issue Aug 7, 2022 · 0 comments
Closed
19 tasks done

Improve CascadeSelect implementation for Accessibility #2831

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

Comments

@mertsincan
Copy link
Member

CascadeSelect's codebase has been completely overhauled for accessibility. In addition, some extra changes were made to the design based on user feedback.

Added Properties:

  • optionDisabled: Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.
  • inputId: Identifier of the underlying input element.
  • InputStyle: Inline style of the input field
  • inputClass: Style class of the input field
  • inputProps: Uses to pass all properties of the HTMLInputElement/HTMLSpanElement to the focusable input element inside the component
  • panelStyle: Inline style of the overlay panel
  • panelProps: Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.
  • inputProps: Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component
  • panelStyle: Inline style of the overlay panel
  • panelProps: Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.
  • autoOptionFocus: Whether to focus on the first visible or selected element when the overlay panel is shown.
  • searchLocale: Locale to use in searching. The default locale is the host environment's current locale.
  • searchMessage: Text to be displayed in hidden accessible field when filtering returns any results. Defaults to value from PrimeVue locale configuration.
  • selectionMessage: Text to be displayed in hidden accessible field when options are selected. Defaults to value from PrimeVue locale configuration.
  • emptySelectionMessage: Text to be displayed in hidden accessible field when any option is not selected. Defaults to value from PrimeVue locale configuration
  • emptySearchMessage: Text to display when filtering does not return any results. Defaults to value from PrimeVue locale configuration.
  • tabindex: Index of the element in tabbing order.
  • ariaLabel: Defines a string value that labels an interactive element.
  • ariaLabelledby: Identifier of the underlying input element.
@mertsincan mertsincan added Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add Type: Breaking Change Issue contains a breaking change related to a specific component Component: Accessibility Issue or pull request is related to WCAG or ARIA labels Aug 7, 2022
@mertsincan mertsincan added this to the 3.15.1 milestone Aug 7, 2022
@mertsincan mertsincan self-assigned this Aug 7, 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: Breaking Change Issue contains a breaking change related to a specific component 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