Merge pull request #333 from bakera/3-10/4-4-dialog-elem-support-info

dialog要素のサポート状況を再編成

md_text/3-10.md

@@ -81,16 +81,14 @@ Mac VOが「下位項目が非表示になりました、展開ボタン」と
 
 ## `dialog`要素
 
-<!--
-dialog要素はStableだとChromeのみ。
-サポート状況の参考:
-https://developer.mozilla.org/ja/docs/Web/HTML/Element/dialog
-Firefoxでは試験的なサポートとなっており、設定変更で dom.dialog_element.enabled を有効にしないと動作しない。
--->
 `dialog`要素は、ユーザーがタスクを実行するときのインタラクションに用いるアプリケーションの一部分を表現します。簡単に言えば、ダイアログボックスやサブウィンドウなどを表現するのに使用します。
 
 <!-- サポート状況の注意 -->
-注意: この要素はまだ十分にサポートされておらず、ブラウザーによっては意図どおりに動作しないことがあります。2021年10月時点において、Firefox 93はデフォルトでこの要素をサポートしておらず、動作させるためには設定変更を行って`dom.dialog_element.enabled`を有効する必要があります。
+この要素はまだ十分にサポートされておらず、ブラウザーによっては意図どおりに動作しないことに注意してください。2021年10月時点において、FirefoxとSafariはこの要素をサポートしていません。なお、Firefoxは`about:config`で`dom.dialog_element.enabled`を有効にすることで動作します。[^1]
+
+[^1]: <https://developer.mozilla.org/ja/docs/Web/HTML/Element/dialog>
+
+ブラウザーの種類を限定できる業務アプリでは問題なく利用できるかもしれませんが、そうでない場合、とくにSafariでサポートされていない機能を採用することは難しいでしょう。
 <!-- /サポート状況の注意 -->
 
 以下は、ボタンを押すとダイアログが表示され、ダイアログ内のボタンを押すとダイアログが閉じる例です。

md_text/4-4.md

@@ -686,11 +686,7 @@ HTMLには、ダイアログを表示するための`dialog`要素が用意さ
 
 なお、初期状態でダイアログを隠す処理も実現されていますが、単にユーザーエージェントのスタイルシートで`dialog:not([open]){display:none;}`というスタイルが与えられているだけです。より強いセレクターで`display`プロパティを上書きすると、ダイアログが表示されてしまうこともあるので注意してください。
 
-`dialog`要素は非常に便利なのですが、残念なことに、`dialog`要素のブラウザーによるサポートはまだ不十分です。2021年10月時点で、iOSとmacOSのSafariが`dialog`要素をサポートしていません[^12]。
-
-[^12]: <https://developer.mozilla.org/ja/docs/Web/HTML/Element/dialog>
-
-ブラウザーの種類を限定できる業務アプリでは問題なく利用できるかもしれませんが、そうでない場合、Safariでサポートされていない機能を採用することは難しいでしょう。
+`dialog`要素は非常に便利ですが、2021年10月時点で、一部のブラウザーによるサポートはまだ不十分です。詳細については、Chapter3-10の`dialog`要素を参照してください。
 
 ### WAI-ARIAを駆使した実装