html5 – 用于在HTML中读取替代文本(例如罗马数字)的ARIA属性

原文

在我的 HTML文档中,我使用罗马数字(例如：MMXV = 2015).

有没有办法通知屏幕阅读器以另一种方式解释某些文本(例如：罗马数字为“二千一十五”而不是M-M-X-V)？

我的猜测是会有一个ARIA属性,但我似乎无法找到它.例如.：

<time datetime="2015" aria-?="Two thousand and fifteen">MMXV</time>

解决方法

使用 aria-label标记为元素提供有意义的描述.

然后,通过将它们包含在将aria-hidden属性设置为true的span元素中来隐藏屏幕阅读器中的元素,从屏幕阅读器中隐藏罗马数字.

<time datetime="2015" aria-label="Two thousand and fifteen">
    <span aria-hidden="true">MMXV</span>
</time>

html5 – 用于在HTML中读取替代文本(例如罗马数字)的ARIA属性的更多相关文章

  1. PHP将整数数字转换为罗马数字实例分享

    本篇文章中小编给大家分享了一篇关于PHP将整数数字转换为罗马数字的知识点以及实例内容，需要的朋友们学习下。

  2. regex – 你如何只匹配有效的罗马数字与正则表达式？

    想到myotherproblem，我决定我甚至不能创建一个符合罗马数字的正则表达式问题是只匹配有效的罗马数字。例如，990不是“XM”，它的“CMXC”我的问题在制作正则表达式，这是为了允许或不允许某些字符，我需要回头看。让我们以数千为例。尝试：打破它：M{0,4}这指定了数千部分，基本上限制在0和4000之间。C{0,3})稍微复杂一点，这是为百个部分，涵盖所有的可能性：(XC|XL|L?X{0,3})与上一节相同的规则，但十位：(IX|IV|V?I{0,3})这是单位部分，处理0到9，也类似于前两个部

  3. 正则表达式 匹配罗马数字 并且返回匹配到的值

    这两天楼主处理一个需求要在很多字符串里面匹配出字符串中的罗马数字还要取出这些罗马数字进行一系列的操作.在度娘上找了半天也没找到有用信息还被很多错误的代码误导了非常痛苦.好在最后各种努力花了半天时间达到了想要的结果.现在在这里记录并分享一下.如果需要转载请注明出处写好传送门.thanks这里分享一个网站可以把阿拉伯数字转化为对应的罗马数字没有上限好用点赞加分享http://www.zhongguos

  4. angularjs – 单页应用程序中的辅助功能(ARIA等)

    什么是最好的方法使SPA可访问？我对于aria规范很少有没有经验，我不知道它是否会在单页应用程序上工作。首先，像评论者说的，是的，你需要确保ARIA标签被正确使用。角色，aria标签和tabindex将是您看到的最流行的ARIA属性。最后一个选择是要求无障碍测试人员将您的应用程序用于测试驱动器。他们都可以有点干，但也有完整的你可以使用ARIA明智的一切的列表。

  5. c# – 我试图弄清楚如何将罗马数字转换成整数

    我试图弄清楚如何将罗马数字转换为整数.这是我代码的一部分.当我提示用户输入M时它显示1000,但是当我提示用户输入罗马数字(如VM)时,它不会给我995而是1005.这是因为我告诉我的程序这样做.我想弄清楚的是我如何向前看并让它知道何时添加或减去罗马数字.我该如何开始这样做？

  6. html5 – HTML’hidden’和’aria-hidden’属性有什么区别？

    在使用Angular材料时，我一直看到了aria属性。有人可以向我解释，咏叹调前缀是什么意思？但最重要的是我想要理解的是aria-hidden和hidden属性之间的区别。解决方法ARIA定义了使残疾人更容易访问Web内容和Web应用程序的方法。隐藏属性在HTML5中是新的，并且告诉浏览器不显示元素。aria-hidden属性告诉屏幕阅读器是否应该忽略该元素。

  7. wai aria和jquery.html()以及jquery.append()

    我似乎无法找到任何资源或代码示例的方式,我可以让屏幕阅读器使用jquery工作将html插入dom或将html附加到dom.任何人都可以请指出一些我可以用作指南的有用资源,或者提供一些代码示例,我可以用它来开发我的应用程序以满足可访问性标准,并将动态内容添加到我的页面上ajaxpost-back？

  8. html5 – 什么是aria标签,我应该如何使用它？

    所以我的问题是：为什么我需要aria标签，我应该如何使用它？解决方法这是一个旨在帮助assistivetechnology将标签附加到匿名HTML元素的属性。所以有元件：显式地告诉用户在输入框中键入其名称，其中id=“fmUserName”。aria标签做同样的事情，但它是那些在屏幕上有一个标签是不实际或不可取的情况。采取theMDNexample：大多数人都能够直观地推断这个按钮会关闭对话框。盲人使用辅助技术可能只是听到“X”朗读，这并不意味着没有视觉线索。aria标签明确告诉他们按钮将做什么。

  9. 什么是HTML5 ARIA？

    解决方法WAI-ARIA是一个规范定义支持可访问的网络应用程序。它定义了一系列标记扩展，可以由Web应用程序开发人员使用它们提供有关各种元素的语义的其他信息，如屏幕阅读器等辅助技术。当然，为了使ARIA工作，解释标记的HTTP用户代理需要支持ARIA，但规范是以这种方式创建的，以允许下级用户代理安全地忽略ARIA特定标记，而不影响网络应用程序的功能。这里是ARIA规范的一个例子：请注意外部上的角色属性。

  10. 有人可以解释HTML5的aria- *属性吗？

    我想知道aria-*属性是什么用的。它们可以有什么值，它们是定义的值还是可以创建自己的值？解决方法ARIA代表AccessibleRichInternetApplications，旨在改善富互联网应用程序的可访问性，即使其更适合残疾人使用。关于各种属性的帮助可用here。我不认为你可以创建自己的ARIA属性。

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧

返回
顶部