UniWeb

网站负责人必须实施的网页可及性应对措施是什么?

2023/12/27

根据《修正残障人士差别消除法》,从2024年4月开始。将有义务提供网络可及性的合理考虑。
但是,在企业的网站负责人中,有时会“什么是网络可及性?具体应该如何应对?”我想许多人正在为此感到困扰。

网络可及性是指内容应能让听力受损的用户理解,例如视频、
或者在网站上,色觉特性用户也不会缺少信息而能够获得,
无论是否有任何障碍,每个人都能平等地获得相同的信息。

随着互联网的普及,各种用户在各种情况下都在浏览网站,现在,
确保网络可及性是一个非常重要的课题是这样的。

在这样的情况下,此次所有企业需要进行网页无障碍响应。
因此,如果没有进行响应,将需要重新审视和改建自己的网站,并可能产生开发费用。

然而,网页无障碍性对提供的公司也有很大的好处。

因为,通过实现网络可及性,企业的信任度与品牌力也随之提升,
网站优化对搜索引擎的正面影响,以及访问量和服务利用率的增加。是因为。

本文将详细解释网络可及性,以供经营者和网站负责人参考,同时也会介绍针对网站的具体应对措施。

自2024年4月起,将强制实施网页无障碍的合理考虑。

网络可及性至今被视为“努力作出合理考虑”,
虽然被定义为尽可能对残疾人给予关照的“努力义务”,
根据修正法的施行,自2024年4月1日起将从努力义务变更为‘法律义务’。

 

◆ 将“合理的考虑”从努力义务变为法律义务

合理的注意从努力的责任转变为法律义务。

以下是由内阁府公布的修正法的新旧对照部分。

企业在开展业务时,若有残障人士表示需要消除社会障碍,
在实施时,如果负担不及过重,以免侵犯残疾人的权利利益,应根据该残疾人的性别、年龄和残疾状况,
关于消除社会障碍的实施,需要进行必要且合理的考虑。

引用:资料 1-2 禁止基于障碍的歧视修法的对照文本,为什么是必要的(内阁府)

同上已以“必须考虑合理配慮”的形式成为义务。可以了解到。
由此可见,所有企业都要求遵循网络可及性这是。

我想许多企业首次得知网页无障碍的强制要求。
此外,可能也有人第一次听说“网络可及性”这个词。

然而,在国外的先进国家,网络可及性已经是法律义务,
在美国,因网络可及性未能响应而导致诉讼的案例。也在增加。
也就是说,现在网页无障碍已是国际通用常识是这样的。

另一方面,在日本国内,大企业也未能完全满足要求的现状。
在这种情况下,日本迫切需要解决网络无障碍问题,以免落后于全球标准的发展。

 

如果不进行相应的措施,可能会面临行政指导或少于20万日元的罚款。

伴随网络可及性的合理考虑义务化,
需要在2024年4月之前将自家网站改修为符合网络可及性标准的网站。

那么,如果不对此进行应对,会有什么后果呢?

简单来说,如果忽略了这次义务化的应对,将不会立即受到处罚。

然而,继续放任这样的网页有时也会收到政府的指导,
如果未能看到自发改善,或者对指导的虚假报告等,将面临罚责(不超过20万日元的罚款)成为。

详情请查看以下内阁府的常见问题解答。

参考:针对因残疾而推动消除歧视的法律常见问题及回答<面向公众>(内阁府)

从这里开始,作者的预测是,目前不支持SSL等安全性的网站,
作为风险网站,访问时会收到来自Google的警告。

可能未来不符合网络可及性的站点,
访问信息时,会显示“该网站未能充分保证网页无障碍性”的警报。这些情况都是可以充分考虑的。
在这种情况下,用户的印象也会变差,这可能损害企业形象。

另外,社会上也会关注此事,还会影响投资者的评价和法律诉讼风险等可能性。
比起法律惩罚,招致这样的情况带来的损失更大可以这样说。

接下来,我们将详细解释网络可及性的具体内容。

 

网络可及性响应是指制作符合JIS标准的网站。

首先,虽然说要实现网络可及性,但许多人可能不知道该对网站做些什么。
网络可及性应对,简单来说就是创建符合‘JIS标准’的网站。

在网络可及性方面,存在以下两个标准。

① 世界标准“WCAG 2.0”

网络可及性最初设定了一个名为“WCAG”的指南,
2012.“WCAG 2.0”已被承认作为国际标准,现在已成为各国网站采用的全球标准。是这样的。

② 国家标准为“JIS X 8341-3:2016”,

日本国内的网页无障碍性标准原本有“JIS X 8341-3”。
在WCAG 2.0制定后,一致标准“JIS X 8341-3:2016”于2016年制定已完成。

在2024年4月施行的《修正残疾人差别消除法》中,需要根据JIS X 8341-3:2016标准实现可及性对应将会是。

参考:「网页可达性引入指南」(数字厅)

接下来将具体解释应该如何构建考虑的网页。

 

网络可及性应了解的五个注意事项

“对网络无障碍的响应”是,主要是身体残疾人、老年人、有色觉特性的人等,
为了能够通过网站获取信息或利用服务,网站的设计、功能和结构要符合网络可及性标准。就是这样。

