搜索
首页web前端css教程与部分元素的交易

与部分元素的交易

同一天发表了两篇文章:

  1. 布鲁斯·劳森(Bruce Lawson)在《粉碎杂志》上
  2. Pine上的Adam Laki:和
    元素之间的差异

    他们比较略有不同的内容,但它们都涉及元素。

    我发现当您达到

    时,我会很清楚:当您希望该元素本质上毫无意义时。您仅将其用于样式目的。

    当我想到

    :这一点的内容是否有意义(不一定是文章的全部内容)时,我总是想到RSS吗?如果是,请使用;如果没有,请不要。

    布鲁斯有一个回答:

    […]不仅将视为报纸文章,还是博客文章,而且是服装的文章,这是一个可以在另一种情况下重复使用的离散实体。因此,您的裤子是一篇文章,您可以穿着不同的衣服穿上它们。您的衬衫是一篇文章,可以与不同的裤子一起穿。您的膝盖长度皮革细节靴是一篇文章。

    更重要的是,它具有一些实际功能。布鲁斯(Bruce)提到Apple WatchOS专门使用它来查找页面上的内容。

    但是更含糊。在某一时刻,您应该将部分视为您的

    标题可以重置的地方,但这永远不会实现,因为它需要一个称为“ html5概述”的东西,零浏览器支持。

    那么我们应该完全使用吗?据布鲁斯说,有时! 《 Smashing Magazine for文章设计》在本文开头进行了摘要。从视觉上讲,这很清楚,但对于屏幕阅读器用户而言,这还不错。该解决方案将摘要包裹在带有ARIA标签的元素中,以清楚地表明。但是,除非该元素也有角色,否则您不应该使用Aria-label。您可以将角色应用于

    ,但是已经具有良好的默认角色,因此:
     
      摘要文字
    

    亚当的文章(对不起,亚当)对这些要点很含糊。

    主要区别来自语义。如果您在网站或应用程序中有其逻辑的一部分,则需要使用标签来声明它…

    …在逻辑上使用在逻辑上正确地将您的网站的一部分或应用程序读取为辅助技术。如果您牢记屏幕阅读器,这是一种很好的方法。

    因此,您可以自动获得一个prome =“区域”,但我不确定这对屏幕读取器有任何作用,没有标签。在快速测试中(启用了配音的Chrome desktop),A 没有Aria-Label的A 在Web转子的地标部分中不存在,但是一旦带有ARIA标签,它就会出现。

    要点是:不要仅使用,并假设您在为可访问性做好事。它的目的非常有限,仅对建立地标有用。即使那样,您也不会有太大帮助。莱昂妮·沃森(Leonie Watson)在评论中:

    当选择在视觉隐藏的标题和带有可访问名称的截面元素之间,在确定哪种方法是正确的方法之前,有几件事要考虑。

    当截面元素具有可访问的名称时,它将成为可导航的地标元素,因此屏幕读取器用户可以使用其屏幕读取器的快捷键从一个键到另一个键,就像他们可以使用标题一样。

    但是,根据最近的WebAim屏幕读取器用户调查,有68%的屏幕阅读器用户更喜欢通过标题导航,而2.9%的人更喜欢地标。

    因此,从严格的可访问性角度来看,您可能会删除标题,但是从可用性的角度来看,您确实想保持标题 - 至少直到更多的屏幕阅读器用户表示偏爱使用地标在浏览内容上。

以上是与部分元素的交易的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
2020年jamstack的期望2020年jamstack的期望Apr 13, 2025 am 09:42 AM

布莱恩·里纳尔迪(Brian Rinaldi)采访了各种各样的人,向他们询问了有关Jamstack开发和景观的同样问题:

HTML中CSS课程的顺序没关系HTML中CSS课程的顺序没关系Apr 13, 2025 am 09:40 AM

这是正确的!我也可以证明这一点。让我们首先看一些CSS:

网络上的印刷启发式布局网络上的印刷启发式布局Apr 13, 2025 am 09:36 AM

我一直喜欢看到人们受到印刷设计的启发,并试图将其移植到网络上。有趣的印刷作品的历史要深得多

Blue Beanie Day 2019Blue Beanie Day 2019Apr 13, 2025 am 09:25 AM

11月30日,官方的“蓝豆豆日”来了又去。我不确定我是否曾经有过它的确切精神,但是我写了关于这意味着什么

RAW GRAPHQL查询RAW GRAPHQL查询Apr 13, 2025 am 09:22 AM

GraphQl周围有各种很棒的工具。但是,就像网络上的所有内容一样,它最终取决于数据拍摄'跨越OL'网络和

PSA:IT IT'在您网站上更新版权年的时间PSA:IT IT'在您网站上更新版权年的时间Apr 13, 2025 am 09:21 AM

每年在这个时候,我都会看到文章在提醒人们如何更新其网站上的版权。通常在页脚中的某个地方。你

嵌入式内容中的内容嵌入式内容中的内容Apr 13, 2025 am 09:12 AM

Markdown支持HTML,因此,如果您需要嵌入YouTube视频,则可以从它们复制并粘贴嵌入代码,将其放入Markdown文档中,

我们的读书,2019年我们的读书,2019年Apr 13, 2025 am 09:10 AM

如此,所以(因此)在互联网上读到很多东西。实际上,这么多,以至于很难跟上一切。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)