<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://www.w3.org/2000/08/w3c-synd/#">
<style type="text/css">
  <!--
.issue {
        BORDER-RIGHT: red 1px dotted; BORDER-TOP: red 1px dotted; BORDER-LEFT: red 1px dotted; BORDER-BOTTOM: red 1px dotted
}

.editornotes {
        BORDER-RIGHT: red 1px dotted; BORDER-TOP: red 1px dotted; BORDER-LEFT: red 1px dotted; BORDER-BOTTOM: red 1px dotted
}
  -->
  </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <link rel="stylesheet" href="http://www.w3.org/StyleSheets/TR/W3C-WD" type="text/css" />  
<title>4. Implementation Techniques for ATAG 2.0 Guideline 4</title>
<!--<link rel="stylesheet" href="http://www.w3.org/StyleSheets/TR/W3C-WD" type="text/css" />-->
<style type="text/css">
<!--
.note {
	background-color: #CCFFFF;
}
-->
</style>
</head>
 <body> 
<div class="head"> 
  <p><a href="techs.html">Contents</a> | <a href="tech1.html">Guideline 1</a> 
    | <a href="tech2.html">Guideline 2</a> | <a href="tech3.html">Guideline 3</a> 
    | Guideline 4 | <a href="refs.html">References</a></p>
  <p><a href="http://www.w3.org/"><img alt="W3C"
src="http://www.w3.org/Icons/w3c_home" /></a></p>
  <h1 class="notoc" id="title">Implementation Techniques for<br/>
    Authoring Tool Accessibility Guidelines 2.0:</h1>
  <h1 class="notoc" id="subtitle">Guideline 4: Promote and integrate accessibility 
    solutions </h1>
  <h2 class="notoc" id="date">Working Group Draft 25 June 2004</h2>
  <dl> 
    <dt>This version:</dt>
    <dd><a
      href="http://www.w3.org/WAI/AU/2004/WD-ATAG20-20040625/tech4">http://www.w3.org/WAI/AU/2004/WD-ATAG20-20040625/tech4</a></dd>
    <dt>Latest version:</dt>
    <dd><a
      href="http://www.w3.org/TR/ATAG20/tech4">http://www.w3.org/TR/ATAG20/tech4</a></dd>
    <dt><acronym title="Authoring Tool Accessibility Guidelines">ATAG</acronym> 
      1.0 Recommendation:</dt>
    <dd><a
    href="http://www.w3.org/TR/ATAG10">http://www.w3.org/TR/ATAG10</a></dd>
  </dl>
  <dl>
    <dt>Editors of this chapter:</dt>
    <dd>Jutta Treviranus - <abbr
      title="Adaptive Technology Research Center">ATRC</abbr>, University of Toronto</dd>
    <dd>Jan Richards - <abbr
      title="Adaptive Technology Research Center">ATRC</abbr>, University of Toronto</dd>
    <dd>Matt May - <a href="http://www.w3.org/"><abbr
      title="the World Wide Web Consortium">W3C</abbr></a></dd>
  </dl>

<p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"> Copyright</a> 
&#xa9; 2003 <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>
<sup>&#xae;</sup> (<a href="http://www.lcs.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, 
<a href="http://www.ercim.org/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, 
<a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, 
<a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>, 
<a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> and 
<a href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a> rules apply.</p>
</div>
<hr />
  <div class="editornotes">
  <p> @@Notes while editing@@ </p>
  <p>@@Should we include specific examples for the well known XML applications 
    (SVG, SMIL, MathML, VRML, WAP, etc)? -&gt; make sure to keep up to date with 
    WCAG@@</p>
  <p>@@Editor note: As part of the techniques writing process, changes are being 
    made to the text of success criteria and checkpoints. Once approved, these 
    changes need to be made back in the guideline document.@@</p>
</div>
<hr />
<h3>Introduction to Guideline 4:</h3>
<p>This guideline requires that authoring tools must promote accessible authoring 
  practices within the tool as well as smoothly integrate any functions added 
  to meet the other requirements in this document. The checkpoint requirements 
  for this section include ensuring the priority for accessible means of completing 
  an authoring tasks (Checkpoint 4.1), ensuring the availability of accessibility-related 
  functions (Checkpoint 4.2), and ensuring that accessibility-related functions 
  fit into the appearance and interactive style of the tool (Checkpoint 4.4).</p>