在这方面,具体应该对哪些用户采取哪些考虑,以下五个代表性例子将列出。

◆ 对代表性障碍的网络可及性考虑

针对典型残疾的网络无障碍考虑因素。

将对此进行详细解释。

① 对视觉障碍用户的考虑

对于全盲或弱视的用户,为标志、照片、插图等添加替代文本,支持屏幕阅读器(语音阅读软件)进行这样做。
替代文本将表示这些图像所表达的内容,并且如果图像包含链接,则指示链接目标。

◆ 提供替代文本

分配替代文本。

此外,提高文字和屏幕放大、颜色反转等可视性和可读性的功能。将会有所持有。

② 对听觉障碍用户的考虑

对于全耳聋或听力障碍者,在视听内容中,插入字幕和手语将如此。
此外,关于音频内容,音频利用转录软件将如此。

而且,在联系方式的说明中,不仅有电话号码,还有邮件、传真、聊天和LINE等,
提供即使有听力障碍也能使用的选项将如此。

③ 对色觉特性用户的考虑

色觉特性(色觉障碍)的特点是很难区分颜色差异,或者完全无法区分。
因此,避免仅通过颜色的不同来传递信息。这非常重要。

请看下图作为例子。在个人信息输入表单中,可能会有“红色文字为必填项”的标注。
对于拥有色觉特性用户来说,红字的辨认非常困难,因此不容易知道哪些是必填项。

因此,不仅以颜色为唯一判断标准,必须明确标注“必填”。
如上所述,也可以通过除了颜色以外的线索来辨别信息的差异。会做到这一点。

必填字段输入显示示例

必填字段输入显示示例

此外,文字与背景色之间的对比也会注意到这一点。
由于对比度低会极大降低可读性,因此需要选择强烈对比的配色方案。

◆ 通过对比度的可读性差异

对比度造成的可读性差异。

④ 对身体及运动功能障碍用户的考虑

为了那些因运动功能障碍或暂时性伤害等情况而难以进行精细鼠标操作的用户,
仅通过键盘操作即可访问网站的所有页面和功能会做到这一点。

在这种情况下,将如下一般,通过边框等方式清楚地聚焦在选定的部分。这是关键所在。

◆使用Tab键移动焦点

使用 Tab 键移动焦点。

另外,对于那些无法操作鼠标和键盘的人,可以通过视线和声音进行操作和输入的功能。将添加。

(v) 对有认知和学习障碍的用户的考虑。

有认知或学习障碍的用户可能难以理解复杂或模糊的指令。
另外,即使是没有障碍的人,根据使用环境,可能也很难集中,容易分心。

为了那些人,排除横幅和装饰等元素,注重简单明了的屏幕设计。这是必要的。
主要浏览器包括有:本来具有简化页面显示的功能因此,最好让网站支持该功能。

以下是应用于iPhone和Mac的标准浏览器Safari的阅读视图功能的示例,网站信息以这种方式被简化。

◆ Safari 阅读视图

Safari 中的阅读器视图

此外,文章中,简单明了的表达和用词我们会意识到。
每个页面都有一个标题,可立即识别内容、必须避免使用外语或不常见的术语。

 

将需要以上所述的响应。

这里介绍的只是一些有代表性的措施。
有关网络可及性的更详细内容,2022年12月,数字厅发布的指南。在上面有说明,
在应对网络可及性时,请务必阅读相关内容。

参考和引用:「网页可达性引入指南」(数字厅)

※本节中引用的图形和图标来自指南,及作者独自制作的内容。

 

了解实际用户现状的重要性

在应对网络可及性时,有障碍的人、高龄者,或因特殊情况在使用网站时遭遇困难的人,
健全者很难完全理解残障人士在什么方面感到不便。

因此,将根据政府部门公布的指南进行应对,
通过倾听实际使用用户的声音,可以发现之前没有注意到的地方或考虑不周的地方。

下面是来自可及性顾问和视觉障碍当事人伊敷政英先生的访谈文章节选。

此外,为了增强安全性,有时会增加验证输入者非机器人的步骤。
在Google的情况下,只需要勾选“我不是机器人”这句话即可,
要求用户从多张照片中选择特定的图片,如桥,或读取扭曲的文字进行输入,这简直是不可能的。

(省略)

明明是为了证明‘人是人’而设,却要求更高的能力(笑)。
如果这方面能再更加可及就好了。

读了这个,我也感到震惊。
为了确保安全,排除机器人的功能反而也排除了有障碍的人。这是。

许多残疾人士或老年人每天应该都会遇到这样的场景。
为了提高网页无障碍性,应该这样做,了解用户的“现状”是非常重要的。我认为正是如此。

访谈文章的全文可以在以下链接查看,强烈推荐您阅读。

参考:顾问小组 · 采访:伊敷政英(真色节)

到这里,我们已经解释了网络可及性的内容,实际上,
构建和修改考虑到各种身体和环境限制的用户的网页,需要,巨大的时间及资金成本将受到影响。

在下一项中,将介绍这样的网络可及性的应对措施,
实现低成本且快速的解决方案将对此进行说明。

 

