diff --git a/addons/account/static/src/components/actionable_errors/actionable_errors.js b/addons/account/static/src/components/actionable_errors/actionable_errors.js
new file mode 100644
index 00000000000..87db1d567fe
--- /dev/null
+++ b/addons/account/static/src/components/actionable_errors/actionable_errors.js
@@ -0,0 +1,27 @@
+/** @odoo-module **/
+
+import { registry } from "@web/core/registry";
+import { Component } from "@odoo/owl";
+import { standardFieldProps } from "@web/views/fields/standard_field_props";
+import { useRecordObserver } from "@web/model/relational_model/utils";
+
+export class ActionableErrors extends Component {
+    static props = { ...standardFieldProps };
+    static template = "account.ActionableErrors";
+
+    setup() {
+        useRecordObserver(this.formatData.bind(this));
+    }
+
+    formatData(record) {
+        const errorsField = record.data[this.props.name];
+        this.errorsData = JSON.parse(JSON.stringify(errorsField));
+    }
+
+    async handleOnClick(errorData){
+        this.env.model.action.doAction(errorData.action);
+    }
+}
+
+export const actionableErrors = {component: ActionableErrors};
+registry.category("fields").add("actionable_errors", actionableErrors);
diff --git a/addons/account/static/src/components/actionable_errors/actionable_errors.xml b/addons/account/static/src/components/actionable_errors/actionable_errors.xml
new file mode 100644
index 00000000000..14d619208e7
--- /dev/null
+++ b/addons/account/static/src/components/actionable_errors/actionable_errors.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates>
+    <t t-name="account.ActionableErrors">
+        <t t-if="errorsData">
+            <div class="alert alert-warning mb-2 px-3 py-2" role="alert">
+                <t t-foreach="errorsData" t-as="error" t-key="error">
+                    <div t-att-name="error">
+                        <t t-out="error_value.message"/>
+                        <a class="fw-bold"
+                           t-if="error_value.action"
+                           href="#"
+                           t-on-click.prevent="() => this.handleOnClick(error_value)"
+                        >
+                            <i class="oi oi-arrow-right ms-1"/>
+                            <span class="ms-1" t-out="error_value.action_text"/>
+                            <i t-if="error_value.critical" class="fa fa-warning ms-1"/>
+                        </a>
+                    </div>
+                </t>
+            </div>
+        </t>
+    </t>
+</templates>