整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

网站优化,如何让你的网站更好为残障人士服务的9个方法

网站优化,如何让你的网站更好为残障人士服务的9个方法


您的网站适合残疾人士使用对任何企业都是有意义的。这些提示可为视障用户优化您的网站。

虽然我不知道我国或者全世界有多少残障人士使用网络。在这个基数来看千万级别是绝对有的,如果你能抓住这部分用户群体,那么足够你的网站活下来。因为目前来看,没有那个网站有更好的为残障人士服务。


什么是Web可访问性?

根据万维网联盟(W3C)的说法,网络可访问性是指设计和开发残疾人可以使用的网站,工具和技术。

残疾人应该能够感知,理解,导航并与之互动并为之做出贡献。

网络可访问性适用于所有影响网络访问的障碍,包括:

  • 听觉。
  • 认知的。
  • 神经系统的。
  • 物理。
  • 言语。
  • 视觉的。

如何为残疾用户优化您的网站

为残障用户优化网站具有完美的商业意义。

您可以在建立正面品牌形象的同时满足更广泛的细分市场。

在测试了网站的Web可访问性之后,您可以执行以下步骤:

1.添加带有替代文字的图像

一幅图片可能价值一千个单词,但是诸如图像之类的视觉元素却是盲人和视力低下者的无障碍获取障碍。

他们通常不得不依靠辅助技术,例如屏幕阅读器和 可刷新的盲文阅读器。

屏幕阅读器是使用合成器或盲文显示器在屏幕上读取文本的软件程序。

但是,这些技术都不能读取图像或图像中的文本。

因此,您需要添加替代文字以向残障用户描述您的图像。

确保尽可能清晰地描述图像。

您可以使用alt属性进行简短描述,并使用“ Longdesc标签”进行冗长的描述。

2.允许用户放大字体大小

视力低下的人通常看不到小的文字。

因此,他们在浏览您的网站时必须使用特定的字体设置。

提供一个备用样式表,该样式表可以放大字体大小而不破坏页面布局,这将使他们更容易阅读内容。

另外,请确保您的CTA按钮具有更大的字体。

另外,使这些按钮对视力障碍的人可见。

3.保持对比敏感度

连同文字大小一起,考虑颜色和对比度。

有视力障碍的人,例如色素性视网膜炎,青光眼,糖尿病性视网膜病和白内障,其颜色对比敏感度较低。

设计网页时,请确保前景和背景之间的对比度很高,例如黑色背景上的黄色字母。

避免使用细字体。

另外,请尽量避免使用任何JavaScript或CSS功能,以防止视力障碍的用户增加对比度。

就像文本大小一样,颜色对比度对于CTA也是至关重要的。

虽然白色背景上的黑色文本具有最高的可读性,但您也可以组合使用黄色背景上的黑色文本和蓝色背景上的黄色文本。

避免使用诸如红色背景上的绿色文本之类的组合,反之亦然,因为它们难以阅读。

4.添加键盘导航

对于盲人和视障用户,导航是一个挑战。

由于他们无法使用鼠标来浏览网站,因此您必须将键盘导航合并到您的网站中。

盲人用户将使用盲文键盘来访问您的网站。

确保禁用的用户可以访问您网站的所有交互式元素,包括:

  • 网址。
  • 定位文字。
  • 下拉菜单。
  • 小部件。
  • 形式。
  • CTAs。
  • 对话框。

另外,使用键盘可以访问 JavaScript小部件。

另外,您可以单独使用HTML链接,按钮和表单字段来确保您网站的所有元素都可以通过键盘访问。

5.使视频和多媒体可访问

网站上的视频和其他多媒体元素在提高网站上的用户参与度方面起着至关重要的作用。

盲人和视障用户看不到视觉效果,而聋人和听障用户则听不到声音。

您可以使用音频描述来描述仅视觉效果的部分,例如图像,手势和设置更改等。它将帮助盲人用户欣赏视频。

但是,在添加音频说明时要做出更好的判断。

确保您不会花费数小时来描述音频,这对用户来说是毫无意义的体验。

您可以为聋哑或听力障碍的用户提供与视频和音频轨道同步的文本标题。

确保使用正确的颜色对比度正确突出显示字幕。

最后,您将必须使用可访问的多媒体播放器。

幸运的是,HTML5播放器为合并辅助功能提供了更好的机会。

6.使用描述性URL

屏幕阅读器可以快速而准确地阅读描述性URL,从而为盲人和视障用户提供了一些上下文。

