这是Razor，是微软的一个前端框架。Razor有一个语法，html.actionlink，是创建一个链接，它最后一个参数是可以设置的，就是A标签的属性，你可以设置class是什么，也可以设置role=button，最后就会出现role=button，这是用来告诉用户这是什么样的器械，很多人爱好用A标签来模仿一?按钮，对于用户来讲，语义也要调剂。按钮，用链接提示显然不合适，所以它用role=button实现。供给原生属性的应用，你可以在这琅绫擎应用原生属性，把这个属性会放到最毕生成的元素琅绫擎，也就是这琅绫擎的A标签琅绫擎，actionlink。

Bootstrap，更多是经由过程css的办法来控制展示效不雅的框架，所以它加倍开放，你在hatm代率攀琅绫擎就可以应用aria的属性，你可以加倍灵活的应用。比如用屏幕浏览器在这里攫取不到，它是装潢性元素，我们应当忽视，没有实际信息传递，只是装潢，分隔符或者搁笔这种没有交付，只是好看标装潢性元素。aria-labe是一个标签，指出到这个元素的时刻可以播报出来。它的播报只是针对屏幕浏览器，大年夜屏幕上看加aria-label没有任何变更，只是针对帮助技巧和屏幕浏览器如许的软件而起感化。

信息无障碍的应用技巧

信息无障碍集成信息无障碍的挑衅与应对

第四部分，信息无障碍集成信息无障碍的挑衅与应对，这和通俗做框架大年夜同小异，只不过它应用的技巧不合罢了。像这琅绫擎设计的缺掉。像组件的设计缺掉，有点像刚才说的Razor的情况，如不雅框架琅绫擎没有供给对原生html属性的支撑，没有供给直接应用的模式，用户也不会应用的，这是作为框架应用者来讲也是不克不及应用的。再就是编码规范的问题，你做一个框架，经常会碰到一些规范化的器械，比如说你做一个插件，可能接口的设计是要传入图片的地址和图片的尺寸信息，还有一些响应等。作为一张图片，每个图片都要有刚才讲的ALP属性，指明这张图片到底是什么信息，如许就可以知道。像很多告白滚动的，用户聚焦在膳绫擎赓续有信息，告白内容是什么，它肯定不知道产生什么工作，对用户来讲这是未知的工作。所以设计框架的时刻，就应当推敲在读图片的时刻，供给一个接口供给图片的文本。如不雅没有留如许的接口，如不雅开辟者想实现就很艰苦，就得修改你的源码或者经由过程JS改变你的元素的属性才能实现，会变得很乱。

以上是51CTO.com记者大年夜一线为您带来的出色报道。后续我们还有加倍出色的独家报道，敬请存眷。

兼容性的问题，无障碍琅绫擎也存在兼容性的问题，在不合浏览器上显示效不雅不一样，其实你的信息在不合的平台，Android和iOS，不合浏览器出现的结不雅不一样。例子，评论美女这种，一个是有role=button，它可能写的评论3，琅绫擎就只有3。当用户聚焦到3这个数字的时刻，它可以读出评论3人，零丁写个3，旁边用搁笔表示，它就是评论数，这琅绫侵哺荷琐信息评论3人。在iOS膳绫擎，你没有role=button，他不会读，只会读3，他认为没有须要有标签，它直接攫取块琅绫擎的内容。然则Android膳绫擎，他又可以攫取，这是他们的差别，在不合的情况显示上有差别须要兼容一样的。

挑衅的应对，其实也就是几个方面，一是遵守标准，遵守标准开辟出来的器械才是便于应用的，才是项目万恶的。再就是测试相干的，你要有专项测试，对无障碍的专项测试，还有对代码进行无障碍走查。兼容性方面，要在不合情况里去测试，然后要收集这些特点，在框架琅绫擎做的时刻要推敲这些问题，尽可能应用一些成熟的筹划或者传统的筹划，比如html的器械，不合品牌对ARA支撑的才能不合，能不消就不消，因为它的实现上、解析上照样有差别的。再就是应用成熟，你已经懂得了它的平台化差别的时刻，你有经验了，就可以集成到你的框架琅绫擎，取一个成熟的筹划，这就是它的挑衅和应对。

以上为全部内容，感谢大年夜家！

————————

【51CTO.com原创稿件】 2017年12月01-02日，由51CTO主办的WOTD 2017全球软件开起身术峰会在深圳中洲万豪酒店召开。秉承专注技巧、办事迹恋人员的理念，自2012年以来，WOT品牌大年夜会成功举办了十四届，积聚了大年夜量的技巧专家资本，获得了广大年夜IT大年夜颐魅者和技巧爱好者的一致承认，成为了业界重要的技巧分享交换平台以及人脉拓展平台。

【51CTO原创稿件，合作站点缀载请注明原文作者和出处为51CTO.com】

【责任编辑：钱鹏 TEL：（010）68476606】

　　推荐阅读

　　值得在 2018 年尝试的 11 个 React 组件库

CTO练习营 | 12月3-5日，深圳，是时刻成为优良的技巧治理者了6、React Components by Khan Academy React 的普及似乎在赓续增长，在 Stack overflow 2017 年最受迎接的组件库中，React 处于>>>详细阅读

本文标题：【WOTD】信息无障碍产品联盟技术专家刘彪：前端信息无障碍技术与框架

地址：http://www.17bianji.com/lsqh/39373.html

 1/2    1