diff --git a/techniques/aria/ARIA23.html b/techniques/aria/ARIA23.html index 54ae1fa7d..5568a6e15 100644 --- a/techniques/aria/ARIA23.html +++ b/techniques/aria/ARIA23.html @@ -1,6 +1,6 @@ -
このWCAG 2.2 テクニック集の日本語訳は作業中となっています。WCAG 2.1 達成方法集の日本語訳をご利用いただけます。[ WCAG 2.1 達成方法集 ]
role=log
- This technique relates to - -4.1.3: Status Messages -(Sufficient).
This technique applies to content using WAI-ARIA.
このテクニックは、WAI-ARIA を用いる HTMLに適用される。
- The purpose of this technique is to notify Assistive Technologies (AT) when content has been appended to sequential information concerning the application's history or logs. The aria live region role of log has an implicit aria-live value of polite and aria-atomic value of false, which allows a user to be notified via AT (such as a screen reader) when log messages are added. The new content within the aria-live region is automatically read by the AT, without the AT having to focus on the place where the text is displayed. See WAI-ARIA 1.1 log (role) for more details. + このテクニックの目的は、アプリケーションの履歴又はログに関する逐次的な情報にコンテンツが付加されたときに、支援技術に通知することである。log ロールの ARIA ライブライブリージョンは、暗黙的に aria-live の属性値 polite 及び aria-atomic の属性値 false を持っており、ログメッセージが追加されたときに、利用者は支援技術(スクリーンリーダーなど)を介して通知を受けることが可能になる。ARIA ライブライブリージョン内の新しいコンテンツは、テキストが表示されている箇所にフォーカスが当たっていなくても、支援技術が自動的に読み上げる。詳細は WAI-ARIA 1.1 log (role) を参照。
log
aria-live
polite
aria-atomic
false
Comments that users type into a chat input field are appended to the end of the chat history region. The region is marked with role of log so that new additions are announced by ATs. When each new chat message appears, a screen reader should announce its content (depending on AT/browser compatibility).
利用者がチャットの入力フィールドにタイプ入力したコメントは、チャット履歴領域の末尾に追加される。この領域は log ロールでマークされており、新たな追加は支援技術によってアナウンスされるようになっている。新しいチャットメッセージが表示されるたび、スクリーンリーダーはその内容を読み上げる。(支援技術/ブラウザの互換性に依存する)。
<div id="chatRegion" role="log" aria-labelledby="chatHeading"> <h4 id="chatHeading">Chat History</h4> @@ -119,18 +112,18 @@ Example 1: Updating the contents of a chat conversation <li>The latest chat message</li> </ul> </div>
Working example: using role="log" with chat conversation
role="log"
動作例: チャットの会話に role="log" を使用する
An application log records time-stamped activities. The log is exposed in the app as a view, with the region marked with the role of log so that the new additions are announced by the ATs. (The default value for the aria-relevant attribute is "additions", so the removal of the old top entries due to log size limitations will not be announced.) When each new log entry is added, a screen reader announces it.
aria-relevant
アプリケーションのログは、タイムスタンプ付きのアクティビティを記録する。ログはアプリ内でビューとして公開され、その領域は、新たな追加が支援技術によってアナウンスされるように、log ロールでマークされている。(aria-relevant 属性のデフォルト値は "additions" なので、ログサイズの制限による古いトップエントリーの削除はアナウンスされない)。新たなログのエントリーが追加されるたびに、スクリーンリーダーはそれを読み上げる。
<div id="activityLog" role="log"> <h4 id="logHeading">Recent activity</h4> <ul id="logentries""> <li>08:03 UserX logged off</li> </ul> </div>
Working example: using role="log" with server log
動作例: サーバのログに role="log" を使用する
On a page that contains sequentially updating information:
逐次的に情報を更新しているページに対して次を確認する。
Please share your ideas, suggestions, or comments via e-mail to the publicly-archived list public-agwg-comments@w3.org or via GitHub
あなたのアイデア、提案、又はコメントを、Google フォーム 又は GitHub で共有してください。
この文書は、2025 年 5 月 21 日付けの Techniques for WCAG 2.2 を、ウェブアクセシビリティ基盤委員会 (WAIC) の翻訳ワーキンググループが翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書は作業進行中です。また、あくまで参考情報であり、翻訳上の誤りが含まれていることがあります。 +
この翻訳文書の利用条件については、WAICが提供する翻訳文書のライセンスをご覧ください。