有意义的描述还使您更容易跳到正确的内容。

例如,在描述“关于”页面的链接时,请谨记以下几点。

  • 可读性低: www.xxx.com/about
  • 高可读性: www.xxx.com/about-our-company

避免在页面上的任何地方使用诸如“阅读更多”或“单击此处”之类的锚文本。

另外,请勿添加指向不支持替代文字的图像的链接。

7.使用ARIA角色

ARIA代表可访问的富Internet应用程序。

它可以帮助您使动态内容更易于访问。

ARIA角色和属性向屏幕阅读器和其他辅助工具提供有关网站元素的更多信息或上下文。

您可以使用role=” <ROLE TYPE>”属性添加ARIA角色。

ARIA角色的六个最常见类别包括:

  • 里程碑:屏幕阅读器使用此角色进行导航。
  • 文档结构:它提供了部分的结构描述。
  • 窗口小部件:它描述了HTML中缺少语义等效项的交互元素。
  • 摘要:它有助于组织和简化文档。
  • 窗口:它将创建主文档的子类别或子部分。
  • 实时区域:它可帮助辅助工具检测网页上的动态内容更改并警告残疾用户。

但是,只有有权访问源代码并具有ARIA和HTML5知识的人员才能并且应该进行这些更改。

您应该与您的网站开发人员联系以获取更多详细信息。

8.避免在表单中使用占位符文本

在线表单通常使用占位符文本来描述各种元素以节省空间。

但是,占位符文本通常为灰色。

视力障碍的用户由于对比度低而无法阅读。

它也是非标签文本,这意味着屏幕阅读器通常会跳过占位符文本。结果,盲人用户也将无法阅读此文本。

因此,请使用<label>标记或不会消失的ARIA属性来代替占位符文本。另外,请使用最高的文字和背景对比度。

这些步骤将提高盲人和视障用户的可用性。但是,执行这些步骤时,请确保避免创建混乱的Web表单。尝试使其尽可能简单。

9.最小化表的使用

通常,屏幕阅读器会通知盲人用户一张表有多少行和多少列。

然而,对于屏幕阅读器而言,以与视觉顺序相匹配的相同流程来读取表格数据通常具有挑战性。

因此,尽可能使用CSS进行数据表示。

如果必须创建表,请为每行和每列使用正确的标题。

您还可以使用HTML5表标题为残障用户提供其他上下文。

结论

创建一个可访问的网站不仅具有良好的商业意义,而且在道德上也应做的事情。

因此,请始终牢记可访问性。

希望这些技巧对您为残疾用户优化网站有帮助。

叫赵倩楠,1990年初夏的一天,出生在东北一个普通的职工家庭。2009年,我高分考入了位于东北的一所知名医科大学临床医学本硕连读七年制专业,圆了藏在心中的医学梦。

当时的我还不知道,自己和华西的缘分,将在2018年开始。

与其他医学生一样,我也曾过着教室、宿舍、医院三点一线忙碌又规律的生活。然而,一次突发背痛,使我与“椎管血管瘤”这个课堂上仅一笔带过的专业术语意想不到地捆绑在一起,成为只能靠轮椅行走的众多残障人士中的一员。

6月17日,四川大学校长、中国工程院院士李言荣,赵倩楠的父亲跟赵倩楠合影。四川大学华西医院供图

2012年2月12日深夜,正值大三寒假。正在家中休息的我突然被背部剧痛惊醒,这种从未有过的揪心疼痛,让我无法继续入睡。情急之下,妈妈紧急拨打了120救护车,在医院会诊过程中,还未完成CT检查的我忽然发现自己的双腿都不能动了,医生建议尽快到沈阳就诊。一家人当晚赶赴沈阳,术后诊断为胸椎硬膜外血管瘤破裂压迫脊髓导致截瘫。

手术虽然很顺利,但双腿却没有恢复,依旧不能动没有知觉。我不得不办理休学手续,全家辗转沈阳、北京各大医院进行康复治疗。

2013年,身体略有好转时,我坐着轮椅回校复学。积压的十多门主干课程考试接踵而至,主要教学楼尚无电梯难以进入教室,还要兼顾康复治疗……前所未有的压力将我包围。是继续医学梦的坚定信念支撑我走下去,让我绝不轻言放弃;是友爱的同学们伸出援手,帮我打破高楼难登的阻碍。最终,我顺利完成全部课程,并以高分通过考试。

