有关aria-hidden和role

Accessible Rich Internet Applications (ARIA) 规定了能够让 Web 内容和 Web 应用(特别是那些由 Ajax 和 JavaScript 开发的)对于残障人士更易使用的各种机制。例如,ARIA 提供了易用的导航地标、JavaScript 组件、表单提示以及错误信息、实时内容更新等。

ARIA 是一组特殊的易用性属性,可以添加到任意标签上,尤其适用于 HTML。role 属性定义了对象的通用类型(例如文章、警告,或幻灯片)。额外的 ARIA 属性提供了其他有用的特性,例如表单的描述或进度条的当前值。

ARIA 在大多数流行的浏览器和屏幕阅读器中得到了实现。尽管如此,实现方式有所不同,而且旧的技术对其支持不好(或者不支持)。使用可以优雅降级的“安全的” ARIA,或者要求用户升级使用新的技术。

引用https://developer.mozilla.org/zh-CN/docs/Web/Accessibility/ARIA

有关使用可更多详情可以去以上网站

时间: 2025-01-01 11:38:37

有关aria-hidden和role的相关文章

[翻译]如何在HTML5中有效使用ARIA

ARIA是Accessible Rich Internet Application的简称,指无障碍富互联网应用.可以使一些有功能障碍(如听力,视力)的人群,使用你的网站.下面看一下做为开发人员的我们,如何让他们使用起来更容易. 使用ARIA的一种方式,是添加ARIA到我们的html中.你可能对在HTML中使用语义化元素很熟悉了,如nav,button,header.使用它们,可以很容易表达块的作用.这些元素可以更好地表达页面中内容的意思,我们可以把这些元素和ARIA组合使用.不过,在一起使用它们

SSH系列:(17)角色-权限管理(前台JSP)

1.listUI.jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@taglib uri="/struts-tags" prefix="s" %> <html> <head>     <%@include file="/common/header.jsp"%&

Online Judge(OJ)搭建——3、MVC架构

Model Model 层主要包含数据的类,这些数据一般是现实中的实体,所以,Model 层中类的定义常常和数据库 DDL 中的 create 语句类似. 通常数据库的表和类是一对一的关系,但是有的时候由于需求变化或者方便起见,Model 层的类有时不和数据库中表相互对应.比如面向对象之组合属性,在 Java 中可以用一个类组合另一个类,表示测试信息.对应多组测试用例的组合,(正常情况下,应该是一张表而不是两张表),而数据库是用两张表存储数据,利用外键关系表示测试信息.对应多组测试用例的关系.

如何防止CSRF攻击?

CSRF攻击 CSRF漏洞的发生 相比XSS,CSRF的名气似乎并不是那么大,很多人都认为CSRF“不那么有破坏性”.真的是这样吗? 接下来有请小明出场~~ 小明的悲惨遭遇 这一天,小明同学百无聊赖地刷着Gmail邮件.大部分都是没营养的通知.验证码.聊天记录之类.但有一封邮件引起了小明的注意: 甩卖比特币,一个只要998!! 聪明的小明当然知道这种肯定是骗子,但还是抱着好奇的态度点了进去(请勿模仿).果然,这只是一个什么都没有的空白页面,小明失望的关闭了页面.一切似乎什么都没有发生…… 在这平

Extending Markov to Hidden Markov

Extending Markov to Hidden Markov a tutorial on hidden markov models, Hidden Markov Models, hidden markov models tutorial, markov chains, markov chains examples,markov chains tutorial, markov models When we talked about Markov Process and training th

Bootstrap学习遇到的role属性--- 无障碍网页应用属性

以前接触过Bootstrap,但也只是仅仅接触,现在重新学习下,今天看到一个例子中的属性有一个role, 查阅资料发现这个是--WAI-ARIA无障碍设计属性: 通俗说是该设计为了一些盲人,失聪,残疾人士而设计的: 深入了解: http://www.zhangxinxu.com/wordpress/?p=2277 --感慨: 大神整理出来的东西好全..... Ps: https://w3c.github.io/html/ w3c html -->   3.2.7.4. Allowed ARIA

译文 对无障碍网页应用(ARIA)的选择

//本文编辑格式为Markdown,译文同时发布在众成翻译 对无障碍网页应用(ARIA)的选择 让网站对每个人都能访问是一件相当艰难的工作,尤其是在我们使用自定义标记解决方案(custom markup solutions)的那些日子.我很高兴#a11y(可访问性的简称)的话题最近获得了越来越多的关注,因为#a11y没有什么好的,但是正如James Williamson今天发布的twitter: 我们对提高可访问性最大的误解是认为那是在帮别人,但是你错了,这是你的职责.(The biggest

aria初探(一)

之前在学习和工作当中碰到的一些有关无障碍的学习心得,比较杂,做一下小结. (1)tabIndex: 当使用键盘时,tabindex是个关键因素,它用来定位html元素. tabindex有三个值:0 ,-1, 以及X(X里32767是界点,稍后说明) 原本在Html中,只有链接a和表单元素可以被键盘访问(即使是a也必须加上href属性才可以),但是aria允许tabindex指定给任何html元素. 当tabindex=0时,该元素可以用tab键获取焦点,且访问的顺序是按照元素在文档中的顺序来f

可点击的icon按钮 无障碍 ARIA 可访问性

最简单: <input type="image" src="email.png" width="14" height="14" alt="Email"> 使用 css sprites的话: <style> .email-btn { width: 14px; height: 14px; background: url(activities.png) 0 -85px no-repeat;