aditum:可访问性组件,用于管理React SPA中的焦点-源码

上传者: 42107561 | 上传时间: 2021-03-21 17:10:32 | 文件大小: 8.75MB | 文件类型: ZIP
脂肪 Aditum是一个自定义的React组件库,可支持开发人员编写可访问且符合要求的单页应用程序(SPA)。在React SPA中,第一个页面之后没有页面加载。当内容在没有页面加载的情况下进行更新时,默认情况下,屏幕阅读软件不会产生任何想法,从而导致用户通过屏幕阅读器与网站进行交互时,会产生混乱的体验和潜在的客户流失。 手动设置焦点可能很繁琐,尤其是对于较大的应用程序。 Aditum提供了一种更加自动化的解决方案来指导您整个应用程序的关注,从而为通过屏幕阅读器访问您的网站的用户提供更好的体验。 当前包括以下组件: AccessBarWithRouter-适用于使用React Router的应用程序 AccessBarNoRouter-适用于没有React Router的应用程序 原始AccessBar-不带React Hooks的应用程序版本 FocusWrapper-一种HOC,可

文件下载

资源详情

[{"title":"( 45 个子文件 8.75MB ) aditum:可访问性组件,用于管理React SPA中的焦点-源码","children":[{"title":"aditum-master","children":[{"title":"aditum","children":[{"title":"package-lock.json <span style='color:#111;'> 196.05KB </span>","children":null,"spread":false},{"title":".DS_Store <span style='color:#111;'> 6.00KB </span>","children":null,"spread":false},{"title":"Components","children":[{"title":"enzyme.config.js <span style='color:#111;'> 153B </span>","children":null,"spread":false},{"title":".babelrc <span style='color:#111;'> 61B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false},{"title":"__tests__","children":[{"title":"OriginalAccessBar.unit.test.js <span style='color:#111;'> 1.90KB </span>","children":null,"spread":false},{"title":"AccessBarWithRouter.unit.test.js <span style='color:#111;'> 786B </span>","children":null,"spread":false},{"title":"FocusWrapper.unit.test.js <span style='color:#111;'> 921B </span>","children":null,"spread":false}],"spread":true},{"title":"jest.config.js <span style='color:#111;'> 1.51KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 346.18KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"index.js <span style='color:#111;'> 364B </span>","children":null,"spread":false},{"title":"AccessBarNoRouter.jsx <span style='color:#111;'> 4.79KB </span>","children":null,"spread":false},{"title":"OriginalAccessBar.jsx <span style='color:#111;'> 6.68KB </span>","children":null,"spread":false},{"title":"AccessBarWithRouter.jsx <span style='color:#111;'> 5.97KB </span>","children":null,"spread":false},{"title":"FocusWrapper.jsx <span style='color:#111;'> 608B </span>","children":null,"spread":false}],"spread":true},{"title":".npmignore <span style='color:#111;'> 26B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 27B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 4.41KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"images","children":[{"title":"AccessBar-Enabled.png <span style='color:#111;'> 1.85MB </span>","children":null,"spread":false},{"title":"AccessBar-Only.png <span style='color:#111;'> 24.03KB </span>","children":null,"spread":false},{"title":"AccessBar-Video.gif <span style='color:#111;'> 6.65MB </span>","children":null,"spread":false},{"title":"Final_aditum.png <span style='color:#111;'> 104.90KB </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 22B </span>","children":null,"spread":false},{"title":"sample-site","children":[{"title":"client","children":[{"title":"css","children":[{"title":"styles.css <span style='color:#111;'> 2.41KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.js <span style='color:#111;'> 196B </span>","children":null,"spread":false},{"title":".DS_Store <span style='color:#111;'> 6.00KB </span>","children":null,"spread":false},{"title":"Components","children":[{"title":"Nav.jsx <span style='color:#111;'> 533B </span>","children":null,"spread":false},{"title":"Store.jsx <span style='color:#111;'> 1.76KB </span>","children":null,"spread":false},{"title":"App.jsx <span style='color:#111;'> 215B </span>","children":null,"spread":false},{"title":"Home.jsx <span style='color:#111;'> 808B </span>","children":null,"spread":false},{"title":"MainContainer.jsx <span style='color:#111;'> 3.85KB </span>","children":null,"spread":false},{"title":"About.jsx <span style='color:#111;'> 2.61KB </span>","children":null,"spread":false},{"title":"AccessBarWithRouter.jsx <span style='color:#111;'> 5.97KB </span>","children":null,"spread":false},{"title":"Wrapper.jsx <span style='color:#111;'> 469B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"server","children":[{"title":"server.js <span style='color:#111;'> 944B </span>","children":null,"spread":false}],"spread":true},{"title":"package.json <span style='color:#111;'> 1.28KB </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 207B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 304.04KB </span>","children":null,"spread":false},{"title":".DS_Store <span style='color:#111;'> 8.00KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 17B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 876B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 48B </span>","children":null,"spread":false},{"title":"build","children":[{"title":"bundle.js <span style='color:#111;'> 206.47KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 4.47KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

其他资源

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明