WCAG: Loader - subtitle contrast, accessibility, reduced motion
This commit is contained in:
@@ -14,6 +14,8 @@ ApplicationWindow {
|
||||
visible: true
|
||||
flags: Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint | Qt.Tool
|
||||
color: "transparent"
|
||||
title: "WhisperVoice"
|
||||
Accessible.name: "WhisperVoice Loading"
|
||||
|
||||
Rectangle {
|
||||
id: bgRect
|
||||
@@ -21,7 +23,7 @@ ApplicationWindow {
|
||||
anchors.margins: 20 // Space for shadow
|
||||
radius: 16
|
||||
color: "#1a1a20"
|
||||
border.color: "#40ffffff"
|
||||
border.color: Qt.rgba(1, 1, 1, 0.22)
|
||||
border.width: 1
|
||||
|
||||
// --- SHADOW & GLOW ---
|
||||
@@ -55,6 +57,7 @@ ApplicationWindow {
|
||||
|
||||
// Pulse Animation
|
||||
SequentialAnimation on scale {
|
||||
running: ui ? !ui.reduceMotion : true
|
||||
loops: Animation.Infinite
|
||||
NumberAnimation { from: 1.0; to: 1.1; duration: 1000; easing.type: Easing.InOutSine }
|
||||
NumberAnimation { from: 1.1; to: 1.0; duration: 1000; easing.type: Easing.InOutSine }
|
||||
@@ -95,7 +98,7 @@ ApplicationWindow {
|
||||
|
||||
Text {
|
||||
text: "AI TRANSCRIPTION ENGINE"
|
||||
color: "#80ffffff"
|
||||
color: "#ABABAB"
|
||||
font.family: jetBrainsMono.name
|
||||
font.pixelSize: 10
|
||||
font.letterSpacing: 2
|
||||
@@ -135,6 +138,7 @@ ApplicationWindow {
|
||||
// Shimmer effect on bar
|
||||
Rectangle {
|
||||
width: 20; height: parent.height
|
||||
visible: ui ? !ui.reduceMotion : true
|
||||
color: "#80ffffff"
|
||||
x: -width
|
||||
opacity: 0.5
|
||||
@@ -157,8 +161,10 @@ ApplicationWindow {
|
||||
font.family: jetBrainsMono.name
|
||||
font.pixelSize: 11
|
||||
font.bold: true
|
||||
Accessible.role: Accessible.StaticText
|
||||
Accessible.name: "Loading status: " + text
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
opacity: 0.8
|
||||
opacity: 1.0
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user