网页上的易访问性

从21天的投资组合挑战开始新的一年

初级-中级
43分钟

在本课程中,我们将向您展示为什么网页上的可访问性是重要的,以及它在您设计和开发您的网站时是多么关键。在网页易访问性方面打下坚实的基础,使你的网站更容易访问,并为每个人提供更好的用户体验。

了解更多关于Webflow的可访问性。

了解网页上的可访问性,以及如何创建包容性和可访问的网站,而无需编写代码。

暂停背景视频
Webflow对学生和教育者是免费的
了解更多并应用

总结

课程进度

干得好,我们做了一些时间旅行到未来,看起来太棒了!

0
%

完成

0
8

课程完成

在本课程中,我们将向您展示为什么网页上的可访问性是重要的,以及它在您设计和开发您的网站时是多么关键。在网页易访问性方面打下坚实的基础,使你的网站更容易访问,并为每个人提供更好的用户体验。

了解更多关于Webflow的可访问性。

所面临的挑战

挑战
一天
做一个网站英雄
01
终极导航栏
02
神奇的CMS布局
03
制定领导和科学
04
站点的虚拟鞋子
05
你好,这是响应能力
06
展示你的项目页面
07
项目页面可以在任何地方工作
08
最佳联系页面
09
给我们展示你的联系页面
10
测试你的Open Graph设置
11
放一盏灯
12
让你的作品集生动起来
13
失去了,但从未忘记
14
有密码保护
15
实践的可访问性
16
分享你正在进行的设计
17
准备,设置,发布!
18
投资组合验证
19
更新CMS
20.
展示你的作品集
21

准备好获得认证了吗?

完成Webflow专家认证课程后,您就可以进入成为Webflow专家的下一步了。请注意:通过专家考试并不保证进入Webflow专家计划。

参加Webflow专家考试

课程大纲

开始

网页上的易访问性

8
教训
开始
开始

介绍审计面板

成绩单
阅读全文
阅读全文

图片的Alt文本

成绩单
阅读全文
阅读全文

可访问和包容性排版

成绩单
阅读全文
阅读全文

确保你的文字符合颜色对比标准

在颜色选择器中使用Webflow的颜色对比检查器来确保你的文本符合可访问性标准,并且在背景下是可读的。

成绩单
阅读全文
阅读全文

视觉预览工具

使用Webflow的视觉预览来获得影响很大比例人口的一些视觉障碍的近似表示。

成绩单
阅读全文
阅读全文

使用CH单元清晰阅读段落

使用字符单元来限制文本元素中每行的字符数。

成绩单
阅读全文
阅读全文

概述了

在不改变元素大小的情况下,使用CSS大纲在元素边界周围创建一个类似边界的形状,并将其应用到重点交互元素上,使使用键盘导航的个人更容易访问您的网站。

成绩单
阅读全文
阅读全文

内置切换背景视频

启用和样式的播放/暂停按钮的背景视频,让您的网站访问者控制和增强可访问性。

成绩单
阅读全文
阅读全文

需求

  • 免费(或付费)Webflow帐户-报名
  • Chrome或Safari浏览器
克隆此项目
使用此版本克隆完成的项目
克隆此项目
没有页面限制的空白页面

相关的课程

还会有更多

我们很快就会推出更多课程。注册以便提前访问额外的Webflow课程和课程。

哎呀,哪里出问题了。稍后再试,伙计。
Baidu
map