• 创意论道
  • 最新加盟
  • 行业动态
  • 视频制作
  • 网站建设
  • 品牌设计
  • 简单有用!10步大幅提升网站可访问性

    发布时间:2015.02.13 浏览:2943

    注:网站越来越注重用户体会,关于做网站建设的人员来说是不是了解过一些能够增加网站可读性的Tips?

    第一步,检查,不答应空,不答应过长,简洁明晰。

    是第一个能够拜访到内容的元素,所以必定要十分注重。当用户切换阅读器Tab标签的时分,必定最早听到符号的内容。Title必定要能代表当时页面的主题。这儿的要求和SEO最好实践简直共同。

    第二步,供给文字代替计划。

    走查页面上一切的图像、iframeobject,检查这些元素是不是填写了恰当的alt特点或许title特点的值,看看这些值是不是能够描绘这些元素的内容或许目的;heading元素是不是符号了内容,而不仅仅是图像或许背景图像。

    第三步,检查表单。

    是不是有label标签,这些labelfor特点是不是经过填写相应表单元素的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个:bannerbanner)、complementary(辅佐内容区)、contentinfo(网站信息和版权)、form(表单)、main(主内容区)、navigation(导航区)、search(搜索区)。假如一个表单,他仅仅是供给搜索功用,那么就将role设置为search,而不是form

    第八步,设置快捷键。

    1是指向主页的那个连接。Esc是中止播映音视频,是中止,不是暂停。这两个按键是迄今为止最能达到一致的快捷键了。别的,挖掘当时页面的最重要的一个功用,是最重要的。然后在这个功用开始的元素或许包装元素上设置一个快捷键,依照顺序的话,即是2吧。accesskey=2。不要将同一个值设置给多个元素,也不要运用字母作为快捷键。别的聚集的事情不要单单依靠阅读器自身,请运用js或许相应的键盘事情,然后聚集给相应的元素。

    第九步,触发界面变换需设置焦点。

    比方,点击一个按钮,弹出了一个模态或许非模态的弹窗(不是阅读器弹窗),使用js把焦点移动到这个窗口的第一个有内容的DOM上;再比方,点击“回来主页”按钮,假如仅仅是连接的是#或许改变相似scrollTop的值,那么也必定使用js将焦点移动到这个页面的第一个有内容的DOM上。假如你经过一个按钮触发了一个组件窗口,在关闭这个组件窗口的时分,请把焦点从头移动回到触发这个窗口的按钮上。

    第十步,填写一个简略的连接到以后,作为第一个内容元素。

    符号的内容是简要的阐明,阐明你在这个页面上供给的快捷键。然后这个连接能够指向一个愈加丰富的无妨碍协助页面,而且给这个连接设置accesskey=0


    TAG:企业官网制作
    本文由专注于 品牌设计 20年的东八区编写,原创不易,转载请注明出处:http://www.dongbaqu.com

    品牌策略

    品牌设计

    视频制作

    活动策划

    PARTNER

    合作伙伴
  • Copyright © 2023 东八区品牌创意 All Rights Reserved     鲁ICP备13031932号-1     鲁公网安备 37020302370328号
    电话咨询 网络咨询
    立即与东八区项目顾问通话
    4000-117-087
    • 提供您的电话号码,东八区项目顾问将致电联系您。
    • 等待时间:5分钟以内

    信息保护中请放心填写