fix(ui5-shellbar): correct accessibility DOM (#5395)

SAP · Jun 27, 2022 · aba5fb5 · aba5fb5
1 parent a359ebf
commit aba5fb5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/packages/fiori/src/ShellBar.hbs b/packages/fiori/src/ShellBar.hbs
@@ -26,6 +26,12 @@
 					</span>
 				{{/unless}}
 
+				{{#if showTitleInMenuButton}}
+					<h1 class="ui5-hidden-text">
+						{{primaryTitle}}
+					</h1>
+				{{/if}}
+
 				{{#if showMenuButton}}
 					<button class="{{classes.button}}"
 						@click="{{_header.press}}"
@@ -41,9 +47,9 @@
 
 
 						{{#if showTitleInMenuButton}}
-							<h1 class="ui5-shellbar-menu-button-title">
-								<bdi>{{primaryTitle}}</bdi>
-							</h1>
+							<div class="ui5-shellbar-menu-button-title">
+								{{primaryTitle}}
+							</div>
 						{{/if}}
 
 						<span class="ui5-shellbar-menu-button-arrow"></span>

diff --git a/packages/fiori/src/themes/ShellBar.css b/packages/fiori/src/themes/ShellBar.css
@@ -1,3 +1,5 @@
+@import "./InvisibleTextStyles.css";
+
 :host(:not([hidden])) {
 	display: inline-block;
 	width: 100%;