feat: Add comprehensive accessibility improvements and medical tracking
- **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:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user