「Google Developer Expertsが語るWeb技術の最前線」に参加してきました

プライバシーサンドボックスサードパーティCookieの廃止

  • 田中 洋一郎さん
  • 異なるサイトからトップレベルサイトに送信される任意のcookie
  • 広告以外にも使われる
  • ラッキングによるプライバシーの侵害が問題
  • 3rd party cookieを廃止する代わりに主要なユースケースをサポートする技術が用意された
  • 2024/1から1%展開された
    • 2024の終わりには100%展開される予定

準備

対策

ブラウザと仕様のアップデート

  • 矢倉 眞隆さん

HTML/UI

  • JSに頼らないUIが増えてる
    • a11yを標準で担保
  • OpenUI
    • UI標準を提案するグループ

CSS

  • CSSの根幹に手をいれる機能拡張が増えた
    • CSS Nesting
    • :has
    • @scope
    • @property
    • sub-grid
    • align-content

仕様の課題

  • 小さい機能が多い
  • 最小限の機能の実装は早い
  • 仕様の課題の解決に時間がかかってる印象

実装の状況を道知る

  • ブラウザのリリースノート
  • ベースライン
    • 各ブラウザの実装が揃っているかなどの状況が見える

互換性と相互運用性

  • Interop
    • 仕様と実装の互換性を上げるプロジェクト
    • 各ブラウザの実装状況のスコアも見れる
      • web platform testsでスコアを出している
    • 毎年どこに注力するか発表される

ブラウザ動向

  • Chromeの3pcd
    • 2024/1から適用が始まった
  • iOSのブラウザ変更
    • EUwebkit以外のエンジンが使えるようになりそう

Getting started with designing for web accessibility

  • Julia Undeutschさん

Color Contrast

  • テキストを読めるか
  • リンクとして認識できるか
  • 色を認識できるか
  • Color Contrast Checkerで確認するといい

Color Independency

  • 色だけで情報を伝えてはだめ
  • エラーが起きた時に文字色を返るだけで伝えるとよくない
    • アイコン入れたり色に頼らない情報で伝えるといい
  • Read moreClck here だけでは何のリンクか分からない
    • リンク先が分かるようなテキストを入れるのがいい
    • スクリーンリーダーでリンク一覧を見ると Read more が連続されるようなのは避ける