6-1 全员通行——让每个用户都能无障碍访问网页.pptxVIP

一号任务全员通行——让每个用户都能无障碍访问网页汇报人：xxx时间：2026

任务说明01

零号任务中已经确定初步的博客页面框架，并使用JavaScript来过滤和显示不同类别的博客内容；本任务通过应用函数与DOM操作等进一步完善博客页面，并遵循无障碍设计原则来添加无障碍访问功能，具体包括以下操作。（1）为页面添加字体一键放大或缩小的功能，用力单击该按钮时页面所有字体大小会随之改变。（2）为页面添加一键阅读功能，用力单击按钮后浏览器会朗读页面上的所有文本内容，包括图片的alt属性描述（即替代文本）。一号任务任务说明

知识准备02

01无障碍设计的基本概念03DOM操作与事件处理目录02对象与数组

1.无障碍设计的基本概念知识准备无障碍设计（AccessibleDesign）指的是在设计网站和应用程序时，考虑到各种障碍类型（如视力、听力、行动、认知等）并采取措施，确保这些用户也能够轻松地访问和操作内容。无障碍设计的四大原则如表所示：原则内容可感知性（Perceivable）内容必须以用户能够感知的方式呈现给他们，无论其视觉、听觉或其他感知能力如何可操作性（Operable）用户应该能够通过多种方式操作页面，不仅限于鼠标操作。用户应能够使用键盘、触摸屏等设备进行交互可理解性（Understandable）网页内容应易于理解，并且用户能够理解如何与页面进行互动健壮性（Robust）