2015年进入研究生阶段后,考虑到身体条件,我选择了影像医学与核医学专业,每天紧张而忙碌,连年获得奖学金。有一次还成功挽救了一位乳腺癌患者的生命,看到患者重获新生的喜悦和家属感激的目光,我更加清晰地坚定了成为一名优秀医生的奋斗目标。2017年毕业后加入了找工作的大军,然而,社会不似象牙塔那般包容,我由于身体原因屡屡“碰壁”。

面对求职道路上的碰壁、面对能否继续身着白袍的不确定性,我深感惶恐。仔细思索后,决定继续深造,在父母的支持下报考了四川大学华西临床医学院博士研究生。

纵然距离成都2000多公里远,纵然行动不便,但为了抵达理想中的医学殿堂,我克服一切困难,每天都学习到深夜,将一本本厚厚的医学书籍背得滚瓜烂熟。功夫不负有心人,终于,在2018年春季,我以优异的初试成绩获得了复试资格。复试时,华西医院放射科博士生导师吕粟教授态度温和、很是担心地问:“如若录取,能否应对日后繁杂的临床与科研工作?”我信心满满地答道:“我已做好了一切准备,再难再累我都能坚持,我一定做一名优秀的医生。”

开榜之日,赵倩楠三个字赫然在列,我如愿成为了四川大学华西临床医学院影像医学与核医学专业的博士研究生,成为了华西医院放射科吕粟教授的学生。

百年华西,敞开双臂拥抱了我。

川大为方便赵倩楠而进行的设施改造。四川大学华西临床医学院供图

为了方便我的生活和学习,学院特意去四川大学后勤协调,把宿舍安排在了一楼,也审议通过了我父亲在校陪读的申请。为了方便我的起居,学校把上下铺改装成两铺小床,粉刷了墙面,装饰了屋子,还在宿舍楼前加装了轮椅坡道……每一个小小的举动都想在前面,让我能够心无旁骛地学习。

我博士阶段所在的研究机构是华西磁共振研究中心(HuaxiMRResearchCenter,HMRRC)。作为中国医学科学院院外研发机构的精神放射影像创新单元、国家双创项目“多模态影像技术双创中心”的“神经功能高级培训区”、“功能与分子影像四川省重点实验室”的重要组成部分,经过10余年的发展建设,已建设成为一个集磁共振技术创新与开发、磁共振应用基础与临床研究以及科研人才培养和国际合作与交流为一体的重要研究基地。

进入博士研究生阶段,横亘在我面前的第一个问题就是临床与科研的选择。虽然对科学研究饱含兴趣,但是从未深入过神经精神影像研究领域,想要在攻读博士期间从一个门外汉成长为具有独立科研能力的科研工作者,需要时间与精力上的大量投入。如何选择与侧重令我苦恼不已。

吕粟教授指导学生。四川大学华西临床医学院供图

导师吕粟教授的一席话使我茅塞顿开,他说既然我的科研基础薄弱,那么就应该着重培养科研能力,从而在将来更好地为临床工作服务。这番话坚定了我在博士阶段专心科研的信念,甚至还影响了我后来的职业选择。

虽然迅速完成了从临床到科研的角色转换,但是我的科研之路并非一片坦途。在完成第一项研究任务时,可谓波折无数。

我的研究方向是神经精神影像研究,通过多模态神经影像学研究手段,挖掘与精神障碍的诊断、治疗、预后等密切相关的客观标志物,从而辅助罹患精神障碍个体的诊疗。

精神分裂症是一种严重的精神障碍,诊断为该综合征的个体可能在精神病性症状、认知功能、治疗反应、预后甚至神经生物学改变等方面存在明显的个体差异,制约了对个体化诊疗方案的制订。其中,认知功能障碍是伴有精神分裂症个体的突出表现,严重影响了他们的日常生活和工作能力,个体间的认知功能差异阻碍了研究者进一步发现靶向认知的治疗手段。

我的研究任务就是找到与精神分裂症个体认知功能密切相关的神经影像学标志物,从而有利于靶向认知功能治疗手段的开发。

可是,经过大半年的时间,不管我用尽多少筛选和分析手段,不论我怎样查阅文献,始终无法通过神经影像学标志物区分认知功能不同的患者。

我常常自诩抗压达人,哪能因为研究工作的不顺利就打退堂鼓。在复盘整个项目时,我发现这项研究使我成长了:学会了神经影像学分析软件的使用、能够熟练地利用R和Python进行编程、啃下了近两千页的英文统计专业书、还第一次参加了国际会议并将自己的研究成果展示给国内外的专家学者。

