Findings - form audit

LocationEffort to convert into PLExisting PL componentForm LayoutAlignmentLabel locationTooltipsPlaceholder textValidationLocation of validationAdvance input fieldsSemantic HTMLLinksAction buttonsSubmitScreenshots
Discussion image upload modal https://courses.stage.edx.org/courses/course-v1:Arbi+A101+2015/discussion/forum/Already using it.Yes, form componentStackedLeft align
NoneNoYesN/ANoYesNoYesModal is closed.Pageis refreshed with ajax.

https://drive.google.com/drive/folders/0B5texp53raJ2dXRIYWl4M0F5Tkk


Support 3 forms inside the modal

Mediumtext input, textareaStackedCenterStackedNoneNoYes - cannot submit with an empty title or bodyNative browser validation via input required attribute

No

YesNoYes - Add/Edit post and Cancel (uses UXPL buttons)Sends AJAX, form disappears and is replaced with post view

https://drive.google.com/drive/folders/0B5texp53raJ2VkJlcUFqemJkT00?usp=sharing


Support modal

MinbuttonStackedCenter in PL page, left aligned in non PL pageNoneNoneNoNoNoNoYesNoYes


https://drive.google.com/drive/folders/0B5texp53raJ2VkJlcUFqemJkT00?usp=sharing

Write a review – 3rd party iFrame called course talk. But it is good to capture this non-standard form in Platform.

https://stage.edx.org/course/inclusive-leadership-training-leading-catalystx-il5x-1#ct-read-review-widget


N/A? since it is3rdparty?text input, buttonStackedLeft aligned

Top.

Reviewteaxtareais missing a label

NoneyesYesBottomYes, stars in ratingsYes. But without aria-attributesNoYes. Looks like a link than a button. Cancel button is far bottom left.
https://drive.google.com/drive/folders/0B5texp53raJ2WTBiYnZwT25wSUU?usp=sharing



ScreenshotsTypeOptional/Required labelsUsing PLForm LayoutForm Buttons locationLabel locationTooltipsPlaceholderValidationLocation of validationAdvance inputSemantic HTMLLinksAction buttonsSubmitSubmitingSubmitted

Modal(error)(tick)StackedLeftAbove(error)(error)(tick)Below(error)(tick)YesYesModal is closed.Pageis refreshed with ajax.What happens while the form is processing? Any transitions, animations, etc?What happens when is done? what is the success message like? error? incomplete?