<hr />
<h3>Checkpoints in Guideline 4:</h3>
<ul>
  <li><a href="#check-visible-means111">Techniques for checkpoint 4.2</a> Ensure 
    that the most accessible option for an authoring task is given priority. [Priority 
    2]</li>
  <li><a href="#check-clearly-available">Techniques for checkpoint 4.3</a> Ensure 
    that accessibility prompting, checking, repair functions and documentation 
    are always clearly available to the author [Priority 2]</li>
  <li class="editornotes"><a href="#check-configurable">Techniques for checkpoint 
    4.X </a>Ensure that accessibility prompting, checking, repair and documentation 
    functions are configurable [Priority 2]</li>
  <li><a href="#check-integrated">Techniques for checkpoint 4.1.</a> Ensure that 
    accessibility prompting, checking, repair functions and documentation are 
    integrated into the workflow of Web Content development. [Priority 2]</li>
  <li><a href="#check-integrate-features">Techniques for checkpoint 4.4</a> Ensure 
    that accessibility prompting, checking, repair functions and documentation 
    are naturally integrated into the appearance and interactive style of the 
    tool. [Priority 3]</li>
</ul>
<hr />
<h3 class="editornotes">Notes:</h3>
<ul>
  <li>These techniques are informative. There are no claims made, implicit or 
    explicit, that by following any of the techniques in this document any conformance 
    requirements of the ATAG2.0 WD will be satisfied. Rather, these techniques 
    represent an illustrative sampling of approaches that might be useful in considering 
    the subject of authoring tool accessibility. There may be many other ways 
    a tool might be designed and still meet the normative criteria contained in 
    the success criteria.</li>
  <li class="editornotes"> The techniques all use the phrasing &quot;can&quot;, 
    rather than &quot;must&quot; or &quot;should&quot;. This is intended to reinforce 
    to the reader the non-normative status of this document. It should be noted 
    that some techniques are so important to meeting their respective success 
    criteria, that for all practical purposes, the techniques are required. These 
    techniques have been marked with an asterisk (*).</li>
</ul>
<hr />
<h3><span class="checkpoint"> <a id="check-visible-means" name="check-visible-means"></a> 
  <a href="overview.html#check-visible-means">ATAG Checkpoint 4.2</a>: </span>Ensure 
  that the most accessible option for an authoring task is given priority. <span class="priority2">[Priority 
  2]</span></h3>
<p><strong>Rationale:</strong> Authors are most likely to use the first and easiest 
  options.</p>
<h4 class="editornotes">Techniques for:<br />
  Success Criteria 1: When an authoring action has several more than one markup 
  implementations (e.g. the color of text can be changed with presentation markup 
  or style sheets) @@ changed by JR@@, those markup implementation(s) that meet 
  the requirements of WCAG <em>must</em> have equal or higher <a href="def-prominence">prominence</a> 
  than those markup implementations that do not meet the @@WCAG@@ requirements.</h4>
<table width="100%"  border="0" cellspacing="5" 
summary="Implementation techniques for ATAG 2.0 checkpoint 3.9 success criteria 1">
  <tr> 
    <td rowspan="2" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td class="editornotes"> <p><strong>Technique 4.2.1: </strong>If there are 
        two or more authoring options for performing the same authoring task (e.g. 
        setting colour, inserting multimedia, etc.), and one option results in 
        content that meets WCAG and the other does not, the more accessible option 
        can be given <span class="editornotes"> <s>user</s> authoring </span> 
        interface <a href="def-prominence">prominence</a>. </p></td>
  </tr>
  <tr> 
    <td class="editornotes"><h5><a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        Example 4.2.1: This illustration shows an authoring tool that supports 
        text formatting tasks via two options: using CSS and using <code>FONT</code>. 
        Since the action the CSS is the more accessible action, it is given a 
        higher prominence within the authoring interface. Specifically, the CSS 
        option appears above the FONT option in the drop down Format&gt;Font menu 
        and the CSS option is also used to implement the one click tool bar text 
        formatting buttons. (Source: mockup by AUWG)<br />
        <img src="tech4_images/4_2_1.png" width="322" height="171" alt="Demonstration of giving CSS higher prominence over font control" /> <span class="editornotes">[longdesc 
        missing]</span></h5>
      <p class="editornotes">@@BAF: We should enumerate options: (below assume 
        LTR order, may need to adjust for RTL) <br />
        For a list or combobox: place the accessible items at the top of the list<br />
        For a button set: place the accessible items at the left<br />
        For menu/toolbars: highlight/emphasize the more accessible options (for 
        example, give them mnemonics)@@</p>
      </td>
  </tr>
  <tr> 
    <td width="128" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td class="editornotes"><strong>Technique 4.2.2: </strong>Completely removing 
      less accessible options can simplify the task of meeting this success criteria.</td>
  </tr>
</table>
<p>&nbsp;</p><h3><span class="checkpoint"><a name="check-clearly-available" id="check-clearly-available"></a> 
  <a href="Overview.html#check-clearly-available">ATAG Checkpoint 4.3</a>: </span>Ensure 
  that accessibility prompting, checking, repair functions and documentation are 
  always clearly available to the author [Priority 2]</h3>
<p><strong>Rationale:</strong> If the features that support accessible authoring 
  are difficult to find and activate, they are less likely to be used. Ideally, 
  these features should be turned on by default.</p>