华西磁共振研究中心师生合影(第一排左三为赵倩楠)。四川大学华西临床医学院供图

虽然与他人相比,我需要将部分精力花费在康复锻炼上,每天久坐在电脑前更加考验我的身体。但是,我对科学研究的沉迷与专注可以弥补些许时间上的不足,种类繁多的移动办公方式也为我随时随地开展工作带来了便利。有一颗执着的心,办法就永远会比问题多。

在与吕粟教授的讨论中,他总是鼓励我、支持我。他说如果这个项目的意义是教会我学会科学研究的基本方法,那么这个项目已经完成了它的使命,我应该向着下一个项目前进,在前行中不断学习,方能提高。

历经波折发表第一篇论文后,第一个项目已经成为过去式,但是这项研究的部分结果还为我指向了一个既往相关研究中很少深入挖掘的内容——皮层下结构。

认知功能领域的研究者常常将大脑皮层作为研究重点,很少孤立地去考虑皮层下结构对认知功能的潜在影响。因此,在第二个项目中,当我深入完成文献调研后,重新以皮层下结构为切入点再次进行分析,发现,住院治疗精神分裂症患者可以被分为两个亚型,除了伴有不同程度的皮层下结构异常外,还存在显著的认知功能差异,甚至还存在着遗传学上的差异。

也就是说,在精神分裂症中,皮层下结构可能作为区分不同认知功能个体的客观标志物,这可能为将来发现减轻认知功能障碍的治疗手段提供帮助。这项工作首次投出即引起了美国神经精神药理学学院的官方杂志《Neuropsychopharmacology》(影响因子为7.855)编辑和审稿人的格外关注,从而顺利发表。

课题组师生合影(第一排右一为赵倩楠)。四川大学华西临床医学院供图

历经这两项科研项目后,我更加体会到科研之美在于过程,对于医疗领域而言,更在于解决与临床密切相关的问题。

在华西医院建院130周年这一值得纪念的年份里,我身披红袍,获得梦寐以求的影像医学与核医学博士学位。人生中最后的学生时代已在向我挥手作别,但是从事科研工作的路才刚刚开始。

四川大学华西临床医学院院长李为民为赵倩楠拨穗。四川大学华西临床医学院供图

攻读博士的这段经历使我重新审视了自己的内心,回到最初的那个问题,科研与临床,究竟哪一个才是我的终生职业之选。这一次我毫不犹豫地选择了科学研究。理由不胜枚举:当我投入到一项科研任务中,我仿佛沉浸在一场美梦之中,沿着科学问题,投入自己的好奇心、专注力,每当发现一个结果或是解决了一项棘手的问题,总能收获满满的成就感,这种体验是很多工作所不具备的;我的导师是我从事科研工作的引路人更是灯塔,他从繁忙的临床工作中汲取并教育我最新的科学研究动态,前辈和榜样的作用给予我无穷的力量;身处科研氛围浓厚、学术人才辈出的华西坝上,从事科学研究,就像鱼儿入水,舒心畅游。

作为华西医院即将入站的一名专职科研博士后,我对未来的学术之路,充满了期待。

责任编辑:梁国胜

来源:中国青年报客户端

是一封感谢信

这两天看到了跳票的老罗居然可以把道歉信写出感谢信的风韵,因此在写这封感谢信的时候,我不断提醒自己:千万不要把感谢信写成道歉信的样子。好了,轻黑怡情,重黑小心被喷,言归正传。

事情是这样的

在12年的时候,我入手第一台智能手机HTC G11,那时候的火腿肠相当的火,各方面性能在当时也算是很不错的。欢乐的时光过得特别快,随着安卓系统的不断升级,App占用的内存越来越大(没,我真的没有特指BAT系的App),搭载原生安卓2.3系统、内置RAM只有700M的HTC G11,两年下来在遍地2G 甚至3G RAM的环境里,已经面临要被淘汰的局面了,事实上这个机型在13年8月已经停产。


作为一名节(qióng)俭(diǎo)的学生,不舍得换机那是当然的,同时又嫌弃2.3系统的界面没4.0的优雅,早早刷了4.0系统之后就不断地感受着一部快被淘汰的机器对人类精神、耐心的摧残:4.0的安卓系统对硬件要求固然要比2.3的高,因此系统本身就用得不顺畅;各种国产App先别提安装包的大小,单是各种没完没了的权限、杀不尽的常驻后台就使得这机子更是卡上加顿。

