An educational portal for seniors 60+ to learn technology. Accessible, simple, empowering.

• Accessible Design — Large fonts, high contrast, generous button spacing.
• Simplified Navigation — Intuitive menu with clear categories.
• Step-by-Step Tutorials — Detailed instructions with illustrative images.
• Video Support — Audiovisual content for different learning styles.
• Responsive — Works on desktop, tablet, and mobile.
• WCAG 2.1 Compliant — Contrast ratios, keyboard navigation, semantic HTML.
• No Distractions — Clean interface, no pop-ups or ads.
• Offline-Ready — Core content works without internet.

• Smartphone basics for beginners
• Safe web browsing
• A step-by-step guide to WhatsApp
• Email setup and how to use it
• YouTube tutorial
• How to avoid digital scams
• Accessibility settings (Android/iOS)

• Phase 1: Static Portal — HTML/CSS/JS, accessibility, educational content for seniors
• Phase 2: Next.js Migration
  • Server-side rendering for better SEO
  • Modern routing and component architecture
  • Improved accessibility with React ARIA
  • Dynamic content loading
  • Search functionality
• Phase 3: PWA & Offline
  • Service workers for offline access
  • Installable on mobile devices
  • Push notifications for new content
  • Offline video caching
  • Background sync
• Phase 4: Android App
  • React Native or Capacitor
  • Google Play Store distribution
  • Extra-large fonts and buttons
  • Voice navigation support
  • Simplified onboarding flow
• Phase 5: iOS App
  • Apple App Store distribution
  • Universal accessibility features
  • Family sharing for caregivers
  • VoiceOver optimization
  • Simplified Settings integration
• Phase 6: Platform
  • Multi-institution support (other universities, NGOs)
  • Progress tracking for learners
  • Gamification (badges, achievements)
  • Instructor dashboard for workshops
  • Content CMS for easy updates
  • Analytics (completion rates, popular topics)

# Clone repository
git clone https://github.com/shishiv/inclusao-digital-uemg.git
cd inclusao-digital-uemg

# Option 1: Open index.html directly in browser
# Option 2: Use local server
python -m http.server 8000
# or
npx serve .

Go to http://localhost:8000 in your browser.

• High contrast — A minimum ratio of 4.5:1
• Large text — Base is 18px, but it's easy to make it bigger
• Touch targets — At least 44x44px (good practice for mobile)
• Plain language — No complicated technical terms
• Keyboard navigation — Obvious focus states
• No autoplay — Videos only start when you click

2024 Metrics:

• 150+ seniors trained in workshops
• 800+ portal visits each month
• User satisfaction rating of 4.8/5
• Partnership with the Senior Community Center of Frutal, Brazil

MIT

Built by Myke Matos — TriânguloTEC