diff --git a/packages/fiori/src/FlexibleColumnLayout.js b/packages/fiori/src/FlexibleColumnLayout.js index 6b80f0c153ee..d0af90afcd13 100644 --- a/packages/fiori/src/FlexibleColumnLayout.js +++ b/packages/fiori/src/FlexibleColumnLayout.js @@ -82,6 +82,42 @@ const metadata = { type: Boolean, }, + /** + * Defines the accessibility name for the startColumn region. + * + * @type {string} + * @defaultvalue "" + * @public + * @since 1.0.0-rc.11 + */ + startColumnAccessibleName: { + type: String, + }, + + /** + * Defines the accessibility name for the midColumn region. + * + * @type {string} + * @defaultvalue "" + * @public + * @since 1.0.0-rc.11 + */ + midColumnAccessibleName: { + type: String, + }, + + /** + * Defines the accessibility name for the endColumn region. + * + * @type {string} + * @defaultvalue "" + * @public + * @since 1.0.0-rc.11 + */ + endColumnAccessibleName: { + type: String, + }, + /** * Defines the component width in px. * @@ -620,15 +656,15 @@ class FlexibleColumnLayout extends UI5Element { } get accStartColumnText() { - return this.i18nBundle.getText(FCL_START_COLUMN_TXT); + return this.startColumnAccessibleName || this.i18nBundle.getText(FCL_START_COLUMN_TXT); } get accMiddleColumnText() { - return this.i18nBundle.getText(FCL_MIDDLE_COLUMN_TXT); + return this.midColumnAccessibleName || this.i18nBundle.getText(FCL_MIDDLE_COLUMN_TXT); } get accEndColumnText() { - return this.i18nBundle.getText(FCL_END_COLUMN_TXT); + return this.endColumnAccessibleName || this.i18nBundle.getText(FCL_END_COLUMN_TXT); } get _effectiveLayoutsByMedia() { diff --git a/packages/fiori/test/pages/FCLApp.html b/packages/fiori/test/pages/FCLApp.html index a3e1dd24970e..7a2fd3f76381 100644 --- a/packages/fiori/test/pages/FCLApp.html +++ b/packages/fiori/test/pages/FCLApp.html @@ -177,7 +177,12 @@ - +