在这样忍受了一段长时间的折磨后,我的HTC G11终于迎来新生。自13年9月谷歌发布安卓4.4 KitKat系统之后,开始有人为部分机型开发适配的4.4系统升级包,HTC G11有幸成为其中之一。除了系统界面的变化以及一些功能细节的改善之外,安卓4.4系统最让人感动的是其对于一些内存较小的老式机器的优化支持,使得一些仅有512M RAM的手机也可以稳定流畅地运行安卓4.4系统。

此前我一直宣传「HTC G11已死」,试图博取长辈怜悯获得资金支持来换手机,未果。如今在刷上4.4系统之后,我终于在手中「垂死」的老机器里感受到了什么叫如丝般顺滑,除了大大提升了我在手机上的工作、娱乐效率之外,还让我收获不少虚荣感:身边那些要新潮得多的手机还没福分去享受最新的安卓4.4系统,以及其特有的ART运行模式带来的快感,我的「已死机器」就这样复活过来享受了~

这一切必须感谢国外XDA大神、CM等提供的适配HTC G11的开源ROM包,以及国内一些辛勤的搬运汉化者,当然最感谢的还是谷歌在安卓4.4系统中特意对老机器作出的优化,某程度上,我认为这是一种援助。

一些令人印象深刻的新闻

今年六月份苹果WWDC大会上发布的最新iOS 8操作系统已经明确表示不支持iPhone 4。尽管iPhone 4在一些新兴市场仍在发售,但早在iPhone 5S推出之际就已在美国停售,近期也停售了包括巴西、印度在内的几个市场,如今还被iOS 8抛弃,一代神机iPhone 4就此退出历史舞台。


今年4月8日,微软宣布停止对Windows XP系统的支持服务,Windows XP正式退休。截止13年11月,全球仍有18.8%的电脑运行Windows XP,在中国这个数字将更大,国内庞大的Windows XP用户群也使得中国本地的IT巨头们都宣布将延长对Windows XP的支持。

今年五月份,中国移动透露将停止对2G投资。随着2G网络的老化,中国移动迫切希望现有的大量2G用户尽快升级到3G或4G,中国移动董事长甚至表示「不增加4G投资则必死」。目前中国移动旗下7.8亿用户中,大部分仍在使用2G手机。

列举这些并不是为了批判苹果多狠心、微软多绝情或者中国移动多有良心,再也没有比淘汰老的事物更合理的事情了,只是在这淘汰的过程中,怎么处理,或者说怎么对待与这些老事物为伍的人(往往是少数的弱势群体),细微之处见大节。这在我看来体现着一个企业的人文关怀,这是企业之「节」。

善恶不在小

写到这里估计很多人会认为:「又是一个脑残谷歌粉」。所以我先摆出些许事实:

谷歌公司的品牌印象排名,已经从五年前的第1降至最新的第19。具体原因可牵涉至斯诺登棱镜门,引发隐私争议的谷歌眼镜,甚至最近对军用机器人公司的收购也让不少人感到震惊,甚至不安。而事实上我使用安卓4.4系统的过程中也发现不少BUG,虽然不影响总体运行,但也是优化不彻底的表现。谷歌并不完美。


还有一些细节:当我想下载某个软件时,用谷歌搜索我会很快找到官方主页(第一页的第一条),而用百度可能要翻到后面几页去才能找得到,第一页第一条的百度软件下载甚至会「捆绑」你下载百度杀毒(如今已不再捆绑),尊重原创——这是我更喜欢用谷歌搜索而不是百度的原因之一;利用谷歌App Engine的服务器进行科学/上网的神器Go/Agent,自11年起就不时在软件框架顶部显示这么一小行字,如上示。如果不是Go/Agent我也不会知道原来在北京有一万多外来人的孩子因为学校拆迁面临失学问题;旨在让落后地区的人们也能方便连接上互联网,谷歌神奇的气球WiFi计划同样让我印象深刻,而最近的Google I/O 2014大会上,谷歌则推出了面向发展中国家的Android One系列低端手机。


拿我们最常接触的网页来说,html本来就有方便残障人士浏览页面的代码功能,然而真正为这些弱势的少数群体提供无障碍阅读服务的网站少之又少,其实我们可以做到的「小善」可以更多。

勿以恶小而为之,勿以善小而不为,谷歌的非正式企业座右铭正是「不作恶」。谷歌是否真的做到「不作恶」,众口难调,只能见仁见智,最起码在我能接触的细节里,感受更多的是谷歌的善意。