<p class="editornotes">@@BAF: &quot;logical&quot; grouping rules should take precedence. 
  If necessary the accessibility options can be on separate pages if easily accessed 
  through the many flow of the application. Typically this will not be the case. 
  For example, have an &quot;description&quot; field as a part of an image selection 
  dialog is both natural and appropriate.@@</p>
<h4>Techniques for:<br />
  Success Criteria 1: <em>Continuously active processes</em> (e.g. a checker that 
  underlines errors as they occur, a checker that runs at each save, a checker 
  that runs every 10 minutes, etc.) that implement functions required by checkpoints 
  3.1, 3.2, 3.3 and 3.7 <em>must</em> be enabled by default.</h4>
<table width="100%"  border="0" cellspacing="5" 
summary="Implementation techniques for ATAG 2.0 checkpoint 3.9 success criteria 1">
  <tr> 
    <td width="128" rowspan="2" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td class="editornotes"><strong>Technique 4.3.1: </strong>Optrional continuously 
      active processes controlled by preference settings can br on be default.</td>
  </tr>
  <tr> 
    <td> <h5 class="editornotes"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a> 
        <a name="example_4_3_1" id="example_4_3_1"></a>Example 4.3.1: This illustration 
        shows the preference setting area of an authoring tool, open to an &quot;Accessibility&quot; 
        section. Settings that control continuously active processes are circled 
        in red. (Source: mockup by AUWG)<br />
        <img src="tech4_images/4_3_1.png" alt="Illustration of how continuously active processes related to accessibility might be controlled via a preferences setting." width="289" height="315" /> 
        <span class="editornotes">[longdesc missing]</span></h5>
      </td>
  </tr>
</table>
<h4>Techniques for:<br />
  Success Criteria 2: <em></em>If the author chooses to disable these <em>continuously 
  active processes</em>, then the tool <em>must</em> inform the author of the 
  consequences of their choice.</h4>
<table width="100%"  border="0" cellspacing="5" 
summary="Implementation techniques for ATAG 2.0 checkpoint 4.3 success criteria 2">
  <tr> 
    <td width="128" rowspan="2" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td><strong>Technique 4.3.2: </strong>The tool can inform the author that 
      disabling any continuously active process may cause problems to develop 
      that might not otherwise.</td>
  </tr>
  <tr> 
    <td><h5><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a> 
        Example 4.3.2: This dialog box might be activated if the author unchecks 
        a &quot;highlighting accessibility related fields&quot; feature, as shown 
        in <a href="#example_4_3_1">figure 4.3.1</a>. Notice that the wording 
        used in this example makes reference to the possibility that documents 
        will be &quot;less accessible to many users&quot; and that &quot;in some 
        jurisdictions accessibility is a legal requirement&quot;. (Source: mockup 
        by AUWG)<br />
        <img src="tech4_images/4_3_2.png" alt="Illustration of how a user might be warned about turned off an accessibility related process" width="402" height="216" /> 
        <span class="editornotes">[longdesc missing]</span></h5></td>
  </tr>
</table>
<h4 class="editornotes">Techniques for:<br />
  Success Criteria 3: The<s> accessibility-related</s> @@accessibility prompting, 
  checking, repair and documentation@@ must have at least the same <a href="def-prominence">prominence</a> 
  as@@ prompting, checking, repair and documentation@@ for other mandatory information 
  in the tool @@(e.g. prompting for file names during saves or checking for and 
  repairing spelling or syntax errors).@@</h4>
<p class="editornotes">@@JR: the techniques here are pretty weak - we must ensure 
  they relate to success criteria@@</p>
<table width="100%"  border="0" cellspacing="5" class="editornotes" 
summary="Implementation techniques for ATAG 2.0 checkpoint 4.3 success criteria 3">
  <tr> 
    <td width="128" valign="top">&nbsp;</td>
    <td bgcolor="#99FF99">
<p><strong>Technique 4.3.3: </strong>Considerations for accessibility, 
        such as short text label and long description attributes, can appear on 
        the same dialog as the source attribute, rather than buried behind an 
        "Advanced..." button.<span
          class="necessary"> 
        <!--[<a name="T0225111" id="T0225111">T0225</a>]-->
        </span></p>
      <p>@@BAF: &quot;can&quot; should be &quot;must&quot; here.@@</p></td>
  </tr>
  <tr> 
    <td valign="top">&nbsp;</td>
    <td bgcolor="#99FF99"><strong>Technique 4.3.4: </strong>Efficient and fast 
      access to accessibility-related settings with as few steps as possible needed 
      to make any changes that will generate accessible content.<span
          class="necessary"> (@@KM concerned about this@@) 
      <!--[<a name="T022711111" id="T022711111">T0227</a>]-->
      </span></td>
  </tr>
  <tr> 
    <td valign="top">&nbsp;</td>
    <td bgcolor="#99FF99" class="editornotes"><s><strong>Technique 4.3.5: </strong>If 
      a single checker tool is implemented to detect spelling errors and accessibility 
      problems, the design can ensure equal visibility for the accessibility checking 
      component:</s> @@JR@@ 
      <p>@@BAF spelling is an example of a verification action. this may lead 
        one to think its the only one (ie if no spell check, we can ignore this).@@</p></td>
  </tr>
  <tr>
    <td valign="top">&nbsp;</td>
    <td bgcolor="#99FF99"><strong>Technique 4.3.6: </strong>Sometimes several 
      input fields must be filled in order to make a single element accessible. 
      Instead of dispersing these prompts over multiple dialog boxes, it can be 
      more effective to draw them together into one group of controls with a visible 
      tab or other method for accessing the group.@@new-from intro text@@</td>
  </tr>
