Files
metabuilder/qml/MetaBuilder/FeatureCard.qml
johndoe6345789 d9ca84628b feat(a11y): deep keyboard accessibility pass across all QML components
Second-pass a11y work across all 12 component groups. Every interactive
element now has activeFocusOnTab, Keys.onReturnPressed/SpacePressed, and
context-aware Accessible.name/description bindings.

Highlights:
- Dialogs: keyboard handlers with enabled-guard on confirm buttons
- CDropdownMenu: full keyboard nav (Up/Down/Enter/Escape)
- CLoginForm: explicit KeyNavigation.tab chain (username→password→submit)
- CNotificationBell: dynamic "3 notifications"/"No notifications" name
- CJobProgressBar: Accessible.minimumValue/maximumValue/currentValue
- CExecutionStatusDot: "Execution status: Running/Passed/Failed" binding
- CKeyboardShortcuts: invisible Repeater exposes all shortcuts to a11y tree
- CDataTable rows: "Row N of M" descriptions
- Canvas elements: Accessible.Canvas role + keyboard zoom (+/- keys)
- DropdownExpandedList: focus-highlight extended to :activeFocus
- Dynamic names reflect loading state (e.g. "Signing in, please wait")

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-19 20:53:53 +00:00

41 lines
893 B
QML

import QtQuick
import QtQuick.Layouts
Rectangle {
id: card
objectName: "featureCard"
Accessible.role: Accessible.Grouping
Accessible.name: title
property string title: ""
property string description: ""
radius: 10
color: "#11152b"
border.color: "#1f2b45"
border.width: 1
padding: 14
ColumnLayout {
anchors.fill: parent
spacing: 6
Text {
text: card.title
font.pixelSize: 16
color: "#f5f8ff"
wrapMode: Text.Wrap
Accessible.role: Accessible.StaticText
Accessible.name: card.title
}
Text {
text: card.description
font.pixelSize: 13
color: "#aeb8cf"
wrapMode: Text.Wrap
Accessible.role: Accessible.StaticText
Accessible.name: card.description
}
}
}