a11yproject / a11yproject.com

The A11Y Project is a community-driven effort to make digital accessibility easier.
https://a11yproject.com
Apache License 2.0
3.7k stars 551 forks source link

[Post] Accessibility explained like ABC for Mobile Developers with Step-By-Step Examples using Flutter #1592

Open danielAsaboro opened 3 months ago

danielAsaboro commented 3 months ago

Post Idea

Mobile Accessibility receives less attention compared to Web Accessibility, despite the fact that most users relying on Assistive technologies engage with web content primarily through apps. This article addresses this gap by guiding developers on harnessing Flutter's accessibility system.

Through examples and real-world insights, it demonstrates how developers can enhance their app's accessibility features and suggests improvements for better implementation

It's broken down into three articles (It's a series):

  1. Plain Visuals
  2. MutiMedia
  3. Forms and input field (which is the most tricky)

It's a series for easy consumption, I realized most posts don't exceed the 1500 word mark or 5 minutes read mark.

Outline (optional)

  1. Accessibility is beyond disability, it's also about convenience
  2. Plain Visuals [what to do]:
    • Always use the text widget to display text
    • Follow Minimum contrast guidelines
    • Support Customizable Text Resize
    • Use semantic labels wherever you can
    • Ensure Adequate Size and Spacing for Interactive Elements
  3. It can feel overwhelming, take a Step

Additional information (optional)

There's a working draft here [on hashnode draft preview]

Is there anything else we should know? Nothing for now.

Terms