当前位置:首页 > 日记 > 正文

站长应注意提高网站可用性的9种代码优化技术

站长应注意提高网站可用性的9种代码优化技术
本文主要介绍了网站管理员应该注意的9种网页可用性技巧。每个网站都可以使用。它属于代码级优化技术,需要的朋友可以参考一下。
1。添加替代文本到LO

这有两个优点:屏幕阅读器可以识别LO图片的含义。当图片没有加载时,它也可以告诉非视觉受损的用户它是你的。
的几种方法:

复制代码代码如下所示:
或者,如果使用后台映射来实现LO,还可以将title属性添加到实现中:

复制代码代码如下所示:

当然,链接+背景图是最好的方式,但最好还是添加title属性。

复制代码如下:前端

2。添加基本地标

咏叹调的地标是一套网站可用性规则由W3C定义的。它描述landmarkmdash添加到网站的不同的模块,也或直接作用,这有助于屏幕阅读器更好地了解您的网页,让视障用户可以更好的使用你的网站。

复制代码代码如下所示:
等等,具体的规则请检查W3C的建议。

三.聚焦清晰度的增强

事实上,很多网站都会尽一切可能摆脱浏览器:聚焦风格,尤其是IE浏览器,实际上浏览器默认:焦点样式是合理的,它可以指示用户当前鼠标焦点在哪里。这对于键盘流尤为重要。
所以请不要删除:焦点的风格,甚至你认为默认样式不好或不均匀(即是虚线框,WebKit是突出实线,和Safari是蓝色的,铬是橙色的),或者可以自己定义一个高亮度彩色。

复制代码代码如下:a:焦点{
概述:1px solid红;
背景:黄色;
}
如果你的产品经理或视觉设计师坚持摆脱焦点状态,你可以把TA鼠标离开一天,告诉他,你只能开关与Tab,&hellip。

4。填写单个项目的定义

用咏叹调所需的属性可以在需要在形式定义;mdash;嗯,主要是屏幕阅读软件:

复制代码代码如下所示:
5。向页面添加H1
原因很简单,不仅有利于SEO,而且有助于网站的整体可用性和可读性。此外,你没有代码的清洁度吗

6。定义表的头部

大多数人通常使用TD标记来获得所有表单。事实上,有更多的高清标签,以及TH,山口,范围等。
简单地说,把头换到TH标签上。
复制代码代码如下所示:
日期
7。定义表的描述
不要简单地在表格的前面/后面加上一个p,加上一个特殊的标题标签,比如图片。

复制代码代码如下所示:
课程表

hellip;hellip;
8。避免点击这里;

虽然这样的链接描述对普通人来说并不重要,但对于屏幕阅读器软件来说却是相当糟糕的。它实际上是对视力受损的用户的干扰。
因此,直接使用链接到正确的位置。

9。去除作用

很多人使用TabIndex来提高,和用户体验,但是这个属性会影响页面的正常阅读顺序,这是灾难性的视障用户和普通用户不友好。
所以不要滥用tabindex属性。

相关文章

利用中断内层的外环分析用javacrip

利用中断内层的外环分析用javacrip

外环,中断,电脑软件,javacript,本文分析了使用用javacript采用打破内层跳出外层循环。分享给你供你参考。具体分析如下: 与PHP不同,Javascript循环中断,需要添加额外的标签。例如购买100只鸡(搜索张秋构建,100只鸡和100只鸡): 复制代码代码如下所示: …

CSS3变换的偏移属性值图详细的说明

CSS3变换的偏移属性值图详细的说明

变换,属性值,详细,电脑软件,斜(…)的括号放在坐标轴的旋转角上。然后我们知道y轴顺时针方向旋转,x轴顺时针方向旋转。 我只是接触转换歪斜属性值迷茫,不知道什么样的变化是怎样的。访问互联网,每个网站只说使用这个做扭曲,什么是变化是不说。但…

PS图象处理软件打造美丽凉爽黑暗的

PS图象处理软件打造美丽凉爽黑暗的

位置,凉爽,图象,处理软件,黑暗,画面以深色为主,颜色只有背景部分的绿黄色到红棕色;给深蓝色多一点紫色,可以得到初步的主色;后期增加一些高光,整个过程可以是温和的。 画面以深色为主,颜色只有背景部分的绿黄色到红棕色;给深蓝色多一点紫色,可以得…

css后台控件部分显示

css后台控件部分显示

后台,显示,控件,电脑软件,css,当您使用图片显示各种效果或内容时,您可以使用背景来定位和控制图片的一部分。代码如下。一个从事网络前端的朋友可以看到它。 用法:为了防止对图片资源的重复请求,我们经常使用各种效果或内容的图片。 假设我在…

共享8个CSS工具来改进网页设计

共享8个CSS工具来改进网页设计

网页设计,工具,电脑软件,CSS,当一个人想要编辑或修改网站设计时,CSS扮演着重要的角色。今天,我将与大家分享8个非常优秀的CSS工具。这些工具非常有名,可以解决开发中常见的棘手问题,希望能帮助您开发。 当一个人需要编辑或修改网站设计,CSS起着…

PHP实现mysql事务处理的方法

PHP实现mysql事务处理的方法

方法,事务处理,电脑软件,PHP,mysql,本文介绍了用php实现mysql事务处理的方法,供大家参考,具体分析如下: 为了实现对环境条件的功能是MySQL 5.2 / PHP 5表支持的交易类型,InnoDB需要具备这些条件,你能做到以上的实现,这件事是经常使用回滚的大项…

JS正则表达式匹配函数的解释

JS正则表达式匹配函数的解释

正则表达式,解释,函数,电脑软件,JS,函数:正则表达式模式用于执行字符串的查找,包含查找的结果作为数组返回。 函数格式:strinbj.match(rgexp)strinbj rgexp是一个字符串作为一个正则表达式选项必须要求 返回值:如果匹配,如果没有匹配返回null,返…

ps低饱和音调示例教程

ps低饱和音调示例教程

教程,饱和,音调,示例,电脑软件,这里我们带一个ps低饱和度色彩教程的例子,相信我的朋友对饱和度低的颜色不是很清楚,所以今天就来分享这个教程,主要是希望大家通过本教程可以熟悉和掌握低饱和度的色彩,一起学习。 饱和度低的色调的特点是,它是什…

HTML中Div和表的区别(所有方面的细

HTML中Div和表的区别(所有方面的细

细节,区别,电脑软件,HTML,Div,在Div和表的差异方面表现出很多的差异,比如网页上的速度和加载模式、div和表格在大网站可用性上的不同布局等,感兴趣的朋友可以参考哈萨克斯坦,希望能有所帮助。 1:速度和加载方式的区别 div和表之间的区别不是…

PS合成创意环保海报

PS合成创意环保海报

创意,海报,电脑软件,PS,效果图的构图非常好,作者采用虚实结合的方法来展示主题。创作首先构思成图片,然后搜集相关材料(没有素材可以想到一种方法来拍摄自己),然后根据自己的想法,可以进行润色。 效果图的构图非常好,作者采用虚实结合的方法来展…

FCKeditor+jQuery+PHP实现分页代码

FCKeditor+jQuery+PHP实现分页代码

分页,代码,电脑软件,FCKeditor,jQuery,首先,插入新闻 FCKeditor是一种流行的即插即用的网页编辑器,支持如ASP,PHP,java语言,等等。这里是介绍编辑器的使用插入分页符,页面无刷新页面。 编辑新闻,在一个段落中插入一个需要分页的页面,你可以保存。…