82

Amplify Accessibility with Authoring Tool Accessibility Guidelines (ATAG 2.0)!

By: Skynet Technologies USA LLC
Jan 15, 24
Jan 15, 24
Authoring Tool Accessibility Guidelines (ATAG 2.0)

Well, web authoring tools are software and services used by web developers, designers, and writers to produce web content including static web pages, dynamic web applications, different types of content creation, etc. They offer a variety of features and functionalities to swiftly streamline the whole web development process. In a nutshell, the tools assist in ensuring user-friendly yet captivating website designs from scratch.

To use these tools, there are certain guidelines known as ATAG or Authoring Tool Accessibility Guidelines. The guidelines are made to define how an author can enable, support, and create such web content that conforms to WCAG.

Let’s understand this in detail.

What do you know about ATAG 2.0?

The Authoring Tool Accessibility Guidelines explain how to leverage the authoring tools to their optimum capacity and provide accessible content for everyone. ATAG is an amalgamation of Web Content Accessibility Guidelines (WCAG) and User Agent Accessibility Guidelines (UAAG).

ATAG 2.0 was published in 2015 taking reference from WCAG 2.0 and it is relevant for the current scenario because of the agnostic use of tools and technologies.

There are different types of authoring tools available such as:

  • Web page authoring tool like what-you-see-is-what-you-get (WYSIWYG) for HTML.
  • Various software to build websites like content management systems (CMS), learning management systems (LMS), content aggregators, no-code website builders, etc. This software is directly editing source code and for all web developers.
  • Multimedia authoring tools for content creators.
  • Software that converts web content technologies.
  • Software for rapidly updating portions of web pages such as online forums.
  • Integrated development environments.
  • Software for creating mobile web applications, etc.

YOU MAY ALSO LIKE: Importance of Web Accessibility

How does ATAG 2.0 help to bring the conformance to the table?

ATAG 2.0 guidelines are sorted by level of importance. They cover tools that are not web-based because they do not only support accessibility requirements but more than that.

Please note that ATAG 2.0 conformance for authoring tools is more complex than WCAG 2.0 conformance because it uses WCAG 2.0 standards along with myriad other requirements for authoring tools. Partial ATAG 2.0 process component conformance is also possible wherein additional add-on components would be required to claim complete conformance.

Additionally, partial conformance can be claimed even if the platform limits compliance. Such as, if a tool runs on multiple operating systems, conformance is possible on one platform that has an add-on accessibility checking service available. However, if a similar service is not available for the system to run on a different platform (like Linux), a platform limitation conformance claim can be made.

Read in-depth ATAG 2.0 conformance claim information.

Want to learn about important ATAG 2.0 authoring tools guidelines?

ATAG 2.0 has two parts of conformance applicability notes:

Part A of the guidelines has recommendations for making the authoring tool user interface accessible. The guidelines are not for web-based tools reflecting WCAG 2.0 standards. Such as,

  • Principle for authoring tools with user interfaces that follow applicable accessibility guidelines (A.1).
  • Principle for perceivable editing-views (A.2)
  • Principle for Editing views that are operable (A.3)
  • Principle for Editing-views that are understandable.

Part B of ATAG 2.0 is about guidelines to create tools that can produce WCAG 2.0 conforming web content. This part has four levels of guidelines along with a series of sub-guidelines for each level.

Principle B.1

