你可能会说
这个页面屏幕阅读器读不出来,帮我加上无障碍支持。
让视障、听障、运动障碍等用户也能使用你的产品。
让视障、听障、运动障碍等用户也能使用你的产品。比如:图片加文字描述、按钮够大能点、颜色对比度够高。
生活类比
像大楼的无障碍坡道——轮椅用户也能进。网页的「坡道」就是 alt 文字、键盘导航等。
🎮 动手试试
关于「无障碍」,以下哪个描述最准确?
你可以这样告诉 AI
帮我把这个页面做无障碍改造:图片加上 alt 文字、所有按钮确保键盘能操作、颜色对比度达到 AA 标准。
无障碍确保特殊群体「也能用」,可用性确保所有用户「用得高效」。一个是包容性底线,一个是体验上限。
产品面向大众用户
当希望产品能被更多人(包括残障人士)使用时,从 alt 文字、键盘导航、对比度三方面让界面对所有用户友好。
和 AI 协作时
想让 AI 提升无障碍时,说「给图片加 alt 文字、检查对比度、确保键盘能操作所有按钮」,AI 会逐项修复。
内部工具仅少数人用
仅供团队内部使用且用户群体确定的后台工具,无障碍投入产出比低,可在有具体需求时再补充。
与纯命令行工具无关
CLI 工具交互靠键盘输入和文本输出,无障碍概念(alt 文本、对比度)在字符界面没有对应物。
让视障、听障、运动障碍等用户也能使用你的产品。比如:图片加文字描述、按钮够大能点、颜色对比度够高。
像大楼的无障碍坡道——轮椅用户也能进。网页的「坡道」就是 alt 文字、键盘导航等。
和 AI 沟通时提到「加个 aria-label」,就是在给元素加无障碍描述。