WCAG: TextField, ComboBox, KeyRecorder - contrast, focus, accessible roles

This commit is contained in:
Your Name
2026-02-18 21:02:07 +02:00
parent f2f80fc863
commit d40c83cc45
3 changed files with 22 additions and 13 deletions

View File

@@ -3,25 +3,28 @@ import QtQuick.Controls
TextField {
id: control
property color accentColor: "#00f2ff"
property color bgColor: "#1a1a20"
placeholderTextColor: "#606060"
Accessible.role: Accessible.EditableText
Accessible.name: control.placeholderText || "Text input"
placeholderTextColor: SettingsStyle.textDisabled
color: "#ffffff"
font.family: "JetBrains Mono"
font.pixelSize: 14
selectedTextColor: "#000000"
selectionColor: accentColor
background: Rectangle {
implicitWidth: 200
implicitHeight: 40
color: control.bgColor
border.color: control.activeFocus ? control.accentColor : "#40ffffff"
border.width: 1
border.color: control.activeFocus ? control.accentColor : SettingsStyle.borderSubtle
border.width: control.activeFocus ? SettingsStyle.focusRingWidth : 1
radius: 6
Behavior on border.color { ColorAnimation { duration: 150 } }
}
}