Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 标记开放日和关闭日以实现无障碍性的最佳方法?_Html_Accessibility - Fatal编程技术网

Html 标记开放日和关闭日以实现无障碍性的最佳方法?

Html 标记开放日和关闭日以实现无障碍性的最佳方法?,html,accessibility,Html,Accessibility,我需要显示一周中哪几天商店开门或关门。为了实现可访问性(屏幕阅读器等),最好的方法是什么 如果可能的话,我宁愿不使用表格,因为它会使我很难实现“普通”用户想要的布局 <h2>First shop</h2> <ul> <li> Monday open </li> <li> Tuesday closed </li> <li> Wednesday closed

我需要显示一周中哪几天商店开门或关门。为了实现可访问性(屏幕阅读器等),最好的方法是什么

如果可能的话,我宁愿不使用表格,因为它会使我很难实现“普通”用户想要的布局

<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>
第一家店
  • 星期一开放
  • 星期二休息
  • 星期三休息
  • 星期四开放
  • 星期五开放
  • 周六休息
  • 星期日休息
第二家商店
  • 星期一休息
  • 星期二开放
  • 星期三休息
  • 星期四开放
  • 星期五开放
  • 周六休息
  • 星期日休息

使用定义列表。它们是关联数组的HTML等价物。缩短版:

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

周一公开赛
星期二休息
...
...
...

我想你指的是定义列表?我不确定你的例子是不是应该如何使用它们。你有消息来源吗?定义列表是配对匹配信息位的好方法。对于更复杂的内容,它可能会变得有点烦躁,但对于这样一个简单的列表,它是完美的。看起来你是对的。更多信息请点击此处: