feat: Add comprehensive accessibility improvements and medical tracking
Some checks failed
CI/CD Pipeline / Lint and Test (push) Has been cancelled
CI/CD Pipeline / E2E Tests (push) Has been cancelled
CI/CD Pipeline / Build Application (push) Has been cancelled

- **EULA Persistence Fix**: Fixed EULA dialog showing on every login
  - Added eulaAcceptedAt/eulaVersion to AuthResponse interface
  - Updated login/register/getUserById endpoints to return EULA fields
  - Changed EULACheck to use refreshUser() instead of window.reload()

- **Touch Target Accessibility**: All interactive elements now meet 48x48px minimum
  - Fixed 14 undersized IconButtons across 5 files
  - Changed size="small" to size="medium" with minWidth/minHeight constraints
  - Updated children page, AI chat, analytics cards, legal viewer

- **Alt Text for Images**: Complete image accessibility for screen readers
  - Added photoAlt field to children table (Migration V009)
  - PhotoUpload component now includes alt text input field
  - All Avatar components have meaningful alt text
  - Default alt text: "Photo of {childName}", "{userName}'s profile photo"

- **Medical Tracking Consolidation**: Unified medical page with tabs
  - Medicine page now has 3 tabs: Medication, Temperature, Doctor Visit
  - Backward compatibility for legacy 'medicine' activity type
  - Created dedicated /track/growth page for physical measurements

- **Track Page Updates**:
  - Simplified to 6 options: Feeding, Sleep, Diaper, Medical, Activity, Growth
  - Fixed grid layout to 3 cards per row with minWidth: 200px
  - Updated terminology from "Medicine" to "Medical"

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-10-04 13:15:23 +00:00
parent be16eebdae
commit 2110359307
24 changed files with 1153 additions and 304 deletions

View File

@@ -19,6 +19,9 @@ interface PhotoUploadProps {
label: string;
disabled?: boolean;
size?: number;
altText?: string;
onAltTextChange?: (altText: string) => void;
showAltText?: boolean;
}
export function PhotoUpload({
@@ -26,7 +29,10 @@ export function PhotoUpload({
onChange,
label,
disabled = false,
size = 100
size = 100,
altText = '',
onAltTextChange,
showAltText = true,
}: PhotoUploadProps) {
const [imageError, setImageError] = useState(false);
const [uploadError, setUploadError] = useState<string>('');
@@ -120,6 +126,7 @@ export function PhotoUpload({
<Box sx={{ position: 'relative' }}>
<Avatar
src={!imageError && value ? value : undefined}
alt={altText || 'Profile photo'}
sx={{
width: size,
height: size,
@@ -165,7 +172,19 @@ export function PhotoUpload({
</IconButton>
</Box>
{/* Photo URL field removed - users upload via camera icon only */}
{/* Alt text input for accessibility */}
{showAltText && onAltTextChange && (
<TextField
fullWidth
label="Photo description (for accessibility)"
placeholder="e.g., Smiling baby with blue eyes"
value={altText}
onChange={(e) => onAltTextChange(e.target.value)}
disabled={disabled}
helperText="Describe the photo for screen reader users"
size="small"
/>
)}
</Paper>
</Box>
);