• 第十二届人民企业社会责任奖颁奖典礼举行 2019-10-17
  • 坐直升机上课 就是这么高大上 2019-10-11
  • 21世纪中国的马克思主义 2019-10-11
  • 第74集团军某陆航旅创新训练方法 新课目扩充飞行员战斗力“内存” 2019-10-07
  • 总网A区嵌套新闻列表--内蒙古频道--人民网 2019-09-30
  • 【地球的盛会文明的聚会艺术的盛宴四海一家足球为人类和平幸福而荣耀!!!普京是当今人类世界最优秀的一代伟人俄罗斯赢啦!!!】 2019-09-08
  • 中考期间广州部分公交线路有调整 2019-09-08
  • 煤炭保供措施增多 煤价将大概率企稳 2019-08-25
  • 西安外事学院在省茶艺大赛中创多项佳绩西安外事学院-陕西教育新闻 2019-08-25
  • 回复@“老笑头”,共产主义需要分配生产资料应该是你做梦的时候梦到的吧!这除了让网友们笑掉大牙,还能有什么?你确实是让网友们看着就想笑!哈哈哈哈! 2019-08-22
  • 人民网春季糖酒会专访贵州茅台酒厂(集团)习酒有限责任公司总经理钟方达 2019-08-03
  • 海淀区曙光街道举办第五届龙舟赛 2019-08-03
  • 郑永年:争名逐利抢流量,中国的知识分子怎么了? 2019-07-12
  • 范冰冰、范丞丞一家四口聚餐范丞丞范冰冰-大陆 2019-07-10
  • 沈梦辰生日发惊艳大片为自己庆生 杜海涛称其“小乖乖”送生日祝福 2019-06-16
  •   官方微信

    1200家昆山太仓客户给您建议:少走弯路、少交学费,搞懂《十个与昆山网站建设相关的问题》找正规专业的昆山网络公司,能产生事半功倍的网络营销效果。

    2019年10步大幅提升网站可访问性的操作方法

            网站越来越重视用户体验,对于做网站的人员来说是否了解过一些可以增加网站可读性的Tips? 今天昆山昆网网络陈明鹏向大家分享可提升网站访问性的10个步骤,每一步都可以在20分钟内完成,这篇文章也可以在20分钟内看完。
            第一步,检查<title></title>,不允许空,不允许过长,简洁明了。
    <title></title>是第一个可以访问到内容的元素,所以一定要非常重视。当用户切换浏览器Tab标签的时候,一定最先听到<title></title>标记的内容。Title一定要能代表当前页面的主题。这里的要求和SEO最佳实践几乎一致。
            第二步,提供文字替代方案。
    走查网页上所有的图片、iframe、object,检查这些元素是否填写了适当的alt属性或者title属性的值,看看这些值是否可以描述这些元素的内容或者目的;heading元素是否标记了内容,而不仅仅是图片或者背景图片。
            第三步,检查表单。
    是否有label标签,这些label的for属性是否通过填写相应表单元素的id来彼此绑定;label的标签包裹的范围是否足够大,一致鼠标很容易的就能操作到;表单元素在被聚焦的时候是否有清晰的视觉反??;提交和重置按钮以及图片按钮是否标记了文字或者在title中写明了该按钮的作用。强调一下,比如一个按钮的样式是一个放大镜,那么替代文字的内容一定不是“放大镜”,而是“搜索”。
            第四步,使用heading做信息架构。
    辅助技术,特别是读屏软件,一般都会提供一个快捷键h,按h按键,焦点即可在heading之间切换,从而提高浏览效率。减轻读屏软件用户了解当前页面内容的障碍。虽然HTML5允许heading之间的嵌套,但是我绝对不推荐。
            第五步,是否有blur()。
    辅助技术一般都是依靠焦点来获取内容,所以这个事件从本质上就使得辅助内容无法获得应用了此方法的元素。this.onfocus=this.blur()这个是最傻的一句代码了。
            第六步,按Ctrl+或者command+查看页面是否可以被缩放。
    也许你因为某个效果使用了font-size-adjust:none,或者在viewport中设置了禁止用户缩放,从而使得页面无法缩放。老年人和使用11寸高档笔记本的老板可是非常喜欢使用放大页面的功能的。
            第七步,添加landmark角色。
    这个是成本最低的方法了,添加的方法就是给相应功能的元素添加role这个属性,并赋予响应的landmark值。一共有8个值,一般你只能用到6个:banner(banner)、complementary(辅助内容区)、contentinfo(网站信息和版权)、form(表单)、main(主内容区)、navigation(导航区)、search(搜索区)。如果一个表单,他仅仅是提供搜索功能,那么就将role设置为search,而不是form。
            第八步,设置快捷键。
    1是指向首页的那个链接。Esc是停止播放音视频,是停止,不是暂停。这两个按键是迄今为止最能达成共识的快捷键了。另外,挖掘当前页面的最重要的一个功能,是最重要的。然后在这个功能开始的元素或者包装元素上设置一个快捷键,按照顺序的话,就是2吧。accesskey=2。不要将同一个值设置给多个元素,也不要使用字母作为快捷键。另外聚焦的事件不要单单依赖浏览器本身,请使用js或者相应的键盘事件,然后聚焦给相应的元素。
            第九步,触发界面转换需设置焦点。
    比如,点击一个按钮,弹出了一个模态或者非模态的弹窗(不是浏览器弹窗),利用js把焦点移动到这个窗口的第一个有内容的DOM上;再比如,点击“返回首页”按钮,如果仅仅是链接的是#或者改变类似scrollTop的值,那么也一定利用js将焦点移动到这个页面的第一个有内容的DOM上。如果你通过一个按钮触发了一个组件窗口,在关闭这个组件窗口的时候,请把焦点重新移动回到触发这个窗口的按钮上。
            第十步,填写一个简单的链接到之后,作为第一个内容元素。
    标记的内容是简要的说明,说明你在这个页面上提供的快捷键。然后这个链接可以指向一个更加丰富的无障碍帮助页面,并且给这个链接设置accesskey=0。
  • 第十二届人民企业社会责任奖颁奖典礼举行 2019-10-17
  • 坐直升机上课 就是这么高大上 2019-10-11
  • 21世纪中国的马克思主义 2019-10-11
  • 第74集团军某陆航旅创新训练方法 新课目扩充飞行员战斗力“内存” 2019-10-07
  • 总网A区嵌套新闻列表--内蒙古频道--人民网 2019-09-30
  • 【地球的盛会文明的聚会艺术的盛宴四海一家足球为人类和平幸福而荣耀!!!普京是当今人类世界最优秀的一代伟人俄罗斯赢啦!!!】 2019-09-08
  • 中考期间广州部分公交线路有调整 2019-09-08
  • 煤炭保供措施增多 煤价将大概率企稳 2019-08-25
  • 西安外事学院在省茶艺大赛中创多项佳绩西安外事学院-陕西教育新闻 2019-08-25
  • 回复@“老笑头”,共产主义需要分配生产资料应该是你做梦的时候梦到的吧!这除了让网友们笑掉大牙,还能有什么?你确实是让网友们看着就想笑!哈哈哈哈! 2019-08-22
  • 人民网春季糖酒会专访贵州茅台酒厂(集团)习酒有限责任公司总经理钟方达 2019-08-03
  • 海淀区曙光街道举办第五届龙舟赛 2019-08-03
  • 郑永年:争名逐利抢流量,中国的知识分子怎么了? 2019-07-12
  • 范冰冰、范丞丞一家四口聚餐范丞丞范冰冰-大陆 2019-07-10
  • 沈梦辰生日发惊艳大片为自己庆生 杜海涛称其“小乖乖”送生日祝福 2019-06-16
  • 北京赛车精准五码三期免费带 11选5现场直播 秒速时时彩单期双单计划 捕鱼达人千炮版官网 免费足球分析软件 君博国际娱乐开奖网 双色球出球分布图 体彩p3基本走势图彩票大赢家 新疆18选7开奖结果查询 吉林体彩 广东36选7开奖直播 百变王牌5中4 在哪可以买新疆时时彩 内蒙古快三助手49期 新彩吧3d字谜总汇大全