Skip to content

NUI 6263 search component accessibility#801

Merged
erzik987 merged 27 commits intomainfrom
bugfix/NUI-6263-search-component-accessibility_to_main
Apr 23, 2026
Merged

NUI 6263 search component accessibility#801
erzik987 merged 27 commits intomainfrom
bugfix/NUI-6263-search-component-accessibility_to_main

Conversation

@ludmilaFialova
Copy link
Copy Markdown
Contributor

@ludmilaFialova ludmilaFialova commented Jan 14, 2026

https://swicloud.atlassian.net/browse/NUI-6263

ER:

The Search button opens a pop-up when the Spacebar key is pressed.
The expanded search bar closes when the Esc key is pressed.
The buttons have sufficient contrast when focused.

The cancel button next to the Search bar is focusable by the Tab key and is called “Clear search button”

The magnifier icon next to the Search bar is hidden for the screen reader.

The buttons in the “Recent searches” area are accessible by the Tab key. I can get to the search by pressing the Enter or Space bar key. The caret-right icon is hidden.

When returning to some text in the search field, I hear: “Search edit selected all”

https://swicloud.atlassian.net/browse/OO-55517

ER:

The icon will be hidden for the SR. There will be no error in AXE DevTool.

Checklist

  • My code follows the style guidelines of this project
  • I have performed a self-review of my code
  • I have updated change log
  • I have been following Definition of done
  • I have commented my code, particularly in hard-to-understand areas
  • My changes generate no new lint warnings
  • New and existing unit tests pass locally and on CI with my changes
  • Any dependent changes have been merged and published in downstream modules
image image

Comment thread packages/bits/src/lib/image/image.component.ts Outdated
Comment thread packages/bits/src/lib/search/search.component.html
Comment thread packages/bits/src/lib/search/search.component.ts Outdated
Copy link
Copy Markdown
Contributor

@pavlo-poimanov pavlo-poimanov left a comment

Choose a reason for hiding this comment

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

image/popup/repeat should be fine but the search I'm not sure this changes will not cause problems. double check if all fine then ok.

also you can be a good camper and do next:

  • make this true standalone components
  • rewrite to signals control flow
  • ngDestory => destroyRef
  • inject() function

first camp fire rule - leave place better than it was before you ;)

pavlo-poimanov
pavlo-poimanov previously approved these changes Jan 26, 2026
@ludmilaFialova ludmilaFialova force-pushed the bugfix/NUI-6263-search-component-accessibility_to_main branch from db8d179 to a7cca60 Compare February 2, 2026 06:27
@ludmilaFialova ludmilaFialova force-pushed the bugfix/NUI-6263-search-component-accessibility_to_main branch from a7cca60 to 02e3e7d Compare February 2, 2026 15:10
Comment thread packages/bits/src/lib/popup/popup-toggle.directive.ts
@ludmilaFialova ludmilaFialova force-pushed the bugfix/NUI-6263-search-component-accessibility_to_main branch 12 times, most recently from 3fe7590 to 9477fd0 Compare February 11, 2026 04:21
Comment thread packages/bits/src/lib/menu/menu-item/menu-item/menu-item-base.ts Outdated
@pavlo-poimanov
Copy link
Copy Markdown
Contributor

@ludmilaFialova , I recommend closing this one and start from the beginning by splitting the changes.

@ludmilaFialova ludmilaFialova force-pushed the bugfix/NUI-6263-search-component-accessibility_to_main branch 2 times, most recently from 380d523 to 5af4327 Compare April 21, 2026 13:39
@ludmilaFialova ludmilaFialova force-pushed the bugfix/NUI-6263-search-component-accessibility_to_main branch 2 times, most recently from 0db4cd8 to 2e6c872 Compare April 21, 2026 19:32
@ludmilaFialova ludmilaFialova force-pushed the bugfix/NUI-6263-search-component-accessibility_to_main branch from 2e6c872 to 0fd2af0 Compare April 21, 2026 20:32
@ludmilaFialova ludmilaFialova force-pushed the bugfix/NUI-6263-search-component-accessibility_to_main branch from 1b3a33c to dc2ee2f Compare April 22, 2026 16:04
@ludmilaFialova ludmilaFialova force-pushed the bugfix/NUI-6263-search-component-accessibility_to_main branch from 135f660 to a3504a5 Compare April 22, 2026 19:01
await menu.isMenuClosed();
await menu.isMenuOpened();
// First menu item should be active
expect(await menu.getMenuItemByIndex(0).isActiveItem()).toBe(true);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

better to have toBeActiveItemSelected...

Comment thread package-lock.json
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

don't understand why it was needed to change it

Copy link
Copy Markdown
Contributor

@pavlo-poimanov pavlo-poimanov left a comment

Choose a reason for hiding this comment

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

looks fine , packadge-lock is not needed because we use yarn

Copy link
Copy Markdown
Contributor

@pavlo-poimanov pavlo-poimanov left a comment

Choose a reason for hiding this comment

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

we can remove packadge lock later

@erzik987 erzik987 merged commit 93207fb into main Apr 23, 2026
22 checks passed
@erzik987 erzik987 deleted the bugfix/NUI-6263-search-component-accessibility_to_main branch April 23, 2026 09:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

3 participants