Upgrade to Pro — share decks privately, control downloads, hide ads and more …

小売アプリのためのアクセシビリティ

CyberAgent
November 21, 2023
260

 小売アプリのためのアクセシビリティ

大規模小売アプリを Flutter でリニューアルするに辺り、実施したアクセシビリティ対応についてお話しします

CyberAgent

November 21, 2023
Tweet

More Decks by CyberAgent

Transcript

  1. アクセシビリティとは ・Accessibility is the practice of making your websites usable

    by as many people as possible. (アクセシビリティとは、ウェブサイトをできるだけ多くの人が利用できるように することです。) https://developer.mozilla.org/en-US/docs/Learn/Accessibility/What_is_accessibility
 6
  2. Layout overflow を防ぐ ・SizedBox で width, height を固定にしない ・ConstrainedBox で

    minWidth, minHeight を設定し、child の大きさに応じて 拡大できるようにする 49
  3. Layout overflow を防ぐ ・Column の子 widget は Wrap / Expanded

    で wrap し、画面端で改行される ようにする 50
  4. 54