Move syntax/formatting help to a more logical location in the DOM (WIKI)

Location: 07 Wiki - Edit

Severity: 8

Description: The text "Markdown syntax is allowed. See the cheatsheet for help" is information that is useful to enter text in the Contents field. However it comes after the textarea in the DOM which is not logical. Assistive technologies render content in a linear manner in the order placed in the DOM. When the reading order is not logical, assistive technology users may not use the content fully as intended.

Pattern: None

Auditor Note: Developers must move the code for the text "Markdown syntax is allowed. See the cheatsheet for help" before the Content textarea field:

<p id="hint_id_content" class="help-block">
Markdown syntax is allowed. See the <a id="cheatsheetLink" href="#cheatsheetModal" rel="leanModal">cheatsheet</a> for help.
</p>
<label for="id_codemirror_content" class="control-label ">
Contents
</label>
<textarea style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none; font-size: 4px;" autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" id="id_codemirror_content" wrap="off"></textarea>

Internal Note: Agree with the suggested fix. There has been informal discussion about deprecating Wiki.