</table>
<p>&nbsp;</p>
<h3><span class="checkpoint"><a name="configure" id="configure"></a><a href="Overview.html#check-configure">ATAG 
  Checkpoint 4.X</a>: Ensure that accessibility prompting, checking, repair and 
  documentation functions are configurable.</span> <span class="priority3">[Priority 
  2]</span></h3>
<p><strong>Rationale: </strong>A configurable tool is more likely to be adatpable 
  to the work habits or more authors.</p>
<h4>Techniques for<br />
  Success Criteria 1: The configurability of functions related to accessibility 
  <a href="#def-Prompt">prompting</a>, <a href="#def-Checking">checking</a>, <a href="#def-Repairing">repair</a>, 
  and <a href="#def-document">documentation</a> must be equivalent to that of 
  comparable functions in terms of number of options controllable by the author 
  and the degree to which each option can be controlled.</h4>
<p><strong>Technique 3.2.8:</strong> Alerts for <abbr
          title="Web Content Accessibility Guidelines">high priority WCAG</abbr> 
  checkpoints can be included in the default configuration. 
  <!--[<a name="T019111111" id="T019111111">T0191</a>]-->
</p>
<p><strong>Technique 3.2.10:</strong> Preference utilities can be designed to 
  allow authors to choose different alert levels based on the priority of accessibility 
  practices.</p>
<table width="100%"  border="0" cellspacing="5" summary="Implementation techniques for ATAG 2.0 checkpoint 3.9 success criteria 1
">
  <tr> 
    <td width="128" rowspan="3" valign="top"> <a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td><p><strong><a name="user-config" id="user-config"></a>Technique 4.X.1:</strong> 
        Consider how much author configurability to provide.<strong> </strong></p>
      <p>Author acceptance of the accessibility features of an authoring tool 
        will likely depend on the degree to which these features can be integrated 
        into the existing workflows of authors. That is why the ATAG 2.0 definition 
        of <a href="link%20to%20defn">&quot;prompting&quot;</a> clearly states 
        that: &quot;the form and timing that this prompting takes can be author 
        configurable&quot;. In other words, the author should be able to control 
        of how and when assistance in avoiding accessibility problems is rendered 
        by the tool. This author configurability will help reconcile the additional 
        accessibility authoring tasks with the regular work pattern of the author. 
        To achieve this, tools may offer the author a range of checking and prompting 
        options (<a href="#fig311">see Figure 3.1.1</a>), including: <span class="editornotes">[@@new@@]</span> 
      </p>
      <ul>
        <li>which accessibility standards they wish to follow, and where applicable, 
          to which level,</li>
        <li>the degree to which the prompts are highlighted in the interface,</li>
        <li>the nature of the accessibility guidance they wish to receive, and</li>
        <li>the nature and timing of any automated accessibility features (e.g. 
          accessibility checking or correcting utilities).</li>
      </ul></td>
  </tr>
  <tr> 
    <td><h5 class="editornotes"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a> 
        <a name="example_3_1_1_a" id="example_3_1_1_a"></a>Example 3.1.1(a): This 
        illustration shows an accessibility preferences dialog that allows the 
        author to customize the nature of accessibility checking, highlighting 
        and help as well as set the accessibility standards the tool will check 
        against. (Source: mockup by AUWG)<br />
        <img
src="tech3_images/3_1_1a.png"
alt="Screen shot demonstrating an accessibility options card"
width="284" height="315" hspace="0" vspace="0" border="0" /> <span class="editornotes">[longdesc 
        missing]</span><br />
      </h5>
      </td>
  </tr>
  <tr> 
    <td><h5 class="editornotes"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
        Example 3.1.1(b): This illustration shows shows a different preferences 
        layout, in which accessibility checking is just one of the checkers available 
        as the author enters text in a code-level authoring tool. Other checkers 
        are shown for spelling, syntax and usability. (Source: mockup by AUWG)<span class="editornotes">@@added 
        due to BAF comment@@</span><br />
        <img src="tech3_images/3_1_1b.png" alt="Screen shot demonstrating an checkers options card" width="284" height="133" /></h5>
      </td>
  </tr>
