lashman/whisper_voice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

WCAG: Loader - subtitle contrast, accessibility, reduced motion

Browse Source
This commit is contained in:
Your Name
2026-02-18 21:06:43 +02:00
parent d8707b5ade
commit 7c80ecfbed
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/ui/qml/Loader.qml
View File

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