应利用的网络可及性工具

关于网络可及性的具体应对措施我们已经解释过了,
如果要自家开发来满足包含这些的所有无障碍标准的改修,将会造成巨大的成本。

◆开发成本

初期费用:50万至100万日元

月费用:数万日元起

◆开发时间

3至6个月(需要在所有页面添加功能)

考虑到必须在2024年4月之前应对,自主开发并不太现实。
因此,开发中利用专用支持工具。是比较好的选择。

在这里将介绍一些帮助实现网络可及性的工具。

五个免费检查工具

在限制对网站进行大规模改建的预算时,有效地进行网站改建的情况,
推荐使用可以免费使用的网页无障碍检查工具。

以下是五个代表性的免费检查工具。

① miChecker

由总务省开发和提供的网络可及性评估工具,
验证网站是否符合“JIS X 8341-3:2016”标准可以。

能够对机械排查的内容进行自动评估,但
由于支持需要人工验证的部分的作业,可以有效推动验证工作。

不过,支持的操作系统仅限于Windows,不支持Mac。

‘miChecker’的详细信息请查看这里

② 灯塔

这是由Google提供的检查工具,可以作为Google Chrome的扩展程序使用。

主要是“网站显示速度”、“文本与背景色的可读性”、“HTML结构”、“安全性”、“SEO”、“符合PWA(渐进式网络应用)规范”
此类部分的验证可以用于。

有关“Lighthouse”的详细信息,请点击此处。

③ Alt & Meta 查看器

这也是Google Chrome的扩展功能,检查图像的alt属性(附加在图像上的文本)。将如此。
Alt属性是为视障人士设计的文本朗读的重要元素,因此是一个关键检查点。

顺带一提,图像附加文本的话,
因为谷歌可以理解图像内容,因此这将使网站在搜索引擎中更具兼容性。

有关《Alt & Meta 查看器》的详细信息请点击这里。

颜色测试仪

在网站上的文字颜色与背景颜色的对比度可以检查。
在网页无障碍性的标准中,制定了对比度比例的明确标准。因此,这是一个非常有用的工具。

它的操作非常简单,只需拖放要测量的图像即可测量文字和背景之间的对比度。

‘ColorTester’的详细信息请查看这里

⑤ NVDA日语版

NVDA是支持超过20种语言的语音朗读软件
即使为视觉障碍者为图像或链接附加文本,实际语音化时可能会导致理解困难,或者朗读顺序不一致。

因此,您可以利用该工具来确认实际的使用体验。

有关《NVDA日文版》的详细信息请点击这里。

通过使用以上工具,可以自动发现改进点,从而高效地进行改修工作。

然而,这些工具只是辅助工具,可以发现改进点,但改进工作要由自己完成。这是必要的。

如果想要将网站的改建也自动化,
使用付费工具可以轻松快速地实现网络可及性。因此,接下来将介绍。

 

可以立即实现可及性功能的‘UniWeb’

如果有改建预算,可以通过利用付费工具,在短时间内实现网络可及性功能,而无需开发劳动。

特别是我们公司的“UniWeb”,一种可以在控制成本的同时轻松支持所有网站的网络可及性功能的插件型工具。

Uniweb的主要特点如下。

◆ Uniweb的五个特点

① 只需在所有网站中插入一行代码即可当天实施。
② 无需改变网站结构或品牌标识即可引入。
(iii) 支持网络无障碍标准,如 JIS X 8341-3:2016 和 WCAG 2.1。
④ 在许多知名企业的网站上有实施案例
⑤ 与多个知名平台的合作记录也很多。

引入Uniweb后,网站上将显示控制按钮,
从可及性菜单中用户可以自主使用各种功能。
选定的功能会瞬时反映在当前浏览的网站上。

◆ 可及性菜单

UniWeb 辅助功能菜单。

反映无障碍特征的图像。

每项功能都可以根据残障人士的特点设置可及性功能。

◆ 根据障碍特点自动设置合适功能

根据残疾特征自动设置适当的功能。

通过这种方式,可以立即引入多种网页无障碍功能。
以下服务的官方网站可以实际测试功能所以,请您自己检查一下。

服务官方网站:UniWeb

 

网络可及性带来的好处是巨大的

自2024年4月起,网络可及性应对已成为强制性规定,
已经先进国家的网站已成为标准配置,而日本的努力有所滞后。不得不这么说。

在可持续发展目标中列出的目标也是。“到2030年,不论年龄、性别、残障、种族、民族、出生、宗教、经济状况等,
建议增强每个人的权能,使其在社会、经济和政治方面不被落下"。据称,
未来,专为所有人设计的网站必定会成为标准。

对网络可及性的努力,显然不仅对用户有益,
提高企业的可信度,并因网站优化而增加访问量和服务使用。等,对企业来说也有非常大的好处。

通过自家开发的应对并不容易,通过善用本文章介绍的工具,可以以低成本和快速进行改建。因此,建议需要实现网络可及性的企业和网站负责人考虑使用。

从简单的信息请求开始

本节介绍 UniWeb 的功能和引入程序。

索取信息