</table>
<p>&nbsp;</p>
<p>All functions that support <a href="#def-acc-auth-practice">accessible authoring 
  practices</a> should allow author preferences to be configurable to allow for 
  different authoring styles. Custom configurations should improve use of the 
  tool and make authors more receptive to assistive interventions from the authoring 
  tool.</p>
<p>- section on configurability in techniques for checkpoint 3.1 could be used 
  as starting point for techniques for this checkpoint (4.X)</p>
<p>&nbsp;</p>
<h3><span class="checkpoint"> <a id="integrate-in-workflow" name="integrate-in-workflow"></a> 
  <a href="Overview.html#check-accessibility-everywhere1">ATAG Checkpoint 4.1</a>: 
  Ensure that accessible authoring practices are integrated into the <a href="guidelines.html#def-workflow">workflow</a> 
  of Web Content development. </span><span class="priority2">[Priority 2]</span></h3>
<p><strong>Rationale:</strong> Accessible design as an afterthought or separate 
  process is much more onerous and therefore costly than when accessibility is 
  considered from the start. If the authoring tool supports a workflow in which 
  the author considers accessibility before and/or during the authoring process 
  it is more likely that accessible authoring practices will become a common practice. 
  This is analogous to internationalization, which is much easier when it is considered 
  from the beginning rather than handled last.</p>
<h4>Techniques for:<br />
  Success Criteria 1: Any mechanism that guides the author in sequencing authoring 
  actions (e.g. design aids, wizards, templates, etc.) <em>must</em> integrate 
  accessibility <a href="#def-Prompt">prompting</a>, <a href="#def-Checking">checking</a>, 
  <a href="#def-Repairing">repair</a> functions and <a href="#def-document">documentation</a>.</h4>
<p class="editornotes">@@ BAF: Wizards are the way to go: . Repair tools can address 
  pre-existing content or content edits after use of a wizard (assuming you cannot 
  reenter the wizard). @@ @@BAF: wizards etc should be a major prompting mechanism. 
  Many samples should be shown such as the table example.@@</p>
<p class="editornotes">@@JT: Maybe have an example showing a template....?NTS?@@</p>
<p class="editornotes">@@JT: We need to have new techniques for tools that could 
  try to get author to put down structure first and seperately than presentation 
  - swappable styles@@</p>
<table width="100%"  border="0" cellspacing="5" class="editornotes" summary="Implementation techniques for ATAG 2.0 checkpoint 4.1 success criteria 1">
  <tr> 
    <td width="128" rowspan="2" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td> <p><strong>Technique 4.1.1: </strong>Prompting can be integrated into 
        sequencing mechanisms (e.g. design aids, wizards, templates) at a point 
        early enough in the authoring process that there is less chance that it 
        will be bypassed.</p></td>
  </tr>
  <tr> 
    <td><h5><a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a> 
        Example 4.1.1: This illustration shows a wizard (indirect authoring) interface 
        that prompts the author for a few key pieces of information that will 
        then be used to generate a complete page; a gallery page in this case. 
        Since this step of the wizard includes a &quot;Finish&quot; button, this 
        is a suitable place to add the accessibility-related prompts (&quot;label&quot; 
        and &quot;description&quot;). Placing these prompts later in the process 
        would allow the author to bypass them. (Source: mockup by AUWG)<br />
        <img src="tech4_images/4_1_1.png" alt="Illustration of a page building wizard with a Web based interface." width="455" height="371" />[longdesc 
        missing]</h5></td>
  </tr>
  <tr> 
    <td width="128" rowspan="2" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td class="editornotes"> <p><strong>Technique 4.1.2: </strong>Checking that 
        is <a href="tech3.html#check-auto">automated</a> or <a href="tech3.html#check-semi">semi-automated</a> 
        can be integrated into sequencing mechanisms (e.g. design aids, wizards, 
        templates)</p></td>
  </tr>
  <tr> 
    <td> 
      <p><strong>Example:</strong> See 4.1.5(b)</p>
      </td>
  </tr>
  <tr> 
    <td width="128" rowspan="2" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td class="editornotes"> <p><strong>Technique 4.1.3: </strong>Repair that 
        is <a href="tech3.html#correct-auto">automated</a> or <a href="tech3.html#correct-semi">semi-automated</a> 
        can be integrated into sequencing mechanisms (e.g. design aids, wizards, 
        templates)</p></td>
  </tr>
  <tr> 
    <td bgcolor="#99FF99"> <p><strong>Example:</strong> This illustration shows 
        ... @@PROCESS OF CONSTRUCTING CONTENT AND STRUCTURE BEFORE STYLING@@</p>
      <p>&nbsp;</p></td>
  </tr>
  <tr> 
    <td width="128" rowspan="2" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td class="editornotes"> <p><strong>Technique 4.1.4: </strong>Immediate access 
        to some basic accessibility documentation and one-step access to more 
        comprehensive documentation can be provided to provide support to the 
        author as needed.</p></td>
  </tr>
  <tr> 
    <td> <h5><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a> 
        Example 4.1.4:<strong> </strong>This illustration shows an accessibility 
        checker with some limited short label authoring tips listed beneath the 
        text entry area as well as a button linking to the full documentation. 
        (Source: mockup by AUWG)<br />
        <img src="tech4_images/4_1_4.png" width="398" height="247" alt="Demonstration of an interface providing accessibility tips" />[longdesc 
        missing]</h5>
      </td>
  </tr>
  <tr> 
    <td rowspan="2" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td class="editornotes"><strong>Technique 4.1.5: </strong>A tight coupling 
      between all of the accessibility-related functions leads to a more seamless 
      authoring experience.</td>
  </tr>
  <tr> 
    <td><h5><a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        Example 4.1.5(a,b,c): This illustration shows a sequence of steps through 
        a WYSIWYG interface in which prompting, checking, repair and documentation 
        of accessibility issues are all integrated into the process of creating 
        a table. In the first step (Figure 4.1.5(a)), the author has requested 
        that a table be inserted. The tool prompts the author for accessibility 
        information (i.e. caption and summary) at the same time as it prompts 
        for the number of rows and columns, etc. The tool assists the author by 
        filling both fields with known information (i.e. that this is the 3rd 
        table in the document). In the second step (Figure 4.1.5(b)), as the author 
        finishes filling in the top row of cells, the tool has checked the structure 
        of the table and found a lack of header cells. To address this problem, 
        the tool asks whether this &quot;is a row of table headers&quot;. If the 
        author answers &quot;Yes&quot;, then the tool can make the repair automatically. 
        In the third step (Figure 4.1.5(c)), the author has added a new row to 
        the top of the table and merged two cells in this new top row. The tool 
        again checks the table and asks the author whether this &quot;merged cell 
        is a header for the column headers below it&quot;. If the author answers 
        &quot;Yes&quot;, then the tool can repair the table structure accordingly. 
        In all three steps, key terms are linked directly to the help documentation. 
        (Source: mockup by AUWG)<br />
        <img src="tech4_images/4_1_5abc.png" alt="Illustration of an 'insert table' dialog with places to add a caption and summary" width="417" height="540" />[longdesc 
        missing]<br />
      </h5>
      </td>
  </tr>
