feat: add WCAG AA accessibility app-wide, fix CloudKit container config, remove debug logs
- Add VoiceOver labels, hints, and element grouping across all 60+ views - Add Reduce Motion support (Theme.Animation.prefersReducedMotion) to all animations - Replace fixed font sizes with semantic Dynamic Type styles - Hide decorative elements from VoiceOver with .accessibilityHidden(true) - Add .minimumHitTarget() modifier ensuring 44pt touch targets - Add AccessibilityAnnouncer utility for VoiceOver announcements - Improve color contrast values in Theme.swift for WCAG AA compliance - Extract CloudKitContainerConfig for explicit container identity - Remove PostHog debug console log from AnalyticsManager Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -25,11 +25,13 @@ struct CustomItemRow: View {
|
||||
Image(systemName: "line.3.horizontal")
|
||||
.font(.title3)
|
||||
.foregroundStyle(Theme.textMuted(colorScheme))
|
||||
.accessibilityLabel("Drag to reorder")
|
||||
|
||||
// Icon and Title
|
||||
if let info = customInfo {
|
||||
Text(info.icon)
|
||||
.font(.title3)
|
||||
.accessibilityHidden(true)
|
||||
|
||||
Text(info.title)
|
||||
.font(.body)
|
||||
@@ -47,6 +49,7 @@ struct CustomItemRow: View {
|
||||
}
|
||||
.padding(.vertical, Theme.Spacing.sm)
|
||||
.padding(.horizontal, Theme.Spacing.md)
|
||||
.accessibilityElement(children: .combine)
|
||||
}
|
||||
.buttonStyle(.plain)
|
||||
}
|
||||
|
||||
@@ -34,6 +34,8 @@ struct DayHeaderRow: View {
|
||||
.font(.title2)
|
||||
.foregroundStyle(Theme.warmOrange)
|
||||
}
|
||||
.minimumHitTarget()
|
||||
.accessibilityLabel("Add item to this day")
|
||||
}
|
||||
|
||||
if isEmpty {
|
||||
|
||||
@@ -24,6 +24,7 @@ struct GameItemRow: View {
|
||||
HStack(spacing: 3) {
|
||||
Image(systemName: game.game.sport.iconName)
|
||||
.font(.caption2)
|
||||
.accessibilityHidden(true)
|
||||
Text(game.game.sport.rawValue)
|
||||
.font(.caption2)
|
||||
}
|
||||
@@ -44,6 +45,7 @@ struct GameItemRow: View {
|
||||
HStack(spacing: 4) {
|
||||
Image(systemName: "building.2")
|
||||
.font(.caption2)
|
||||
.accessibilityHidden(true)
|
||||
Text(game.stadium.name)
|
||||
.font(.subheadline)
|
||||
}
|
||||
@@ -57,6 +59,7 @@ struct GameItemRow: View {
|
||||
.font(.subheadline)
|
||||
.foregroundStyle(Theme.warmOrange)
|
||||
}
|
||||
.accessibilityElement(children: .combine)
|
||||
.padding(Theme.Spacing.md)
|
||||
.background(Theme.cardBackgroundElevated(colorScheme))
|
||||
.clipShape(RoundedRectangle(cornerRadius: Theme.CornerRadius.medium))
|
||||
|
||||
@@ -24,6 +24,7 @@ struct TravelItemRow: View {
|
||||
Image(systemName: "line.3.horizontal")
|
||||
.font(.title3)
|
||||
.foregroundStyle(Theme.textMuted(colorScheme))
|
||||
.accessibilityLabel("Drag to reorder")
|
||||
|
||||
// Car icon
|
||||
ZStack {
|
||||
@@ -35,12 +36,14 @@ struct TravelItemRow: View {
|
||||
.font(.body)
|
||||
.foregroundStyle(Theme.routeGold)
|
||||
}
|
||||
.accessibilityHidden(true)
|
||||
|
||||
VStack(alignment: .leading, spacing: 2) {
|
||||
if let info = travelInfo {
|
||||
Text("\(info.fromCity) \u{2192} \(info.toCity)")
|
||||
.font(.body)
|
||||
.foregroundStyle(Theme.textPrimary(colorScheme))
|
||||
.accessibilityLabel("\(info.fromCity) to \(info.toCity)")
|
||||
|
||||
HStack(spacing: Theme.Spacing.xs) {
|
||||
if !info.formattedDistance.isEmpty {
|
||||
@@ -49,6 +52,7 @@ struct TravelItemRow: View {
|
||||
}
|
||||
if !info.formattedDistance.isEmpty && !info.formattedDuration.isEmpty {
|
||||
Text("\u{2022}")
|
||||
.accessibilityHidden(true)
|
||||
}
|
||||
if !info.formattedDuration.isEmpty {
|
||||
Text(info.formattedDuration)
|
||||
@@ -61,6 +65,7 @@ struct TravelItemRow: View {
|
||||
|
||||
Spacer()
|
||||
}
|
||||
.accessibilityElement(children: .combine)
|
||||
.padding(Theme.Spacing.md)
|
||||
.background(Theme.cardBackground(colorScheme))
|
||||
.clipShape(RoundedRectangle(cornerRadius: Theme.CornerRadius.medium))
|
||||
|
||||
Reference in New Issue
Block a user