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

查看:44
本文介绍了为什么基于表格的网站对屏幕阅读器用户不利?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

屏幕阅读器处理基于

的网站比处理基于 的旧网站容易多少,为什么它们更糟?

解决方案

屏幕阅读器假定 table 中的内容是表格形式,并按原样读取.例如.第 1 行,第 1 列:(内容)".如果您使用表格来布置您的网站,这不一定有任何意义.您是在告诉最终客户您拥有具有表格意义的数据,而实际上您没有.

相比之下,div 除了部分"之外没有其他含义,因此屏幕阅读器不会尝试表示它们.您可以使用 div 在布局中进行任意视觉中断,而不会影响标记的含义.

这就是我们所说的语义"标记的意思.语义意味着标记准确地描述了其中内容的含义 - 表格包装表格数据,ULs 包装无序列表等.

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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