站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress可访问性
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==浏览器的可访问性== 在[[IE]]浏览器中进行网站设计相对顺利,但在[[FireFox]]或者Safari[[浏览器]]中进行设计会有所不同,甚至可以说是混乱。同一个网站在不同浏览器上的显示效果可能有所不同。考虑到可访问性的因素,从不同浏览器上访问就成了关键问题。 #验证:用验证测试 彻底检查网站的[[XHTML]]和[[CSS]]代码,确保没有代码错误。 #浏览器测试:在不同的浏览器上测试网站并根据测试结果做相应调整,使网站能被不同浏览器访问。 #[[操作系统]]测试:不同操作系统上的浏览器也可能对同一个网站产生不同显示效果。如果周围没有那么多装有不同操作系统的电脑,可以借助朋友和家人的电脑,也可以去机房或网吧,在安装了不同操作系统的电脑上测试网站的表现形式。 测试网站的可访问性并不局限于浏览器测试。不同的屏幕分辨率和颜色质量也能影响网站的可访问性。可以通过桌面属性设置或网站开发工具或以下某些工具来改变屏幕分辨率和颜色质量。 ===验证工具=== *[http://www.hisoftware.com/accmonitorsitetest/ HiSoftware's Online Content Accessibility and Quality Tester] *[http://www.w3.org/WAI/ER/existingtools.html Evaluation, Repair, and Transformation Tools for Web Content Accessibility] *[http://www.w3.org/WAI/eval/ W3C Web Accessibility Initiative: Evaluating Websites for Accessibility] *[http://www.wave.webaim.org/index.jsp WAVE Online Accessibility Tool Checker] ===屏幕分辨率测试=== *[http://www.thepcmanwebsite.com/screen_resolution.shtml Pcman's Web Page Screen Resolution Tester] *[http://members.optushome.com.au/sjyounis/window2.html Web Page Monitor (check for different sized monitors)] ===浏览器测试=== *[http://www.anybrowser.com/siteviewer.html AnyBrowser's Web Site Viewer - How does your site look to other browsers] *[http://www.delorie.com/web/wpbcv.html Web Browsers Compatibility from Delorie] *[http://www.cameraontheroad.com/learn/web/pageview.html Viewing A Sample Page Under Various Conditions and Uses] *[http://www.netmechanic.com/cobrands/MarketingTips/compat_check.htm NetMechanic's Browser Compatibility] *[http://www.shire.net/learnwebdesign/browser.htm Learnwebdesign's Browser References] *[http://www.subir.com/lynx/public_lynx.html Public Lynx Access Browsers] *[http://www.thesitewizard.com/webdesign/multiplebrowsers.shtml Checking with Multiple Browsers (the hard core way)] ===手机上网以及掌上电脑上网=== 台式电脑或笔记本电脑不再是唯一的网页浏览模式,目前通过手机和掌上电脑上网的人越来越多。那么网站在小屏幕上是如何显示的呢? 一些为小屏幕设置的浏览器抛弃网站的样式表单直接显示文字内容,就像在WordPress网站中打印页面一样。其它浏览器显示压缩后的整个屏幕内容。在样式列表中添加掌上多媒体样式后,用户可以设置自己的网站在小屏幕上的显示状态。 如果想为Pocket[[IE]], NetFront和[[Opera]]浏览器添加单独的掌上样式表单(见"handheldstyles.css"示例),需要在主题header.php文件的屏幕样式表单后添加以下代码。为了能让PocketIE, NetFront,和Opera这三个浏览器都能正确显示内容,必须确保语句的准确性。 <style type="text/css">@import url(<?php bloginfo('stylesheet_directory'); ?>/handheldstyles.css) handheld;</style> 以下文章包含更多相关信息: *[http://www.codestyle.org/css/media/index.shtml Code Style Media Monitor (projection, print, etc)] *[http://www.macedition.com/cb/resources/handheldbrowsercsssupport.html Guide to CSS2 Support in PDA/Handheld Browsers] *[http://www.w3.org/Mobile/ W3C Mobile Access - Seamless Web Access From Mobile Devices] *[http://www.w3.org/Mobile/Activity W3C Mobile Access Activity Statement] *[http://www.w3.org/Style/CSS/Test/Mobile/1.0/current/ CSS Mobile Profile Test Suite] *[http://www.w3.org/TR/css-mobile W3C CSS Mobile Profile 1.0] *[http://www.w3.org/TR/NOTE-html40-mobile/ W3C HTML 4 Specs on Mobility - Handheld] *[http://www.w3.org/TR/REC-CSS2/aural.html Aural style sheets] *[http://www.w3.org/TR/REC-CSS2/media.html The W3C CSS2 recommendation, Section 7: Media types] *[http://www.websitetips.com/wireless/ Web Design for Mobility - Handheld, PDA, etc.] ===开辟“可访问性规则”版块=== 网站具有自己的“可访问性规则”也已经成为一种趋势,网站专门开辟一个页面向访问者说明本网站的可访问性标准。在英国,根据《残疾歧视法案》,不能访问的政府或企业网站将会被起诉,在美国这种规定也越来越普遍。遵守可访问性标准并不难,只要在网站中设置一些按键组合,让每个访问者都看到网站的大部分内容。 *[http://www.cameraontheroad.com/index.php?page_id=538 Accessibility Policy Page - an example] *[http://diveintoaccessibility.org/day_30_creating_an_accessibility_statement.html Creating an Accessibility Statement] *[http://fawny.org/blog/2003/09/?fawnyblog#IC-Style Review: International Compliant Style (IC-Style) Accessibility] *[http://www.literarymoose.info/help/accessibility.html Accessibility Statement and Resources] *[http://www.oreillynet.com/pub/a/javascript/synd/2001/11/30/accessibility.html A Primer for Accessible Web Pages] *[http://www.section508.gov/ Section 508 US Accessibility Law] *[http://www.w3.org/TR/WAI-WEBCONTENT/full-checklist.html Checkpoints for Web Accessibility Guidelines] ===为网站做可访问性测试=== 有很多网站提供在线帮助测试网站可访问性的服务,下面介绍一些: *[http://www.cameraontheroad.com/learn/web/validate.html#accesstests Testing your site for accessibility] *[http://leb.net/blinux/blynx/sarsi.html An Introduction to Speech-Access Realities for Interested Sighted Internauts] *[http://www.cs.cornell.edu/Info/People/raman/emacspeak/emacspeak.html EmacSpeak] *[http://www.it-enquirer.com/publishing/web-development/aural-css.html Introduction to the Voice, Your Aural Font - CSS Tutorial] *[http://www.digital-web.com/features/feature_2002-04.shtml Accessible by Design] *[http://www.anybrowser.org/campaign/ Viewable with Any Browser Campaign] *[http://www.diveintoaccessibility.org/ Dive Into Accessibility]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)