編集面ユーザビリティ向上

[kobapi28]

雑にやることを定義する

• [ ] buttonはactiveをcssで定義してあげて押したことを見えるようにする
• [ ] input要素に関してはバリデーションを見える形に
• [ ] input要素にlabelをつける
• [ ] 画面遷移時のローディングアニメーション
• [ ] 成功時のtoast等の表示

検討するもの

• [ ] inputタグを選択した時の画面自動ズーム（iOS only?）
  • 検討するとしている理由としてはアクセシビリティ的にこれが良くないのであれば避けたい

時間があればやるもの

• [ ] axe Devtool でa11y check してひっかかったものを片っ端から修正する。HTMLのセマンティクス的なところでひっかかるものがかなりありそうな予感

[kobapi28]

activeの状態を表現するのにカラーちょっといじるかも。 デフォルトで使うのを800番台にして、900番台はactiveなときに使う。

800番台のカラーはコントラスト確保できるように調節する

[kobapi28]

• ボタンのactive状態は、$yellow900-reactionを定義したのでそれをつける形で:ok:
• disabled状態は$gray400で