It includes automatic processes to produce accessible content. Please note that these guidelines refer to authoring tool functions that automatically create web content. For example, if an authoring tool is automatically generating a basic HTML template while authoring a new page, the template should include a DOCTYPE declaration, a area, and element along with a <body> area, based on a given HTML specification.</p><p> This part of the guidelines also explains that when existing content is being edited via an authoring tool, there must be a precise way to preserve the accessibility information contained within the original content.</p><h3>Principle B.2</h3><p> It supports authors to produce accessible content such as, if a tool is helping to add images, it also must provide an option to add alternative texts for those images.</p><p>Moreover, if existing content has accessibility information, there should be a means to edit that information.</p><p> The authoring tools should not attempt to automatically repair/remediate existing content unless there is a specific issue occurring.</p><h3>Principle B.3</h3><p> Supports authors to improve the accessibility of existing content. Tools test the accessibility of the authored content against WCAG 2.0 and other accessibility guidelines (if any).</p><p>If manual testing is required, authoring tool guidance is available.</p><p>Once accessibility issues are identified, the tools also provide suggestions to fix the issues.</p><h3>Principle B.4</h3><p>These guidelines focus on authoring tools that promote and integrate their accessibility features.</p><p> The tools have enabled accessibility features by default. These authoring tools' accessibility features cannot be turned off. And if any of the tools have such an option to turn off its accessibility features, a warning message is given to explain what potential consequences can occur by doing so.</p><p> Documentation is available for authoring tools' proper usage. Also, to learn more information about ATAG 2.0 guidelines, refer to the <a href="http://dyox.cr609.com/" rel="nofollow" target="_blank">complete specification</a>.</p><p> <strong>YOU MAY ALSO LIKE: <a href="http://b1hoons8.cr609.com/blog/screen-reader-accessibility">Screen Reader Accessibility</a></strong></p><h2>Wrapping up</h2><p> ATAG 2.0 is another complex facet of bringing accessibility to your digital products. It needs expertise to implement the guidelines by using the correct authoring tools. If applied properly, ATAG 2.0 is surely the right option to enhance your website or application’s accessibility.</p><p> <em>Skynet Technologies is a proud <strong>W3C (World Wide Web Consortium)</strong> and <strong>IAAP (International Association of Accessibility Professionals)</strong> member that help us to be a part of the global accessibility community and stay up to date with compliance guidelines.</em></p><p> The businesses, large enterprises, Federal and state governments, educational institutions, and universities who are considering remediating websites with ADA WCAG 2.0, WCAG 2.1, WCAG 2.2 compliance; we provide <a href="http://b1hoons8.cr609.com/full-website-accessibility-remediation"> managed website accessibility remediation solution </a> including audit, consulting, accessible website design remediation, PDF/document remediation, regular maintenance, monitoring, VPAT report, training, and support for ADA, ATAG 2.0, WCAG 2.0, 2.1, 2.2 & Section 508 compliance. For more information, reach out to <a href="/cdn-cgi/l/email-protection#19717c757576596a7260777c6d6d7c7a71777675767e707c6a377a7674"><span class="__cf_email__" data-cfemail="fa929f969695ba899183949f8e8e9f9992949596959d939f89d4999597">[email protected]</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-12c13158bea14f4b4b07a12eb4274cf937218d6d181d65765acae95da7b56db4"><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> – *The information contained on this page is provided for informational purposes only, and should not be construed as legal advice on any subject matter. We request you to consult a professional attorney or law firm to get legal advice on any subject matter. You should not act or refrain from acting on the basis of any content included in this site without seeking legal or other professional advice. The contents of this site contain general information and may not reflect current legal developments or address your situation. We disclaim all liability for actions you take or fail to take based on any content on this site. The operation of this site does not create an attorney-client relationship between you and Skynet Technologies USA LLC. </em></div></span></div></div></div></div><div class="back-to-blog"><a href="http://xs.cr609.com/">BACK TO BLOG</a></div></div></div></div></div></div><div data-ajax-placeholder='{"callback":"Drupal\\block\\BlockViewBuilder::lazyBuilder","args":["views_block__blogs_block_8_2","full"],"token":"JqLb-gh2MB4DCAJuYCLrK8e7__9LwgkUUw9W8q-5mLs"}'><span class="ajax-big-pipe-loader"></span></div> </section> </main><div class="sidebar_second sidebar col-md-3 order-last" id="sidebar_second"> <aside class="section" role="complementary"><div class="block block-block-content block-block-contente928bb75-7960-4f48-8237-63a6cfc2bbbb" id="block-blogquickandfreescanblock"><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-bar-wrapper"><div class="scan-bar"><div class="icon-text-wrapper"><div class="text-wrapper"><h2>Is your site at lawsuit risk?</h2><p> A quick and free scan will show you violations that could leave you open to lawsuits.</p></div></div><div class="scan-form-wrapper"><form data-drupal-form-fields="" data-once="form-updated"><div class="form-fields-wrapper"> <input aria-describedby="scan-form-error" aria-label="Enter Your Website" id="scan-form-input" placeholder="Website URL" type="text"/> <input id="scan_form_submit" type="submit" value="Check"/></div> <span class="error-message" id="scan-form-error"></span></form></div></div></div></div></div></div><div class="block block-block-content block-block-content4607c611-52f8-4994-a280-bcd446dc831b" id="block-blogctablock"><div class="content"><div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="cta-wrapper"><img alt="" class="icon" height="76.29" loading="lazy" src="/libraries/bootstrap/images/accessibility-solution-cta-icon.svg" width="80"/><div class="title">Are you looking for managed web accessibility solutions?</div><p>Unlock the power of custom remediation and assistive technology to achieve website accessibility compliance!</p><a class="btn btn-primary" href="http://b1hoons8.cr609.com/ada-web-accessibility-quote#accessibility_audit">Request a Free Quote</a></div></div></div></div> </aside></div></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>Scan your site for Accessibility Violations!</p></div></div><div class="form-wrapper"><form id="scan_ada_form"><div class="form-fields-wrapper"> <label class="visually-hidden" for="scan-ada">Enter website URL for a scan </label><div class="input-group"><span class="input-group-icon"></span> <input id="scan_ada_input" name="scan-ada" placeholder="Enter website URL for a scan" 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.cr609.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,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.70.210.101","view_mode":"full"}}},"ajaxBigPipe":"\/api\/bigpipe","views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:c6976246d4d91d921e903cd7c6a7afd816074ff9fb796f74eb4648ff62a79eb3":{"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":"c6976246d4d91d921e903cd7c6a7afd816074ff9fb796f74eb4648ff62a79eb3","pager_element":0},"views_dom_id:12c13158bea14f4b4b07a12eb4274cf937218d6d181d65765acae95da7b56db4":{"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":"12c13158bea14f4b4b07a12eb4274cf937218d6d181d65765acae95da7b56db4","pager_element":0}}},"user":{"uid":0,"permissionsHash":"c888464b90e4484f060e9c300daf1322f76de7d4309e8c04e3f44e68fa429195"}}</script><script src="/sites/default/files/js/js_qaV9c-RThRyfPp6TffSiBf4KSpzvsI6DF65VMssd3jE.js"></script><div class="cookie-notice" style="display:none"><div class="text-wrapper"> We use cookies to give users the best possible experience. For more information, read our <a href="/privacy-policy">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://b1hoons8.cr609.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><style> .hidden { display: none; } </style> <a href="http://www.pousenojardim.com" class="hidden">AG亚游</a> <a href="http://www.shelvingmalta.com" class="hidden">立博体育</a> <a href="http://www.margateneverruns.com" class="hidden">澳门银河</a> <a href="http://www.webpagescms.com" class="hidden">Betting-company-billing@webpagescms.com</a> <a href="http://www.fantasticgiftcards.com" class="hidden">Wade-sales@fantasticgiftcards.com</a> <a href="http://www.fantasticgiftcards.com" class="hidden">Wade-sales@fantasticgiftcards.com</a> <a href="http://www.tokorozawa-web.com" class="hidden">Lottery-platform-marketing@tokorozawa-web.com</a> <a href="http://web-sitemap.ysto.xyz" class="hidden">工品汇</a> <a href="http://www.martinbelleau.com" class="hidden">Sun-City-service@martinbelleau.com</a> <a href="http://www.bohemesmusic.com" class="hidden">赌博平台</a> <a href="http://www.globalhairtechnologiesfl.com" class="hidden">Crown-365-contact@globalhairtechnologiesfl.com</a> <a href="https://fightingillini.com/tags/科普一下黄金城电子手游的百科【输入网址:8bet·me️】.qbq" class="hidden">中国商报网</a> <a href="https://stock.adobe.com/search?k=✔️网址:nba788.com✔️完美体育app-维基百科" class="hidden">江津论坛</a> <a href="https://ms-my.facebook.com/public/msports万博平台介绍[⛔3bet.me⛔]👇" class="hidden">龟江湖</a> <a href="https://sandiapeak.com/?T=1700441131390&s=【输入网址:nba788.com】ag亚游集团官方" class="hidden">Daoiqi</a> <a href="https://www.flickr.com/photos/tags/澳门老百汇平台(中国)有限公司✔️网址:3bet·me️✔️.klu" class="hidden">中国面粉信息网</a> <a href="https://ms-my.facebook.com/public/十大正规彩票平台>>✔️网址:nba998.com✔️手输<<.hho" class="hidden">中国工程咨询网</a> <a href="https://sandiapeak.com/?T=1700441131390&s=365bet中文登陆-维基百科【输入网址:nba998.com】.ehd" class="hidden">资生堂集团官方网站</a> <a href="https://hi-in.facebook.com/public/1946韦德官网-维基百科【Copy url:3bet·me️】.kcn" class="hidden">T-ARA CHINA 全球中文网</a> <a href="https://hi-in.facebook.com/public/>>【输入网址:nba788.com】手输<<体育博彩app" class="hidden">山东劳动职业技术学院</a> <a href="https://fightingillini.com/tags/>>▊nba998.com▊手输<<龙8国际娱乐官" class="hidden">英雄联盟百宝箱</a> <a href="/CN/hnzkqs-615928" class="hidden">GE环企网</a> <a href="/cn/ksxina-185340" class="hidden">Marmot</a> <a href="/CN/lntkyb-555058.html" class="hidden">开能环保</a> <a href="/news/pvjcxs-925991" class="hidden">郴州赶集网</a> <a href="/html/xsjxnb-854159.html" class="hidden">白领聚</a> </body></html>