</table>
<p>Techniques for Success Criteria 2: <br />
  The P,C,R&amp;D <em>must</em> occur before completion of authoring workflow. 
  [@@wording is still flexible@@] [@@maybe we can allow authoring to define scope 
  of workflow with input from author@@]</p>
<p><strong>Technique 3.2.3:</strong> Accessibility problems can be detected and 
  immediately highlighted when documents are opened, when an editing or insertion 
  action is completed, or while an author is editing.</p>
<p><strong>Technique 3.2.11:</strong> If intrusive warnings are used, a means 
  can be provides for the author to quickly set the warning to unobtrusive to 
  avoid frustration.</p>
<table width="100%"  border="0" cellspacing="5" summary="Implementation techniques for ATAG 2.0 checkpoint 3.9 success criteria 1
">
  <tr> 
    <td width="128" rowspan="7" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td><p><strong>Technique 4.1.Y:</strong> Optimize the timing of prompting, 
        checking, and repair functions. Authoring accessible documents should 
        be as efficient as possible. Prompting, should be timed so that accessibility 
        problems are prevented whenever possible and, when not possible, checking 
        and repair should occur when the accessibility problem is easily reversible. 
        Integrated guidance in creating accessible content from <br />
        the beginning of the workflow will avert the need for more disruptive 
        checking and repair later in the workflow. Timing options include:<span class="editornotes"> 
        <a href="#immediate">Immediate Interruption</a>, <a href="#negotiated">Negotiated 
        Interruption</a> and <a href="#scheduled">Scheduled Interruption</a>.</span> 
      </p>
      <p>@@we need to remove checking bias by adding prompting examples.@@</p></td>
  </tr>
  <tr> 
    <td><p><a name="immediate" id="immediate"></a><strong>1. Immediate Interruption:</strong> 
        An immediate interruption is the most intrusive timing option because 
        the attention of the author is actively diverted from the current editing 
        task by the notification of some issue. This might be achieved, for instance, 
        by an alert dialog. This type of alert presents multiple usability problems 
        and should be used sparingly because it interferes with the normal design 
        workflow. Intrusive warnings are probably only appropriate when the window 
        of opportunity for correcting a serious accessibility problem is about 
        to close, such as when an author decides to publish the content in question. 
        In general, we recommend using the less disruptive timing options.</p></td>
  </tr>
  <tr> 
    <td><h5><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a> 
        Example 3.2.2(a): This illustration shows an example of an immediate interruption 
        of the author's workflow. The author must press the &quot;OK&quot; button 
        on the dialog box to continue. (Source: mockup by AUWG)<br />
        <img
