blocks|key|170556|text|这是一个primer+on+WCAG+from+the+W3C。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|170557|你最好的办法是通过这些验证器来运行你的站点：|170558|170559|W3C+Markup+Validator+|unordered-list-item|170560|Wave+Accessibility+Evaluation+Tool|170561|W3C+CSS+Validator|170562|170563|在编写网站代码时，遵循W3C的指导原则是一个很好的实践。如果你遵循他们的建议，你通常是在可访问性方面设置的。|170564|浏览一下这个web+accessibility+evaluation+tools列表。|170565|作为额外的资源，请遵循以下针对低带宽站点的一些指导原则：|170566|170567|Web+Design+Guidelines+for+Low+Bandwidth|170568|170569|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/WAI/intro/wcag|1|http://validator.w3.org/|2|http://wave.webaim.org/|3|http://jigsaw.w3.org/css-validator/|4|http://www.w3.org/WAI/RC/tools/complete|5|http://www.aptivate.org/webguidelines/Tools.html^0|4|R|0|0|0|0|0|K|1|0|0|Y|2|0|0|H|3|0|0|0|6|Y|4|0|0|0|0|13|5|0|0^^$0|@$1|2|3|4|5|6|7|1G|8|@]|9|@$A|1H|B|1I|1|1J]]|C|$]]|$1|D|3|E|5|6|7|1K|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|1L|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|1M|8|@]|9|@$A|1N|B|1O|1|1P]]|C|$]]|$1|J|3|K|5|I|7|1Q|8|@]|9|@$A|1R|B|1S|1|1T]]|C|$]]|$1|L|3|M|5|I|7|1U|8|@]|9|@$A|1V|B|1W|1|1X]]|C|$]]|$1|N|3|-4|5|6|7|1Y|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1Z|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|20|8|@]|9|@$A|21|B|22|1|23]]|C|$]]|$1|S|3|T|5|6|7|24|8|@]|9|@]|C|$]]|$1|U|3|-4|5|6|7|25|8|@]|9|@]|C|$]]|$1|V|3|W|5|I|7|26|8|@]|9|@$A|27|B|28|1|29]]|C|$]]|$1|X|3|-4|5|6|7|2A|8|@]|9|@]|C|$]]|$1|Y|3|-4|5|6|7|2B|8|@]|9|@]|C|$]]]|Z|$10|$5|11|12|13|C|$14|15]]|16|$5|11|12|13|C|$14|17]]|18|$5|11|12|13|C|$14|19]]|1A|$5|11|12|13|C|$14|1B]]|1C|$5|11|12|13|C|$14|1D]]|1E|$5|11|12|13|C|$14|1F]]]]

Here is a <a href="http://www.w3.org/WAI/intro/wcag" rel="nofollow">primer on WCAG from the W3C</a>.

Your best bet is to run your site through these validators:

<ul>
<li><a href="http://validator.w3.org/" rel="nofollow">W3C Markup Validator</a> </li>
<li><a href="http://wave.webaim.org/" rel="nofollow">Wave Accessibility Evaluation Tool</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/" rel="nofollow">W3C CSS Validator</a></li>
</ul>

It's a good practice to follow the guidelines of the W3C when coding a website. If you follow their suggestions, you're usually set in terms of accessibility.

Look through this list of <a href="http://www.w3.org/WAI/RC/tools/complete" rel="nofollow">web accessibility evaluation tools</a>.

As an extra resource, follow some of these guidelines for low bandwidth sites:

<ul>
<li><a href="http://www.aptivate.org/webguidelines/Tools.html" rel="nofollow">Web Design Guidelines for Low Bandwidth</a></li>
</ul>

blocks|key|1139064|text|WCAG是由W3C发布的一系列web可访问性指南。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1139065|WCAG+2.0规范有3个级别。1.+WCAG单级A级；2.+WCAG双级A级；3.+WCAG三级A级|1139066|​|1139067|📷|atomic|offset|length|1139068|1139069|以下是确保我们的站点符合WCAG的一些提示|1139070|非文本内容的|1139071|标签all+form+elements|unordered-list-item|1139072|Provide替代文本。这将通过辅助技术帮助盲人，该技术可以向them.People宣布盲人可以使用屏幕阅读器，如VoiceOver内置在mac中，windows版必须下载NVDA和JAWS，Chrome浏览器具有chromevox+|1139073|1139074|有关更多信息，请参阅本文enter+link+description+here|1139075|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/7c84095b11dc516a15f49a1b2f88617b.gif|imageAlt|1|LINK|MUTABLE|url|http://www.prathapkudupublog.com/2017/05/overview-of-wcag.html^0|0|0|0|0|1|0|0|0|0|0|0|0|0|C|R|1|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1C|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1D|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|1E|8|@]|9|@$I|1F|J|1G|1|1H]]|A|$]]|$1|K|3|E|5|6|7|1I|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1J|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1K|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|1L|8|@]|9|@]|A|$]]|$1|S|3|T|5|R|7|1M|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1O|8|@]|9|@$I|1P|J|1Q|1|1R]]|A|$]]|$1|X|3|-4|5|6|7|1S|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14|15|-4]]|16|$5|17|11|18|A|$19|1A]]]]

WCAG is a series of web accessibility guidelines published by W3C.

There are 3 levels of WCAG 2.0 specifications.
1. WCAG Single Level A,
2. WCAG Double Level A.
3. WCAG Triple Level A

<a href="https://i.stack.imgur.com/tP15z.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tP15z.gif" alt="enter image description here"></a>

These are some of the tips for making sure that our site is WCAG compliant

<ul>
<li>Label all form elements</li>
<li>Provide alternate text for non-text content. This would help people who are blind with assistance technology which can announce to them.People who are blind can use screen readers like 
VoiceOver is inbuilt in mac,
NVDA and JAWS has to be downloaded for windows
,Chrome browser has chromevox </li>
</ul>

for more information you can look at this article <a href="http://www.prathapkudupublog.com/2017/05/overview-of-wcag.html" rel="nofollow noreferrer">enter link description here</a>

blocks|key|1139087|text|我同意运行建议的工具。然而，这些工具不会将您带到一个完全兼容的站点，通常远非如此。您需要确保该站点完全可以通过键盘进行操作。您需要确保您提供的替代文本是有意义的，并且链接以提供的上下文和用途的方式进行标记。你应该好好读一读WAI-ARIA。这个问题比人们意识到的要复杂得多。WCAG是一个可用性标准，如果您的站点有任何复杂性，自动化工具将会让您失望。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1139088|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I agree with running the tools suggested. However, these tools will not get you to an fully compliant site, usually far from it. You need to make sure that the site is completely operable by the keyboard. You need to make sure that the alternative text you provide is meaningful and that links are labeled in a way the provide context and purpose. You should read up on WAI-ARIA. The subject is more complex than people realize. WCAG is a usability standard and if your site has any complexity at all the automated tools will let you down.

How can I make sure my web site follows the WCAG guidelines and works reasonably for users with low-bandwidth connections?

WCAG guidelines (CSS+HTML+Javascript)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我如何才能确保我的网站遵循WCAG的指导原则，并为低带宽连接的用户提供合理的服务？

问WCAG指南(CSS+HTML+Javascript)
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WCAG指南(CSS+HTML+Javascript)EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问WCAG指南(CSS+HTML+Javascript)
EN