Well, Web创作工具是Web开发人员使用的软件和服务, designers, 以及写作者制作包括静态网页在内的网页内容, 动态web应用程序, 不同类型的内容创建, etc. 它们提供了各种各样的特性和功能，以快速简化整个web开发过程. In a nutshell, 这些工具有助于从头开始确保用户友好且迷人的网站设计.
要使用这些工具, 有一些指导方针被称为ATAG或创作工具可访问性指导方针. 制定指导方针是为了定义作者如何启用, support, 并创建符合WCAG的web内容.
让我们详细了解一下.
你对ATAG 2了解多少.0?
创作工具可访问性指南解释了如何利用创作工具的最佳功能，并为每个人提供可访问的内容. ATAG是Web内容无障碍指南(WCAG)和用户代理无障碍指南(UAAG)的合并。.
ATAG 2.0参考WCAG 2于2015年发布.0，由于工具和技术的不可知性使用，它与当前情景相关.
有不同类型的创作工具可用，例如:
- Web页面创作工具，如用于HTML的所见即所得(WYSIWYG).
- 建立网站的各种软件，如内容管理系统(CMS), 学习管理系统(LMS), 内容聚合器, 无代码网站建设者, etc. 这个软件是直接编辑源代码和所有的web开发人员.
- 用于内容创建者的多媒体创作工具.
- 转换web内容技术的软件.
- 用于快速更新网页部分的软件，如在线论坛.
- 集成开发环境.
- 用于创建移动web应用程序等的软件.
您可能还会喜欢: 无障碍网页的重要性
atag2如何.帮助把一致性带到桌子上?
ATAG 2.0条指导方针按重要性排序. 它们涵盖了非基于web的工具，因为它们不仅支持可访问性需求，而且还不止于此.
请注意atag2.创作工具的一致性比WCAG 2更复杂.0一致性，因为它使用WCAG 2.0标准以及对创作工具的无数其他需求. 部分ATAG 2.过程组件的一致性也是可能的，其中需要额外的附加组件来声明完全的一致性.
此外，即使平台限制了遵从性，也可以声明部分遵从性. Such as, 如果一个工具在多个操作系统上运行, 在一个具有附加的可访问性检查服务的平台上，一致性是可能的. However, 如果系统无法在不同的平台(如Linux)上运行类似的服务, 可以提出平台限制一致性声明.
Read 深度ATAG 2.0合格索赔信息.
想了解重要的ATAG 2.0创作工具指南?
ATAG 2.0有两部分的符合性适用性说明:
Part A 其中一个指南提供了使创作工具用户界面可访问的建议. 该指南不适用于反映WCAG 2的基于web的工具.0 standards. Such as,
- 使用遵循可访问性准则的用户界面编写工具的原则(A.1).
- 可感知编辑视图原则(A).2)
- 编辑可操作视图的原则(A).3)
- 编辑原则——可理解的视图.
Part B of ATAG 2.0是关于创建可以生成WCAG 2的工具的指南.不符合标准的网页内容. 本部分有四个级别的指导方针以及每个级别的一系列子指导方针.
Principle B.1
它包括生成可访问内容的自动过程. 请注意，这些指导方针是指自动创建web内容的创作工具功能. For example, 如果创作工具在创作新页面时自动生成基本HTML模板, 模板应该包含DOCTYPE声明, a
area, and
element along with a <body> area, 基于给定的HTML规范.</p><p> 指南的这一部分还解释了何时通过创作工具编辑现有内容, 必须有一种精确的方法来保存包含在原始内容中的可访问性信息.</p><h3>Principle B.2</h3><p> 它支持作者生成可访问的内容，例如, 如果一个工具正在帮助添加图像, 它还必须提供为这些图像添加替代文本的选项.</p><p>Moreover, 如果现有内容具有可访问性信息, 应该有一种方法来编辑这些信息.</p><p> 除非出现特定问题，否则创作工具不应该尝试自动修复/修复现有内容.</p><h3>Principle B.3</h3><p> 支持作者改进现有内容的可访问性. 工具根据WCAG 2测试撰写内容的可访问性.0及其他无障碍指引(如有).</p><p>如果需要手工测试，可以使用编写工具指南.</p><p>一旦确定了可访问性问题，这些工具还会提供修复问题的建议.</p><h3>Principle B.4</h3><p>这些指导方针侧重于促进和集成其可访问性特性的创作工具.</p><p> 这些工具在默认情况下启用了可访问性特性. 这些创作工具的可访问性特性不能关闭. 如果任何工具有这样的选项来关闭其可访问性功能, 给出一个警告信息，解释这样做可能产生的潜在后果.</p><p> 文档可用于创作工具的正确使用. 同时，了解更多关于ATAG 2的信息.0指南，参考 <a href="http://www.w3.org/TR/ATAG20/#conf-claim" rel="nofollow" target="_blank">完整的规范</a>.</p><p> <strong>您可能还会喜欢: <a href="http://xsy6.4000803308.com/blog/screen-reader-accessibility">屏幕阅读器可访问性</a></strong></p><h2>Wrapping up</h2><p> ATAG 2.0是为数字产品带来可访问性的另一个复杂方面. 它需要通过使用正确的创作工具来实现指导方针的专业知识. 如果应用得当，atag2.0无疑是增强您的网站或应用程序的可访问性的正确选择.</p><p> <em>天网科技是我们的骄傲 <strong>万维网联盟</strong> and <strong>国际无障碍专业人员协会</strong> 会员帮助我们成为全球无障碍社区的一员，并保持最新的合规准则.</em></p><p> 的企业, 大型企业, 联邦政府和州政府, 教育机构, 以及正在考虑使用ADA WCAG 2修复网站的大学.0, WCAG 2.1, WCAG 2.2 compliance; we provide <a href="http://xsy6.4000803308.com/full-website-accessibility-remediation"> 托管网站可访问性修复解决方案 </a> 其中包括审计, consulting, 无障碍网站设计补救, PDF文档/补救, 定期维护, monitoring, VPAT report, training, 以及对ADA的支持, ATAG 2.0, WCAG 2.0, 2.1, 2.2 & 第508条. 欲了解更多信息，请联系 <a href="http://qa.4000803308.com/"><span class="__cf_email__" data-cfemail="1b737e7777745b687062757e6f6f7e7873757477747c727e6835787476">(电子邮件保护)</span></a>.</p></div></div></div></div><div class="view-footer"><div class="view view-blogs view-id-blogs view-display-id-block_25 js-view-dom-id-39989260e977f254d1ff60cd28ec750c39d7bfb29a9189ece6512b2341414635"><div class="view-content row"><div class="views-row"><div class="views-field views-field-nothing-1"><span class="field-content"><div class="disclaimer"><em><strong>Disclaimer</strong> - *本页所载资料仅供参考, 不应被解释为任何主题的法律建议. 我们要求您向专业律师或律师事务所咨询，以获得任何事项的法律建议. 在未寻求法律或其他专业建议的情况下，您不应根据本网站包含的任何内容采取行动或不采取行动. 本网站的内容包含一般信息，可能不反映当前的法律发展或针对您的情况. 对于您基于本网站上的任何内容所采取或未采取的行动，我们概不承担任何责任. 本网站的运营不会在您和天网科技美国有限责任公司之间建立律师-客户关系. </em></div></span></div></div></div></div><div class="back-to-blog"><a href="/web-development-blog">BACK TO BLOG</a></div></div></div></div></div></div></div><div class="layout__region layout__region--second"><div class="block block-block-content block-block-contentcb1d13a8-3979-4b67-8b85-bd7b2bd80414"><div class="content"><div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="newsletter-box"><div class="wrapper"><div class="text"><div class="heading zigzag"> <span class="title">订阅我们的</span> <span class="sub-title">Newsletter</span></div></div></div></div></div></div></div><div class="block block-block-content block-block-content311dca85-d985-45bb-a2a2-7ac1089a0afa"><div class="content"><div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div id="mc_embed_signup"><form action="http://skynettechnologies.us10.list-manage.com/subscribe/post?u=1d02cbb7b8aa00fdd11e6d45d&id=60e350d2e3" class="validate" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank"><div id="mc_embed_signup_scroll"><div class="mc-form-flex"><div class="mc-field-group"> <label for="mce-EMAIL">Email Address <span class="asterisk">*</span> </label> <input class="required email" id="mce-EMAIL" name="EMAIL" placeholder="Your Email" type="email" value=""/></div><div class="mc-field-group input-group hide"><fieldset id="group[31385]"><legend class="sr-only">Website</legend><ul><li><input checked="" id="mce-group[31385]-31385-0" name="group[31385]" type="radio" value="1"/><label for="mce-group[31385]-31385-0">4000803308.com</label></li><li><input id="mce-group[31385]-31385-1" name="group[31385]" type="radio" value="2"/><label for="mce-group[31385]-31385-1">skynetindia.info</label></li><li><input id="mce-group[31385]-31385-2" name="group[31385]" type="radio" value="4"/><label for="mce-group[31385]-31385-2">skynettechnologies.ch</label></li></ul></fieldset></div><div aria-hidden="true" style="position: absolute; left: -5000px;"><input name="b_1d02cbb7b8aa00fdd11e6d45d_60e350d2e3" tabindex="-1" type="hidden" value=""/></div> <input class="button" id="mc-embedded-subscribe" name="subscribe" type="submit" value="Subscribe"/></div><div class="clear" id="mce-responses"><div class="response" id="mce-error-response" style="display:none"></div><div class="response" id="mce-success-response" style="display:none"></div></div></div></form></div></div></div></div></div></div></div></article></div></div><div class="views-element-container block block-views block-views-blocknode-views-count-statistics-block-1" id="block-views-block-node-views-count-statistics-block-1"><div class="content"><div><div class="view view-node-views-count-statistics view-id-node_views_count_statistics view-display-id-block_1 js-view-dom-id-bb88d460418823b9ab5e82014ec3cf6c4009994245f2f9068d721072cd41842b"><div class="view-content row"><div class="views-row"><div class="views-field views-field-nid"><span class="field-content">31</span></div></div></div></div></div></div></div> </section> </main></div></div></div><div class="featured-bottom"> <aside class="container clearfix" role="complementary"> <section class="row region region-featured-bottom-second"><div class="block block-block-content block-block-content349c0c0a-b6ea-409b-b992-6a20566a64c3" id="block-scanadabar"><div class="content"><div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="scan-ada-wrapper"><div class="container"><div class="scan-ada-bar"><div class="text-wrapper"><div class="icon"><img alt="" height="75" src="/libraries/bootstrap/images/scan-website-icon.svg" width="75"/></div><div class="text"><p>扫描你的网站是否违反了可访问性!</p></div></div><div class="form-wrapper"><form id="scan_ada_form"><div class="form-fields-wrapper"> <label class="visually-hidden" for="scan-ada">输入网站URL进行扫描 </label><div class="input-group"><span class="input-group-icon"></span> <input id="scan_ada_input" name="scan-ada" placeholder="输入网站URL进行扫描" type="text"/></div> <button class="btn btn-primary" id="scan_ada_btn" type="submit">Start Scan</button></div> <span class="error-message" id="scan-form-error-2"></span></form></div></div></div></div><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
const footer_scan_submit_button = document.getElementById("scan_ada_btn");
const footer_scan_submit_input = document.getElementById("scan_ada_input");
const footer_scan_error_message = document.getElementById("scan-form-error-2");
const footer_scan_input_httpRegex = /(http?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#()?&//=]*)/;
footer_scan_submit_button.addEventListener("click", (e) => {
e.preventDefault();
const inputValue = footer_scan_submit_input.value;
if(inputValue === ""){
footer_scan_error_message.textContent = "Please enter website URL";
footer_scan_error_message.style.display = "inline";
}
else if(!footer_scan_input_httpRegex.test(inputValue)){
footer_scan_error_message.textContent = "Please enter a valid website URL";
footer_scan_error_message.style.display = "inline";
}
else{
footer_scan_error_message.style.display = "none";
window.location.href = `http://accessibilitychecker.4000803308.com?website=${inputValue}`
}
});
</script></div></div></div> </section> </aside></div> <footer class="site-footer"><div class="container-fluid"><div class="site-footer__top clearfix"> <section class="row region region-footer-first"><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["webaccessibilitysolutions","full"],"token":"8-LTFfCIGcXBpbPzFh8NOypJ1-3QRSmxfs2vV1H3Jro"}'><span class="ajax-big-pipe-loader"></span></div><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["accessibiiltyassistpro","full"],"token":"kHSddETN_XF4-mf1ZFVsA41Fx_C60JIUjkqyZBOz8Lg"}'><span class="ajax-big-pipe-loader"></span></div> </section> <section class="row region region-footer-second"><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["support","full"],"token":"GCyChx2HBvG9VZ79ETn17DrcVCi546waCpWCpBkrc6s"}'><span class="ajax-big-pipe-loader"></span></div><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["platforms","full"],"token":"JkNnYs_A4TE3fZevgFU7uQTnoCKngeh3unyygmhtEe8"}'><span class="ajax-big-pipe-loader"></span></div> </section> <section class="row region region-footer-third"><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["compliancestandards","full"],"token":"_fu2wbHPKthoWlf5P3brlt2nZIcIM9BcH1jM9rOPMTs"}'><span class="ajax-big-pipe-loader"></span></div> </section> <section class="row region region-footer-fourth"><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["services","full"],"token":"yzCIygKeT6UHl5ItQFJSTCWQhH_nmIvEkh3h0G-zIIE"}'><span class="ajax-big-pipe-loader"></span></div><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["company","full"],"token":"D8rds-vjFvxdKRu4cmbeG0gSKQYF-UV-QUxiezO0eIo"}'><span class="ajax-big-pipe-loader"></span></div> </section> <section class="row region region-footer-fifth"><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["footerbadges","full"],"token":"ApWXGG5VFEeodmN93c5LSJ2-jNY9gQ_5K0ZDXDJ4qmc"}'><span class="ajax-big-pipe-loader"></span></div><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["customerbase","full"],"token":"pEt7gHjnj3WW5BZkvULf_iuEQen6rlMUvJPVPmjrZ88"}'><span class="ajax-big-pipe-loader"></span></div> </section></div><div class="site-footer__bottom"> <section class="row region region-footer-sixth"><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["footercopyrights","full"],"token":"DLxixTZiKNnC4rhWM_GppTali9BeQWGOIlYM0glOrOA"}'><span class="ajax-big-pipe-loader"></span></div> </section></div></div> </footer></div></div></div><script data-drupal-selector="drupal-settings-json" type="application/json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/1258","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en","currentQuery":{"_wrapper_format":"html"}},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"ajax_big_pipe\/ajax,bootstrap_barrio\/breadcrumb,bootstrap_barrio\/global-styling,bootstrap_barrio\/links,bootstrap_barrio\/node,bootstrap_library\/bootstrap,cleantalk\/apbct-public,core\/picturefill,layout_builder\/twocol_section,layout_discovery\/onecol,lazy\/lazy,nodeviewcount\/nodeviewcount.base,skynettechnologies\/blogdetail,skynettechnologies\/bootstrap,skynettechnologies\/global-styling,system\/base,views\/views.ajax,views\/views.module","theme":"skynettechnologies","theme_token":null},"ajaxTrustedUrl":[],"lazy":{"lazysizes":{"lazyClass":"lazyload","loadedClass":"lazyloaded","loadingClass":"lazyloading","preloadClass":"lazypreload","errorClass":"lazyerror","autosizesClass":"lazyautosizes","srcAttr":"data-src","srcsetAttr":"data-srcset","sizesAttr":"data-sizes","minSize":40,"customMedia":[],"init":true,"expFactor":1.5,"hFac":0.8000000000000000444089209850062616169452667236328125,"loadMode":2,"loadHidden":true,"ricTimeout":0,"throttleDelay":125,"plugins":[]},"placeholderSrc":"","preferNative":true,"minified":true,"libraryPath":"\/libraries\/lazysizes"},"nodeviewcount":{"url":"\/nodeviewcount\/updateCounter","data":{"1258":{"nid":"1258","uid":0,"uip":"172.69.33.209","view_mode":"full"}}},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:de55fdd2c0db5e2ec0ff66be6827ed514f61d053bc2e049001746167d687ae83":{"view_name":"blogs","view_display_id":"block_1","view_args":"1258","view_path":"\/node\/1258","view_base_path":"web-development-blog-feed.xml","view_dom_id":"de55fdd2c0db5e2ec0ff66be6827ed514f61d053bc2e049001746167d687ae83","pager_element":0},"views_dom_id:39989260e977f254d1ff60cd28ec750c39d7bfb29a9189ece6512b2341414635":{"view_name":"blogs","view_display_id":"block_25","view_args":"1258","view_path":"\/node\/1258","view_base_path":"web-development-blog-feed.xml","view_dom_id":"39989260e977f254d1ff60cd28ec750c39d7bfb29a9189ece6512b2341414635","pager_element":0}}},"ajaxBigPipe":"\/api\/bigpipe","user":{"uid":0,"permissionsHash":"c888464b90e4484f060e9c300daf1322f76de7d4309e8c04e3f44e68fa429195"}}</script><script src="/sites/default/files/js/js_03rF7fj1OWMxk924_HfOr70ub01uw_aZ9WM3Wvaq1Mo.js"></script><div class="cookie-notice" style="display:none"><div class="text-wrapper"> 我们使用cookies是为了给用户最好的体验. 欲了解更多信息，请阅读我们的 <a href="/privacy-policy">隐私政策</a>.</div><div class="buttons-wrapper"> <a class="btn btn-default" href="/cookie-preferences"> Preferences </a> <button class="btn btn-primary" id="acceptAll"> Accept All </button></div></div><script>
if(typeof cookie_preference.accept_all === 'undefined'){
document.querySelector(".cookie-notice").style.display = "block";
document.querySelector("footer.site-footer").style.paddingBottom = document.querySelector(".cookie-notice").getBoundingClientRect().height + 20 + "px";
}
var acceptAll = document.querySelector('#acceptAll');
acceptAll.addEventListener('click', function(event) {
cookie_preference = {};
cookie_preference.accept_all = "yes";
cookie_preference.accept_analytics_cookie = "yes";
cookie_preference.accept_ads_cookie = "yes";
preference_store_Setting();
//console.log(cookie_preference);
document.querySelector(".cookie-notice").style.display = "none";
document.querySelector("footer.site-footer").style.paddingBottom = '';
var ttanalyticsCookie = document.querySelector('#analytics_cookie');
if(ttanalyticsCookie != null)
{
ttanalyticsCookie.checked = true;
}
});
</script><script>
function initAIOA() {
if (window.AIOADidInit) {
return false;
}
window.AIOADidInit = true; // flag to ensure script does not get added to DOM more than once.
console.log("AIOA Init")
const script1 = document.createElement('script');
script1.type = 'text/javascript';
script1.async = true;
script1.id = "aioa-adawidget";
script1.src = "http://xsy6.4000803308.com/accessibility/js/all-in-one-accessibility-js-widget-minify.js?colorcode=420083&token=DRUPAL6CQ9-00H7-QXQS-30ZN-KA45-KTNL&t="+ Math.random() +"&position=";
document.head.appendChild(script1);
}
function initAIOAOnEvent(event) {
initAIOA();
event.currentTarget.removeEventListener(event.type, initAIOAOnEvent); // remove the event listener that got triggered
}
document.addEventListener('DOMContentLoaded', () => {
setTimeout(initAIOA, 15000);
});
document.addEventListener('scroll', initAIOAOnEvent);
document.addEventListener('mousemove', initAIOAOnEvent);
document.addEventListener('touchstart', initAIOAOnEvent);
</script><script>
document.addEventListener('DOMContentLoaded', () => {
//Select all sections to be lazy-loaded
const sectionTargets = document.querySelectorAll('.section-lazyload');
//Intersection Observer Callback Function
const loadSection = (entries, observer) => {
const [entry] = entries;
if (!entry.isIntersecting) return;
entry.target.innerHTML = document.getElementById(entry.target.getAttribute("data-template")).innerHTML;
const callback = entry.target.getAttribute("data-callback");
if(callback){
window[callback].call();
}
observer.unobserve(entry.target);
};
//Create an instance of the IntersectionObserver Object
const sectionObserver = new IntersectionObserver(loadSection, {
root: null,
threshold: 0.5,
})
//set the sections to be observed
sectionTargets.forEach(section => sectionObserver.observe(section));
})
</script></body></html>