src="tech3_images/3_2_2a.png"
alt="Screen shot demonstrating an immediate interruption"
width="334" height="117" /><span class="editornotes">[longdesc missing]</span><br />
      </h5></td>
  </tr>
  <tr> 
    <td class="editornotes"> <p><a name="negotiated" id="negotiated"></a><strong>2. 
        Negotiated Interruption (Preferred):</strong> A negotiated interruption 
        is caused by interface mechanisms (icons, line or color highlighting of 
        the element, audio feedback, etc.) that alert the author to a problem, 
        but remain flexible enough to allow the author to decide whether to take 
        immediate action or address the issue at a later time. Since negotiated 
        interruptions are less intrusive than immediate interruptions they can 
        often be better integrated into the design workflow and have the added 
        benefit of informing the author about the distribution of errors within 
        the document. Although some authors may choose to ignore the alerts completely, 
        it is <em>not</em> recommended that authors be forced to fix problems. 
        Instead, it is recommended that, at some <a href="#scheduled">major editing 
        event</a> (e.g., when publishing), the tool should remind the author of 
        the continuing unresolved accessibility issue. </p></td>
  </tr>
  <tr> 
    <td><h5><a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        Example 3.2.2(b): This illustration shows an example of a negotiated interruption. 
        The author is made aware of problems detected automatically by means of 
        a blue squiggly line around or under rendered elements with accessibility 
        problems. The author can still decide to address the problems at a later 
        time. (Source: mockup by AUWG)<br />
        <img
src="tech3_images/3_2_2b.png"
alt="Screen shot demonstrating coconfigured interuption"
width="209" height="194" /><span class="editornotes">[longdesc missing]</span><br />
      </h5></td>
  </tr>
  <tr> 
    <td><p><a name="scheduled" id="scheduled"></a><strong>3. Scheduled Interruption:</strong> 
        A scheduled interruption is one in which the author has set the tool to 
        alert them of accessibility issues on a <a href="#user-config">configurable 
        schedule</a>. One option for the schedule might be to have prompts associated 
        with the interface mechanisms for significant authoring events such as 
        saving, exiting, publishing, or <span class="editornotes">page generation</span>, 
        etc. At the significant authoring event, the author would be informed 
        of the problem, while at the same time they would <em>not</em> be prevented 
        from saving, publishing, printing, etc. For example, a "save as" dialog 
        could display an accessibility warning and an option to launch a correction 
        utility <em>after</em> saving (<a href="#fig327">see Figure 3.2.7</a>). 
        A potential downside of this type of prompting is that by the time the 
        prompt is displayed (publishing, etc.), the author may not have sufficient 
        time to make the required changes, especially if they are extensive. </p>
      <ul>
        <li>at save</li>
      </ul></td>
  </tr>
  <tr> 
    <td><h5><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
        Example 3.2.2(c): This illustration shows a &quot;Save As&quot; dialog 
        box that is an example of a scheduling mechanism for a scheduled interruption. 
        The author has the option of turning on or off a checking session immediately 
        following the save operation. The author's preference should be retained 
        for the next save operation. (Source: mockup by AUWG) <br />
        <img
src="tech3_images/3_2_2c.png" alt="Screen shot demonstrating a save as dialog with accessibility warning message" width="436" height="253" /><span class="editornotes">[longdesc 
        missing]</span><br />
      </h5></td>
  </tr>
</table>
<p>&nbsp;</p>
<h3><span class="checkpoint"><a href="Overview.html#check-integrate-features">ATAG 
  Checkpoint 4.4</a>: </span>Ensure that accessibility prompting, checking, repair 
  functions and documentation are naturally integrated into the appearance and 
  interactive style of the tool. <span class="priority3">[Priority 3]</span></h3>
<p><strong>Rationale:</strong> Most authors are reluctant to use features that 
  depart from the conventions of a tool. <span class="editornotes">Detached accessibility 
  modules also decrease the likelihood authors will check for and repair accessibility 
  problems with their code.[@@added by MM@@]</span></p>
<h4>Techniques for:<br />
  &quot;Success Criteria 1: The <span class="editornotes"> <s>user</s> authoring 
  </span> interface for accessibility prompting, checking, repair and documentation 
  <em>must</em> be @@equivalent@@ to the <span class="editornotes"> <s>user</s> 
  authoring </span> interface for comparable functions in terms of the following 
  characteristics: [1] visual design (measured by design metaphors, artistic sophistication, 
  sizes, fonts, colors), [2] operation (measured by degree of automation, number 
  of actions for activation), <s class="editornotes">[3] configurability (measured 
  by number and types of features)</s>, and [4] comprehensiveness (measured by 
  breadth and depth of functionality coverage).&quot; </h4>
