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 @@
-
+