公開日と休業日にアクセシビリティをマークする最も良い方法は？

Question

店舗が開いているか閉じている曜日を表示する必要があります。アクセシビリティ（スクリーンリーダーなど）のためにこれを行う最善の方法は何ですか？

可能であれば、私は「普通の」ユーザーにとって必要なレイアウトを達成することが困難になるため、テーブルを使用しないことを推奨します。

<h2>First shop</h2> 
<ul> 
    <li> 
    Monday open 
    </li> 
    <li> 
    Tuesday closed 
    </li> 
    <li> 
    Wednesday closed 
    </li> 
    <li> 
    Thursday open 
    </li> 
    <li> 
    Friday open 
    </li> 
    <li> 
    Saturday closed 
    </li> 
    <li> 
    Sunay closed 
    </li> 
</ul> 

<h2>Second shop</h2> 
<ul> 
    <li> 
    Monday closed 
    </li> 
    <li> 
    Tuesday open 
    </li> 
    <li> 
    Wednesday closed 
    </li> 
    <li> 
    Thursday open 
    </li> 
    <li> 
    Friday open 
    </li> 
    <li> 
    Saturday closed 
    </li> 
    <li> 
    Sunay closed 
    </li> 
</ul> 

Answer 1

定義リストを使用します。それらは連想配列のHTMLに相当します。短縮版：

<dl> 
    <dt>Monday</dt><dd>open</dd> 
    <dt>Tuesday</dt><dd>closed</dd> 
    ... 
    ... 
    ... 
</dl>