<p class="editornotes">@@BAF: This one tends to be the default case (one would 
  rarely use a different style for accessibility prompting vs other prompting) 
  so wee need to make this more a thing to look out for vs a conscious design 
  action. We should include other samples in the pattern below.@@</p>
<table width="100%"  border="0" cellspacing="5" 
summary="Implementation techniques for ATAG 2.0 checkpoint 4.4 success criteria 1">
  <tr class="editornotes"> 
    <td rowspan="2" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td><strong>Technique 4.4.1: </strong><span class="checkpoint">In some cases, 
      accessibility prompting can be equivalent to prompting for <span class="editornotes">information 
      that is required for proper functioning</span>.</span></td>
  </tr>
  <tr> 
    <td class="editornotes"> <h5><a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        Example 4.4.1: This illustration shows a dialog box in which the form 
        taken by accessibility prompting, for a text label and a long description, 
        and that taken by prompting for a required <code>src</code> attribute 
        are highly similar. (Source: mockup by AUWG )<br />
        <img src="tech4_images/4_4_1.png" alt="Illustration of image insertion dialog showing accessibility prompts as well as required attribute prompt for src." width="455" height="228" />[longdesc 
        missing]</h5>
      </td>
  </tr>
  <tr class="editornotes"> 
    <td width="128" rowspan="3" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td><strong>Technique 4.4.2: </strong><span class="checkpoint">In some cases, 
      accessibility checking and repair mechanism can be equivalent to a code 
      syntax checking mechanisms or spell checking mechanisms.</span></td>
  </tr>
  <tr> 
    <td><h5><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
        Example 4.4.2(a,b): This illustration compares a syntax checker and an 
        accessibility checker in a code-level authoring tool. (Source: mockup 
        by AUWG )<br />
        <img src="tech4_images/4_4_2ab.png" alt="Illustration of potential similarities between an accessibility checker and a syntax checker." width="466" height="194" />[longdesc 
        missing]</h5></td>
  </tr>
  <tr> 
    <td><h5><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a> 
        Example 4.4.2(c,d): This illustration compares a spell checker and an 
        accessibility checker. (Source: mockup by AUWG )<br />
        <img src="tech4_images/4_4_2cd.png" alt="Illustration of potential similarities between an accessibility repair tool and a spelling repair tool." width="398" height="502" />[longdesc 
        missing]</h5>
      </td>
  </tr>
  <tr class="editornotes"> 
    <td rowspan="2" valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td><strong>Technique 4.4.3: </strong><span class="checkpoint">In most cases,</span> 
      accessibility-related documentation can be equivalent to other documentation 
      in the tool.</td>
  </tr>
  <tr class="editornotes"> 
    <td><h5><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
        <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a> 
        <a name="example_4_4_3" id="example_4_4_3"></a>Example 4.4.3: This illustration 
        shows how the accessibility documentation for a tool might look within 
        the main documentation feature. (Source: mockup by AUWG)<br />
        <img src="tech4_images/4_4_3.png" alt="Illustration of help for 'checking for accessibility'" width="617" height="209" />[longdesc 
        missing]</h5>
      </td>
  </tr>
  <tr> 
    <td valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td class="editornotes"><strong>Technique 4.4.4: </strong>Consider providing 
      a common toolkit to aid in designing additional tool functionality modules. 
      This might be used internally or by third party developers to develop accessibility 
      plug-ins with the same look and feel as other parts of the tool. 
      <!--[<a name="t0425" id="t0425"></a>T0425]-->
    </td>
  </tr>
  <tr class="editornotes"> 
    <td valign="top"><a href="http://www.w3.org/TR/ATAG20/#code"><img src="icons/code.gif" alt="Applicable to Code-Level authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#wysiwyg"><img src="icons/wysiwyg.gif" alt="Applicable to 'what you see is what you get' authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#oo"><img src="icons/oo.gif" alt="Applicable to Object-Oriented authoring functions" width="16" height="16" border="1" /></a> 
      <a href="http://www.w3.org/TR/ATAG20/#indirect"><img src="icons/indirect.gif" alt="Applicable to Indirect authoring functions" width="16" height="16" border="1" /></a></td>
    <td><strong>Technique 4.4.4: </strong>Consider designing accessibility features 
      as integral components of the authoring tool, not components that need to 
      be separately installed or executed.<span
          class="necessary"> 
      <!--[<a name="T0222" id="T0222">T0222</a>]-->
      </span></td>
  </tr>
</table>
<p><strong>Technique 3.2.4:</strong> CSS classes can be used to indicate accessibility 
  problems enabling the author to easily configure the presentation of errors.</p>
<p>Make checker like spell checker.</p>
<hr/>
<p><a href="techs.html">Contents</a> | <a href="tech1.html">Guideline 1</a> | 
  <a href="tech2.html">Guideline 2</a> | <a href="tech3.html">Guideline 3</a> 
  | Guideline 4 | <a href="refs.html">References</a></p>
</body>
</html>