为什么基于表的网站不适合屏幕阅读器用户？ [英] Why are table based sites bad for screen reader users?

问题描述

屏幕阅读器处理< div> 基于网站而不是旧的< table>

屏幕阅读器假设中的内容是<$ c> table 是表格式的，并且这样读。例如。 row 1，column 1：（contents）。如果你使用表来布局你的网站，这不一定有任何意义。

相比之下， div 没有意义，除了section，所以屏幕阅读器不试图表示他们。您可以使用div在布局中制作任意视觉效果，而不会影响标记的含义。

这是我们所说的语义标记。语义意味着标记准确地描述了其内部的内容的含义 - 表包装表格数据， UL 包装无序列表等。 p>

How much easier is it for screen readers to handle <div> based websites as opposed to older <table> based websites, and why are they worse?

解决方案

Screen readers assume the content inside a table is tabular, and reads it as such. E.g. "row 1, column 1: (contents)". If you use tables to lay out your site, this won't necessarily make any sense. You are telling the end-client you have data with tabular significance, when you actually don't.

By contrast, div have no meaning other than "section", so screen readers make no attempt to signify them. You can use divs to make arbitrary visual breaks in your layout without impacting the meaning of the markup.

This is what we mean when we say "semantic" markup. Semantic means the markup accurately describes the meaning of the content inside of it - tables wrap tabular data, ULs wrap unordered lists, etc.

这篇关于为什么基于表的网站不适合屏幕阅读器用户？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！