网页的可访问性

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

初学者,中间
43分钟

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

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

了解web上的可访问性,以及如何在不编写代码的情况下创建具有包容性和可访问性的站点。

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

总结

课程进度

干得好,我们做了一次穿越到未来的旅行,看起来很棒!

0

完成

0
8

课程完成

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

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

所面临的挑战

挑战
一天
做一个网站英雄
01
最终的导航条
02
神奇的CMS布局
03
制定领导和科学
04
为你的网站提供虚拟鞋
05
你好,这是响应性
06
展示您的项目页面
07
项目页面在任何地方都可以工作
08
最佳联系页面
09
向我们展示您的联系页面
10
测试打开图表设置
11
一束光照耀
12
让你的作品集活起来
13
失去了,却不曾忘记
14
有密码保护
15
实践的可访问性
16
分享你正在进行的设计
17
准备,设置、发布!
18
投资组合验证
19
更新你的网站管理系统
20.
展示你的投资组合
21

准备好获得认证了吗?

一旦你完成了Webflow专家认证课程,你就可以开始下一步成为Webflow专家了。请注意:通过专家考试并不保证进入Webflow专家程序。

去Webflow专家考试吧

课程大纲

开始

网页的可访问性

8
教训
开始
开始

审计面板介绍

成绩单
阅读全文
阅读全文

图片的Alt文本

成绩单
阅读全文
阅读全文

可访问和包容性排版

成绩单
阅读全文
阅读全文

确保文本符合颜色对比标准

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

成绩单
阅读全文
阅读全文

视觉预览工具

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

成绩单
阅读全文
阅读全文

清晰的段落使用CH单位

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

成绩单
阅读全文
阅读全文

概述了

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

成绩单
阅读全文
阅读全文

内置切换背景视频

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

成绩单
阅读全文
阅读全文

需求

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

相关的课程

有更多的未来

我们很快就会推出更多的课程。注册以获得更多Webflow课程和课程的早期访问。

糟了,有东西没起作用。过会儿再打,兄弟。
Baidu
map