diff --git a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.js b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.js index e355e04a4f..03c72129fc 100644 --- a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.js +++ b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.js @@ -147,6 +147,10 @@ class GrMainHeader extends GestureEventListeners( type: String, value: null, }, + mobileSearchHidden: { + type: Boolean, + value: false, + }, }; } @@ -346,6 +350,14 @@ class GrMainHeader extends GestureEventListeners( return ''; } + + _computeShowHideAriaLabel(mobileSearchHidden) { + if (mobileSearchHidden) { + return 'Show Searchbar'; + } else { + return 'Hide Searchbar'; + } + } } customElements.define(GrMainHeader.is, GrMainHeader); diff --git a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header_html.ts b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header_html.ts index 958e2eb88b..a4554d350e 100644 --- a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header_html.ts +++ b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header_html.ts @@ -211,6 +211,8 @@ export const htmlTemplate = html` id="mobileSearch" icon="gr-icons:search" on-tap="_onMobileSearchTap" + role="button" + aria-label="[[_computeShowHideAriaLabel(mobileSearchHidden)]]" >