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

Description

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.

Steps to Reproduce

None

Current Behavior

None

Expected Behavior

None

Reason for Variance

None

Release Notes

None

User Impact Summary

None

Activity

Show:
Awais Jibran
March 12, 2018, 12:10 PM

fyi –

Eric Fischer
October 27, 2017, 6:03 PM

Should be easy, just move some DOM elements and restyle.

Pairs with https://openedx.atlassian.net/browse/EDUCATOR-1553, work on them together.

Fixed
Your pinned fields
Click on the next to a field label to start pinning.

Assignee

Eric Fischer

Reporter

Mark Sadecki

Story Points

1