目录
标题可以重置的地方,但这永远不会实现,因为它需要一个称为“ html5概述”的东西,零浏览器支持。
首页 web前端 css教程 与部分元素的交易

与部分元素的交易

Apr 12, 2025 am 11:39 AM

与部分元素的交易

同一天发表了两篇文章:

  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

热AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1655
14
CakePHP 教程
1414
52
Laravel 教程
1307
25
PHP教程
1253
29
C# 教程
1228
24
Google字体可变字体 Google字体可变字体 Apr 09, 2025 am 10:42 AM

我看到Google字体推出了新设计(Tweet)。与上一次大型重新设计相比,这感觉更加迭代。我几乎无法分辨出区别

如何使用HTML,CSS和JavaScript创建动画倒计时计时器 如何使用HTML,CSS和JavaScript创建动画倒计时计时器 Apr 11, 2025 am 11:29 AM

您是否曾经在项目上需要一个倒计时计时器?对于这样的东西,可以自然访问插件,但实际上更多

HTML数据属性指南 HTML数据属性指南 Apr 11, 2025 am 11:50 AM

您想了解的有关HTML,CSS和JavaScript中数据属性的所有信息。

如何通过CSS选择第一个类名为item的子元素? 如何通过CSS选择第一个类名为item的子元素? Apr 05, 2025 pm 11:24 PM

在元素个数不固定的情况下如何通过CSS选择第一个指定类名的子元素在处理HTML结构时,常常会遇到元素个数不�...

为什么Flex布局中的紫色斜线区域会被误认为是'溢出空间”? 为什么Flex布局中的紫色斜线区域会被误认为是'溢出空间”? Apr 05, 2025 pm 05:51 PM

关于Flex布局中紫色斜线区域的疑问在使用Flex布局时,你可能会遇到一些令人困惑的现象,比如在开发者工具(d...

使Sass更快的概念证明 使Sass更快的概念证明 Apr 16, 2025 am 10:38 AM

在一个新项目开始时,Sass汇编发生在眼睛的眨眼中。感觉很棒,尤其是当它与browsersync配对时,它重新加载

我们如何创建一个在SVG中生成格子呢模式的静态站点 我们如何创建一个在SVG中生成格子呢模式的静态站点 Apr 09, 2025 am 11:29 AM

格子呢是一块图案布,通常与苏格兰有关,尤其是他们时尚的苏格兰语。在Tar​​tanify.com上,我们收集了5,000多个格子呢

在前端开发中,如何使用CSS和JavaScript实现类似Windows 10设置界面的探照灯效果? 在前端开发中,如何使用CSS和JavaScript实现类似Windows 10设置界面的探照灯效果? Apr 05, 2025 pm 10:21 PM

在前端开发中如何实现类似Windows...

See all articles