diff --git a/packages/fiori/src/FlexibleColumnLayoutTemplate.tsx b/packages/fiori/src/FlexibleColumnLayoutTemplate.tsx index cd696e705354..171f29cf4f3d 100644 --- a/packages/fiori/src/FlexibleColumnLayoutTemplate.tsx +++ b/packages/fiori/src/FlexibleColumnLayoutTemplate.tsx @@ -33,7 +33,7 @@ export default function FlexibleColumnLayoutTemplate(this: FlexibleColumnLayout) class="ui5-fcl-separator ui5-fcl-separator-start" style={{ display: this.showStartSeparator ? "flex" : "none" }} tabindex={this.startSeparatorTabIndex} - aria-valuenow={this.startSeparatorValue} + aria-valuenow={this.showStartSeparatorGrip ? this.startSeparatorValue : undefined} onMouseDown={this.onSeparatorPress} onTouchStart={this.onSeparatorPress} onKeyDown={this._onSeparatorKeydown} @@ -64,7 +64,7 @@ export default function FlexibleColumnLayoutTemplate(this: FlexibleColumnLayout) class="ui5-fcl-separator ui5-fcl-separator-end" style={{ display: this.showEndSeparator ? "flex" : "none" }} tabindex={this.endSeparatorTabIndex} - aria-valuenow={this.endSeparatorValue} + aria-valuenow={this.showEndSeparatorGrip ? this.endSeparatorValue : undefined} onMouseDown={this.onSeparatorPress} onTouchStart={this.onSeparatorPress} onKeyDown={this._onSeparatorKeydown} @@ -99,6 +99,7 @@ function arrowStart(this: FlexibleColumnLayout) { onClick={this.switchLayoutOnArrowPress} onKeyDown={this._onArrowKeydown} class="ui5-fcl-arrow ui5-fcl-arrow--start" + tooltip={this.accStartSeparatorText} /> ); }