2025-12-04

闭上眼睛,我们试图“看清”银杏基金会的官网

在中国,有超过1700万视障人士。这个数字背后,是1700万个渴望触摸世界、参与社会的鲜活灵魂。对普通人而言,浏览公益项目、查询行业动态不过是毫秒间的眼神流转;但对视障群体来说,未经过无障碍改造的网站,就像一堵密不透风的墙,将他们与善意彻底隔绝。

全思科技作为深耕公益领域的技术服务商,我们经常会思考:技术的价值,究竟是追求效率的极致,还是守护包容的边界?

2024年9月,银杏基金会官网“无障碍改造”的需求传来,我们终于有了直面这个问题的机会——这一次,我们要做的,就是为视障朋友拆毁那堵墙。

这是一场历时14个月,颠覆“视觉惯性”的探索之旅。

 

01

带着敬畏心“备课”:先学会“闭眼”看世界

 

接到项目时,团队的心情很复杂:既振奋,又忐忑。

振奋的是,在国内公益行业,主动投入资源做官网无障碍改造的机构少之又少,银杏基金会的这份担当,让我们由衷敬佩。忐忑的是,尽管我们运维过数百个公益网站,但“无障碍改造”在国内尚属冷门领域,虽有W3C-WCAG(Web 内容无障碍指南)可依、国内外案例可循,但在公益行业内的实践应用极为少见。

为了把这件事做扎实,银杏基金会牵头引入了专业无障碍技术服务团队“一加一残障融合加速器”,组建了“银杏(目标把控)+融合加速器(专业测试)+全思(技术实现)”的铁三角团队。2024年11月项目启动会后,我们没有急于敲代码,而是先按下了“暂停键”——因为我们深知,不懂用户的技术,再精妙也只是自说自话。

接下来的4个月,全思技术团队开展了针对性的前期筹备:学习了WAI-ARIA国际标准的核心内容,梳理了国内外公益行业的相关案例,同时全员学习使用读屏软件(NVDA)——就是为了在认知层面,真正站到视障用户的视角里。

 

02

首测暴击:当Logo变成一串“乱码”

 

理论准备再充分,也抵不过现实的“当头一棒”。2025年3月,融合加速器出具的首测报告,让我们看清了非视障者的“思维盲区”。

最扎心的细节藏在网站左上角:那枚我们熟稔于心的银杏基金会Logo,在读屏软件里竟被机械地朗读成一长串复杂的图片链接地址。对我们而言,它是鲜明的品牌标识;但对视障用户来说,这串毫无意义的“乱码”,不仅是噪音,更会让他们陷入迷茫——根本不知道自己正处于网站的哪个位置。

融合加速器无障碍测试报告摘要

 

更棘手的是折叠导航菜单:视觉上明明隐藏的子菜单,读屏软件却能“穿透”显示;用键盘操作时,焦点要么卡在主菜单不动,要么突然跳转到无关区域。

融合加速器无障碍测试报告摘要

 

这些被标记为最高优先级的问题,像一记警钟敲醒了我们:无障碍改造的核心,从来不是“代码能跑通”,而是“用户能走通”

 

03

 从“能读”到“好用”:把细节磨成温度

 

融合加速器的专业指导下,我们开启了一场针对“视觉惯性”的攻坚战,分阶段完成了从“功能修复”到“体验升级”的跨越。

 

  • 2025年3月-6月:攻坚“能读”的基础关

 

我们拿着首测问题清单,对首页进行地毯式整改:给Logo加上“银杏基金会官方标识”的语义标签,让读屏软件精准播报;重构导航栏的键盘交互逻辑,确保Tab键跳转流畅、子菜单展开可控;给所有图片补充alt文本说明,让非文本内容“开口说话”。

通过键盘“Tab”键可展开标签菜单

(图片非真实网站内容)

 

  • 2025年8月-10月:打磨“好用”的体验关

 

二测报告来了,问题数量从首页的12个增至全站50个,但我们却松了口气——问题维度变了:从“能不能用”变成了“好不好用”。比如项目数据列表缺乏标签关联,读屏用户只能听到“100万”却不知道是“资助金额”还是“受益人数”;轮播图自动滚动时,播报声会打断用户对其他内容的获取。

 

我们开始逐一对这些细节“精雕细琢”:

让视觉“平衡”

提升对比度对低视力用户至关重要,但这与品牌 VI 方案有时难以兼得。我们在三方协商下选择了“取舍”——在不破坏品牌识别度的前提下,做最大程度的优化。这让我们明白,无障碍也是一门在标准与设计间寻求平衡的艺术。

让交互“可控”

优化了所有数据展示区域的焦点反馈,确保用户在使用键盘操作时,能清楚知道自己浏览到了哪一条信息;

让结构“清晰”

通过优化页面标题层级和区块语义化,让读屏软件能准确“翻译”页面结构。

小幅度修改提高文字与背景对比度

(图片非真实网站内容)

 

改造后读屏软件可读取伙伴地图内的数据信息

(图片非真实网站内容)

 

04

技术有尽头,包容无止境

 

2025年11月,最后一行代码部署上线,银杏基金会官网无障碍改造正式收官。回望这14个月,最珍贵的不仅是技术成果,更是一场认知的重塑。

项目进度的推进并非一帆风顺,我们团队与融合加速器都有多线任务并行。但让我们感动的是,银杏基金会展现了极大的包容与信任——他们理解无障碍改造在行业内的探索性质,给了我们足够的时间去打磨和试错。

 

更让我们清醒的是,技术总有局限性:

 

PDF里未标注的图片、嵌在海报里的文字,这些都不是代码能单独解决的;

同时,视觉对比度优化也因与网站既定VI色彩方案存在冲突,为维持品牌视觉统一性,部分区域未进行明显调整,这也是技术之外需要权衡的现实考量。

这让我们深刻领悟:无障碍从来不是一次技术改造,而是一场运营思维的革新。它需要技术团队与运营团队长期配合,才能维持一个真正“无障碍”的环境。

 

05

让每一个渴望,都被“看见”

 

项目结束的那一刻,我感到一种深深的释怀。

不仅是因为任务完成,更是因为我们知道,从今天起,当一位视障朋友想要了解银杏伙伴的故事,或者查询公益项目动态时,他不再会被拒之门外。

这次改造对全思科技而言,是一次宝贵的经验积累,更是一次价值观的洗礼。它让我们从“视觉优先”的思维中跳脱出来,真正去理解“科技向善”的含义。

未来,全思科技将继续深耕公益数字化领域,带着这次在银杏官网改造中沉淀的经验,为更多公益机构提供更有温度、更具包容性的技术服务。因为我们相信,在数字公益的世界里,信息的传递不应有围墙。

关于全思科技

广州全思信息科技有限公司,专注于为公益组织提供专业的技术解决方案。我们致力于通过技术力量,推动公益行业的数字化转型与效能提升。

微信扫码咨询
QR Code
在线咨询
咨询
咨询
回到顶部