1 files changed, 50 insertions, 0 deletions
diff --git a/tests/manual/wasm/a11y/qml_basic_item/AboutDialog.qml b/tests/manual/wasm/a11y/qml_basic_item/AboutDialog.qml
new file mode 100644
index 0000000000..f74677abf0
--- /dev/null
+++ b/tests/manual/wasm/a11y/qml_basic_item/AboutDialog.qml
@@ -0,0 +1,50 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+
+Dialog {
+    id: aboutDialog
+    width: 500
+    height: 150
+    title: "WebAssembly Dialog box"
+    modal: true
+
+    background: Rectangle {
+        width: parent.width * 0.8
+        height: parent.height * 0.4
+        color: "lightgray"
+        anchors.fill: parent
+        Accessible.role: Accessible.Dialog
+        Accessible.name: parent.title
+        Accessible.description: "The About Dialog box."
+    }
+    ColumnLayout {
+        spacing: 2
+        anchors.fill: parent
+
+        Label {
+            id: labelInfo
+            Layout.alignment: Qt.AlignCenter
+            text: "Accessibility Demo sample application developed in QML."
+            Accessible.role: Accessible.StaticText
+            horizontalAlignment: Text.AlignHCenter
+            Accessible.name: text
+            Accessible.description: "Purpose of this application."
+            wrapMode: Text.WordWrap
+        }
+
+        Button {
+            id: closeButton
+            text: "Close"
+            Layout.alignment: Qt.AlignCenter
+            Accessible.role: Accessible.Button
+            Accessible.name: text
+            Accessible.description: "To close the About Dialog box."
+            onClicked: {
+                aboutDialog.close()
+            }
+        }
+    }
+}