aria.js 无障碍

2024-09-05

ARIA无障碍技术

ARIA Accessible Rich Internet Applications (ARIA) 规定了能够让 Web 内容和 Web 应用(特别是那些由 Ajax 和 JavaScript 开发的)对于残障人士更易使用的各种机制.例如,ARIA 提供了易用的导航地标.JavaScript 组件.表单提示以及错误信息.实时内容更新等.主要用来标识页面中涉及到动态交互的地方,这些交互通常是由js和相关技术来实现的,例如浮出层,对话框弹出,下拉列表以及伪元素等. ARIA 是一组特殊的易用性属性,

Auto.js无障碍免root脚本开发学习

Auto.js 简单入门官方文档:https://hyb1996.github.io/AutoJs-Docs/#/ https://blog.csdn.net/QiHsMing/article/details/86762007 https://blog.csdn.net/zy0412326/article/details/105140707 获取手机屏幕坐标:https://jingyan.baidu.com/article/00a07f38297bd082d028dce7.html 小米手机

灰度发布 & A/B 测试

灰度发布 & A/B 测试 http://www.woshipm.com/pmd/573429.html 8 https://testerhome.com/topics/15746 screen reader api 政府网站,Web 无障碍 http://www.shanghai.gov.cn/nw2/nw2314/nw32419/nw48516/nw48545/u26aw63619.html jPlayer : HTML5 Audio & Video for jQuery http:/

译文对无障碍网页应用（ARIA）的选择

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

无障碍开发（六）之ARIA在HTML中的使用规则

ARIA使用规则一如果你使用的元素( HTML5 )具有语义化,应该使用这些元素,而不应该重新定义一个添加ARIA的角色.状态或属性的元素. 浏览器的语义化标签已经默认隐含ARIA语义,像nav,article,button已经隐含ARIA的role="navigation",role="article",role="button"声明.在语义化标签出来之前,常见的元素如<div class="main-navigation&q

无障碍开发（二）之ARIA role属性

role属性 role属性值含义 HTML示意说明 alert 表示警告 <p id="ajax_error_alert" role="alert"></p> 例如ajax操作返回错误信息的div标签. alertdialog 表示Modal弹出框 <div aria-labelledby="alert_title" aria-hidden="false" tabindex="0&q

