2022/07/22 で喋ったこと Vol.291

[jiyuujin]

No description provided.

[jiyuujin]

Storybook 7

issue を見て盛り込まれる中身をチェックしよう。

[jiyuujin]

Safari 15.6

詳しくは New WebKit Features in Safari 15.6 をご確認いただきたい。ざっくり bugfix が主である一方 showModal API が追加されている。ただし Chrome や Firefox では showModal API を使えない模様。

[chinen-octtn]

Teams で障害が発生していた

なお、現在は解消している。

Teams障害、在宅勤務など広く影響　主要企業9割利用

[chinen-octtn]

CSS の Tips をまとめた「Defensive CSS」

テキストが長いとき・短いとき、要素が増えた時・減ったときなど運用を想定した CSS の Tips がまとめられている。

Defensive CSS

[chinen-octtn]

Authoring Practices 輪読会

Authoring Practices の輪読会を @jiyuujin 主催の下、昨日内内で開催させていただいた。

前置き

先日 (5/19) 開催の GAAD Japan 2022 に合わせて WAI-ARIA Authoring Practices がリデザインされた [ARIA Authoring Practices Guide](https://www.w3.org/WAI/ARIA/apg/) (ARIA APG) が公開されている。

これはすなわち ARIA APG は WAI-ARIA Authoring Practices の後続を示している。

変更履歴

• [WAI-ARIA Authoring Practices 1.1](https://waic.jp/docs/2019/NOTE-wai-aria-practices-1.1-20190207/)
  • 2019/02/07 公開、後 2020 年になって日本語版も合わせて公開されている。
  • デザインパターンやウィジェットに対しプロパティ、ステート、 WAI-ARIA ロールをどうやって使用すれば良いかを示している。

主なコンテンツ

• 1. Introduction
  • A. Introduction まで [WAI-ARIA Authoring Practices 1.1](https://waic.jp/docs/2019/NOTE-wai-aria-practices-1.1-20190207/) を確認
  • B. Change History - D. References が ARIA APG では [About](https://www.w3.org/WAI/ARIA/apg/about/) に集約
• 2. Read Me First
  • 3. Mobile and Touch Support まで [WAI-ARIA Authoring Practices 1.1](https://waic.jp/docs/2019/NOTE-wai-aria-practices-1.1-20190207/) を確認
  • 4. Landmark Regions - 11. Structural Roles が ARIA APG では [Practices](https://www.w3.org/WAI/ARIA/apg/practices/) に集約
• 3. Design Patterns and Widgets
  • コア💡
    • [Patterns](https://www.w3.org/WAI/ARIA/apg/patterns/) に集約