Inclusive Design

<aside>

1. Visual Accessibility

• Font Sizes: Minimum of 18pt for body text and 22pt+ for headers.
• Contrast Ratios: Followed WCAG 2.1 AA+ with at least 4.5:1 contrast for text and interactive elements.
• Icons with Labels: Always paired icons with text for clarity (e.g., Medication, Reminder). </aside>

<aside>

2. Touch & Interaction

• Tap Targets: Minimum 48x48px buttons for easier finger use.
• Simplified Navigation: No hamburger menus. Using bottom tab navigation with max 4 sections.
• One task at a time: Avoiding overwhelming flows. Each screen focuses on one clear action.

</aside>

<aside>

3. Cognitive Accessibility

• Error Prevention: Confirmation screens before deleting or editing meds.
• Step-by-Step UI: Instead of long forms, users go through 1-step-per-screen flows.
• Reminder Preview: Uses icons, text, and speech preview to reinforce comprehension. </aside>

<aside>

4. Assistive Technology & Voice UI

• AI Assistant Button: Always visible on main screens, ready to read, respond, or guide.
• Text-to-Speech: Read aloud med names, times, and instructions with one tap.
• Speech-to-Text: Add medications by speaking (“Add Tylenol every 6 hours”). </aside>

<aside>

References (by Chatgpt)

• AODA Guidelines (Ontario Gov) → ontario.ca/page/how-make-websites-accessible
• WCAG 2.1 Overview → w3.org/WAI/WCAG21/quickref
• NNGroup’s Senior UX Research → nngroup.com/articles/usability-for-senior-citizens
• Designing for Accessibility → a11yproject.com/checklist </aside>

<aside>

Language

Use everyday words, not medical jargon. Instead of:

• “Dosage Schedule” → say “When to take it”
• “Medication Adherence Tracker” → say “Did you take your meds?”

</aside>

<aside>

Error

Seniors often fear making mistakes, include:

• Undo options
• Confirmation pop-ups ("Are you sure you want to delete this?")
• Automatic saving of progress when entering long forms </aside>

<aside>

Layout

Keep page layouts consistent, especially for repeat actions like:

• Adding meds
• Setting reminders
• Checking history

Consider visual affirmations like a happy face or soft chime after completing a reminder — small positive feedback builds trust and confidence.

</aside>

<aside>

Mental

• Use predictable interactions: always place buttons in the same spot, always follow the same task flow pattern.
• Show only the most important info first. (Hide details unless tapped.)
• Consider visual affirmations like a happy face or soft chime after completing a reminder, small positive feedback builds trust and confidence. </aside>

<aside>

Connection

Consider a dual-profile design: one for the senior, one for the caregiver.

• Caregivers can monitor doses, get alerts, and help edit the plan.
• Easy switch between views.
• Adds value without making the main user feel left out. </aside>