可点击的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(acti

无障碍开发（四）之ARIA aria-***状态值

aria-***状态值

无障碍开发（三）之ARIA aria-***属性值

aria-***属性值

无障碍网页设计（WCAG2.0）

无障碍化是指无论健全人还是残疾人,年轻人还是老年人都可以平等地获取互联网上的信息和服务.无障碍化网站建设不单可以增加网站的受益群体,更是一个有情怀.有担当的互联网企业的责任,也是一个互联网从业人员应该关注到的一个方面. 无障碍化受益人群: 普通人普通网站用户:文化背景和习惯与主流用户不同的用户:老年人或儿童等用户:无障碍化可使得用户更轻松地使用网站服务,降低使用.学习和理解的成本. 视力障碍用户主要包括盲人.低视力.色盲.色弱等用户.针对这部分用户所做的信息无障碍化是最通用和最具有代表性的,

[转]使用Sencha Ext JS 6打造通用应用程序

原文地址:http://www.uedsc.com/using-sencha-ext-js-6-to-build-universal-apps.html 在Sencha和整个Ext JS团队的支持下,我很高兴能跟大家分享一下有关Sencha Ext JS 6的更多细节.该版本向前迈出了一大步,支持使用一个单一的代码库来开发基于桌面.平板和智能手机的通用应用程序.我们成功的将Ext JS和Sencha Touch框架合并在一起.我想对在建立统一框架的这个旅程中,为我们提供了宝贵的反馈的Sencha

【转载】《Ext JS 4 First Look》翻译之一：新特性

免责声明: 本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除. 原文作者:^_^肥仔John 原文地址:http://www.cnblogs.com/fsjohnhuang/archive/2013/01/29/2880705.html 第一章新特性 Extjs 4相对于之前的版本作出了重大的修正.其中包括全新的类系统.新平台的引入.API的修整和加强还有新组件的引入(如新的图表和图形组件).Extjs 4提供更快速.更稳定的用户体验,

PHP, Python, Node.js 哪个比较适合写爬虫？

PHP, Python, Node.js 哪个比较适合写爬虫? 1.对页面的解析能力2.对数据库的操作能力(mysql)3.爬取效率4.代码量推荐语言时说明所需类库或者框架,谢谢.比如:python+MySQLdb+urllib2+reps:其实我不太喜欢用python(可能是在windows平台的原因,需要各种转字符编码,而且多线程貌似很鸡肋.) 2 条评论按投票排序按时间排序 35 个回答梁川,第三方支付.互联网金融从业者知乎用户.星辕翼玛.YUX IO 等人赞同主要看

js实现省市区联动

先来看看效果图吧,嘻嘻~~~~~~~~~~~~~~~~~~~· 代码在下面: 示例一: html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>省市区三级联动,可自动补全</title> <link href="css/select.css" rel="stylesheet" /> <

Ext JS 6学习文档–第1章–ExtJS入门指南

Ext JS 入门指南前言本来我是打算自己写一个系列的 ExtJS 6 学习笔记的,因为 ExtJS 6 目前的中文学习资料还很少.google 搜索资料时找到了一本国外牛人写的关于 ExtJS 6 的电子书 [Ext JS 6 By Example].这份资料在 PACKT 上卖 35.99 刀的,当然了万能的 google 还是帮我下载到了 PDF 文档.大概看了一下,讲的很详细,例子也比较简单,容易理解,现我准备利用工作之余翻译这份文档,为自己学习加深理解,也希望能帮助更多的人学习.

【转载】WAI-ARIA无障碍网页应用属性完全展示

文章转载自张鑫旭-鑫空间-鑫生活 http://www.zhangxinxu.com/wordpress/ 原文链接:http://www.zhangxinxu.com/wordpress/?p=2277原文摘要: WAI-ARIA指无障碍网页应用.主要针对的是视觉缺陷,失聪,行动不便的残疾人以及假装残疾的测试人员.尤其像盲人,眼睛看不到,其浏览网页则需要借助辅助设备,如屏幕阅读器,屏幕阅读机可以大声朗读或者输出盲文. 而ARIA就是可以让屏幕阅读器准确识别网页中的内容,变化,状态的技术规范,

web语义化之SEO和ARIA

在快速理解web语义化的时候,只知道web语义化有利于SEO和便于屏幕阅读器阅读,但并不知道它是如何有利于SEO和便于阅读器阅读的,带着这个疑问,进行了一番探索总结. SEO 什么是SEO? SEO(Search Engine Optimization,搜索引擎优化 ),是一种利用搜索引擎的搜索规则来提高目的网站在有关搜索引擎内的排名的方式.通俗来讲就是根据搜素引擎的规则来优化你的网站,让你的网站能够在用户的搜索结果中排在前面,提高网站的访问量. SEO常用方式采用DIV+CSS布局采用di

【翻译】使用Sencha Ext JS 6打造通用应用程序

原文:Using Sencha Ext JS 6 to Build Universal Apps {.aligncenter} 在Sencha和整个Ext JS团队的支持下,我很高兴能跟大家分享一下有关Sencha Ext JS 6的更多细节.该版本向前迈出了一大步,支持使用一个单一的代码库来开发基于桌面.平板和智能手机的通用应用程序.我们成功的将Ext JS和Sencha Touch框架合并在一起.我想对在建立统一框架的这个旅程中,为我们提供了宝贵的反馈的Sencha社区和我们的客户说声感谢.

【翻译】Ext JS 6有什么新东西？

工具包ToolKits 发布包的命名 Fashion 图表 ItemEdit插件网格电子表格可操作模式Actionable Mode和可访问性 LazyItems插件屏幕阅读器支持可访问性微加载Microloader Touch网格原文:http://docs.sencha.com/extjs/6.0/whats_new/6.0.0/whats_new.html Ext JS在Sencha框架中引入了许多新的和令人兴奋的改进.这些变化为基于所有现代浏览器.设备和屏幕尺寸带来了新的功

【翻译】Ext JS最新技巧——2014-9-10

原文:Top Support Tips Greg Barry:删除网格单元格的焦点在Ext JS 5.0.1,添加了一些与可访问性和支持ARIA有关的显著改进.虽然鼓励使用这些新增功能,但默认样式可能无法在所有情况下都能达到最理想的状况.事实上,在单元格边框实现焦点就不适合所有的情况.如果想对焦点样式进行调整,最好的方式是通过修改SASS变量和重新编译样式来实现.在网格视图中可以找到单元格焦点的SASS变量,目标包括: $grid-row-cell-focus-background-color

aria.js 无障碍

热门专题