行业新闻

运用者能够弄懂页面形式和用户界面

作者:admin    来源:tfxk    发布时间:2011-12-02    阅读:1416次

使用“渐进加强”和“颠簸退步”准则开拓网站。假如你没有运用列表标志,银幕浏览器就没方法晓得这是列表,因而也就没有能通知运用者了。相似,图像该当有文本对于应体。可拜访性是网站开拓品质的一度权衡规范。那样就能够防止众人需要一些没有太完美的效劳,该署效劳会由于软件/硬件的制约而招致大少数人都无奈运用。主页次要由三全体组成:构造(Structure)、体现(Presentation)和行止(Behavior)。(义务编者:帝位库)
小结:
注明:网站并没有是必需满意全副该署请求,要视网站用户类型而定,但为了完成可拜访性,网站该当确保其页面能够用正常的银幕浏览技能读取。以语义化的HTML(构造和体现相结合的HTML)编写的主页资料,就能够让该类用户更简单领航,且主页资料中的主要消息也更有能够被该署用户找出。
    患有活动性残疾,因而无奈用手操作鼠标,而用点击棒来操作键盘,或者经过视野点击器来操作网站的用户;
    远视者,需求将书体大小缩小到200%;
    瞎子或者重大听觉阻碍者,他们运用银幕浏览器来听取网站,或者许经过点字显现器来感知主页;
    身材衰弱的用户;

网站的用户类型:

可拜访性就是对于一切人因人而异,没有管他们能否有残障。相似,没有同设施上的阅读器可以一同运用网站,且领航该当是分歧的。

    茁壮性:所需要的所有效劳都该当没有受阳台或者操作零碎的制约。

</a>
 <img alt="淘宝结盟大促销" src="images/app/sale.jpg"/>
<a href="http://www.alimama.com" title="淘宝结盟大促销">
   
    代替形式:文天性够作为页面形式的通用代替形式,如img标签的alt属性值、a标签的title属性值。WEB规范没有是某一度规范,而是一系列规范的解散。
    可操作:众人能够与 web 使用顺序或者形式停止交互。语义化的HTML能更精确更快捷的被解析,从而晓得哪些才是主要的形式,那样你的主页正在搜寻后果中的排名就会大受反应。

完成可用性、可拜访性的办法

    运用挪动设施如罕用的部手机,或者运用追踪球等没有罕见的电脑掌握设施的用户。

</ul>
 <li>Menu Item 3</li>
 <li>Menu Item 2</li>
 <li>Menu Item 1</li>
<ul>
   
    HTML语义化、构造化:HTML语义构造需要了主页的全体框架,提醒他们正在资料层级中所处的地位,再有他们能够如何与各族页面元素停止交互,以及正在恰当的中央对于文本形式停止强调,协助用户失掉少量主要消息。现正在咱们能够只用一度表单来停止一切的搜寻,而同声依然能完成tab选项卡成效(固然这需求小半款式和剧本)。
    可拜访性:上网用户中那些目力受损的人,经过银幕浏览器运用键盘通知将主页的形式读给他们听。相似,注释没有该当比它需求的愈加简单,且网站应以可展望的形式来运转。
    可了解:运用者能够弄懂页面形式和用户界面。
    逐渐强化你的网站性能,同声对于支撑性停止测试。经过 AJAX 来拔出页面形式,那禁用javascript的用户将无奈运用。
    设施兼容性:纯HTML,无外加款式消息,能够对准于存正在没有同特性(如银幕分寸等)的设施而被从新体例化,只要要援用一套此外的款式表即可。那样究竟什么是web规范、可用性、可拜访性呢?

。由于他们的银幕浏览器会通知他们这是一张列表。

web规范的长处:
容易的说,就是HTML、CSS、JavaScript这三者结合。
   
    注明:经过将领航菜单结构为列表,就能很简单地让那些运用银幕浏览器、同声无奈看到列表的人晓得这是个列表。
    可感知:众人能够经过适宜本人的传媒来探悉主页形式。相似,用户该当能够没有必鼠标也能与这个网站停止交互,况且能够经过银幕浏览器来停止领航。
    易于保护:页面的款式和格局消息保具有共同的CSS资料中,假如你想改观站点的外观时,仅需求正在共同的CSS资料中做成更改即可。如领航菜单事例:

可拜访性优良主页的特色

    就存户端需求支撑的技能向你的存户提出提议,并举例注明哪些公司的货物支撑该署技能。则放正在效劳器上的资料越小,键入资料需求的工夫就越短。

</form>
 <input type="submit" value="Search"/>
 <input type="text" id="searchfield" name="search"/>
 </fieldset>
  </ul>
   <li><label for="fish">Fish</label><input id="fish" type="radio" name="animal" value="fish"></li>
   <li><label for="cats">Cats</label><input id="cats" type="radio" name="animal" value="cat"></li>
   <li><label for="dogs">Dogs</label><input id="dogs" type="radio" name="animal" value="dog" checked></li>
   <ul>
  <legend>Search within:</legend>
 <fieldset>
<form action="search.html" method="GET">
   
    HTML界说根本交互:完成tab选项卡搜寻性能
   
    注明:文本形式能够很便当地由银幕浏览器诵读进去,也能够缩小或者减少,还能够便当地改观其比照度,或者许停止其余许反复无常形操作。
    需要相反形式或者性能的代替读物。同声,CSS自身也能够让你为没有同的出现形式和传媒类型(如正在银幕上浏览主页,打印主页,正在挪动设施上浏览主页等)规则没有同的款式表。

二、可用性、可拜访性


    网络爬虫/搜寻引擎:搜寻引擎运用“爬虫”,解析你的主页。
一、web规范
    序言:自己没有难发觉,只需是聘请UED有关的炮位,如前者开拓工事师、交互设想师、用户钻研员以至听觉设想师,正常都对于web规范、可用性和可拜访性的了解有请求。
    代码的频率:正在HTML资料中运用最精简的代码,而把款式和页面格局消息蕴含进CSS资料中。
    答应用户开放有成绩的加强性能。对于应的规范也分三范围:构造化规范言语次要囊括XHTML和XML,体现规范言语次要囊括CSS,行止规范次要囊括对于象模子(如 W3C DOM)、ECMAScript等。

四个可拜访性规范(WCAG 2.0):

   
    注明:先思忖根本交互(而没有是仅仅只加载听觉成效的全体)的话,你就能够简化完成tab搜寻成效。比方该当让瞎子得以收听页面形式。假如你正在开拓网站的时分(以及开端开拓前)理睬你的运用用户的话,你就能创立可用性、可拜访性更好、更相符web规范的主页,况且享用它所带来的所有益处。alt 属性蕴含了对于该图片的冗长形容,再不无奈精确看到该图片的用户(或者搜寻引擎)运用,title属性担任对于链接地点的细致文本形容。整站一致css则可带来硕大的便捷。

回到顶部