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.
Should be easy, just move some DOM elements and restyle.
Pairs with https://openedx.atlassian.net/browse/EDUCATOR-1553, work on them together.
fyi –