プロパティと値のペアのリストがあります。プロパティは左側にあり、値は右側にあります。
First Name: John
Last Name: Doe
Phone Number: (555) 555-1212
Email: johndoe@stackoverflow.com
私が最初に考えたのは、これは定義済みリスト (dl) を使用する絶好の機会だということでした。ただし、この記事http://snook.ca/archives/html_and_css/definition-lists-v-tablesでは、アクセシビリティ上の理由から推奨していません。さらに、定義されたリストのスタイルを設定するのに苦労しているので、IE7 で動作します (テーブルとして DL をスタイルします。いや、IE7 は DD をフロートします)。
別のオプションはテーブルですが、それは正しくないようです。
独自のタグでラップされたペアを含む順序付けられていないリストでしょうか?
このアプリケーションにはどの HTML マークアップを使用すればよいですか?
セマンティクスが必要な場合は使用することを強くお勧めし<dl></dl>ます。IE7 と IE8 を気にしすぎる人のために、1 つだけ説明します。「2013 年です。ブラウザを更新してください。」<dl>ただし、IE7 および IE8 では、適切なスタイリングを使用すると問題なく動作します。
今、選択はあなた次第です。セマンティックで適切な方法を選択するか、Web サイトをテーブルにまとめて、ie7 とそれを使用するユーザーの 2% で機能するようにします。考えてみてください。
PS ではないため<dl>、 として扱わないでください<table>。
スクリーン リーダーが何を「行う」かを測定するときは、特にテーブルを使用し、場合によっては他の要素を使用する場合は、非常に注意する必要があります。数年前、私は JAWS を使っていくつかの実験を行いましたが、驚くべき結果が得られました。JAWS およびおそらく他のスクリーン リーダーは、秘密のヒューリスティックを使用して、テーブルをセマンティック テーブルとして扱うか、マークアップだけよりも多くの要素を取り込むレイアウト テーブルとして扱うかを決定します。たとえば、テーブルがレンダリングされる画面の幅に基づいて、同じマークアップをセマンティック テーブルまたはレイアウト テーブルとして扱うことができます。これは直接的または間接的な影響かもしれませんが、私にはわかりませんでしたが、どちらにしても意味がありませんでしたが、明らかにそうでした.
Axente Paulの答えを支持します。その日のセマンティクスに関する最良のアドバイスに従って、マークアップをセマンティックに記述します。アクセシビリティ チェーンが提供する情報を最大限に活用することは、スクリーン リーダーの製造元に任せてください。正しく認識されない場合、それはスクリーン リーダーのメーカーとそのユーザーの問題であり、マークアップの作成者の問題ではありません。