Ari / Studio Course Settings
Location | Effort to convert into PL | Form Layout | Alignment | Label location | Tooltips | Placeholder text | Validation | Location of validation | Advance input fields | Semantic HTML | Links | Action buttons | Submit | Screenshots |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
/settings/details/{course_info} Course Schedule First section on page | ? | 2-column | left
| Above | No | No | Yes | Below | Datepicker Timepicker | No: needs aria-describedby button only disabled by CSS, not properly disabled | No | Save Changes/ Cancel | Takes you back to the top of page w/success message | https://drive.google.com/open?id=0B2fox3YcJyaoN2E3TjF6M09yU3c |
/settings/details/{course_info} Introducing Your Course Second section on page | ? | 1-column, 2-column | center, left + right | Below? See screenshots | No | No | Yes | Below | Image upload modal | No: needs aria-describedby Unclear whether modal gets proper focus (it gets it at first, but it's possible to tab out of it) | /assets/{course_info} | Upload course card image Choose file Upload Cancel Save Changes Cancel | Takes you back to the top of page w/success message | https://drive.google.com/open?id=0B2fox3YcJyaoLWFwN3A2MDQ4Ukk |
/settings/details/{course_info} Course Pacing Third section on page | ? | 1-column | left | Right | No | No | N/A - completely disabled if course has already started | N/A | Radio buttons | No: Needs aria-describedby Can't tab to second radio button | No | Save Changes Cancel | Takes you back to the top of page w/success message | https://drive.google.com/open?id=0B2fox3YcJyaoSGw5NGVRTnRmRG8 |
/settings/details/{course_info} Course Pacing Fourth section on page | ? | inline buttons | left | Right (for checkboxes) | Yes - text that displays above cursor and follows it Not tab-focusable | N/A | No | N/A | Buttons + checkboxes Has "Preview" widget below | No: Should be radio buttons, not button-buttons Probably should have aria-describedby instead of tooltips Difficult to select checkboxes by tabbing | All Rights Reserved Creative Commons Save Changes Cancel | Takes you back to the top of page w/success message | https://drive.google.com/open?id=0B2fox3YcJyaoOVhjSlA2UXZQMEU | |
/settings/grading/{course_info} Overall Grade Range First section on page | ? | inline button + slider ui | left | None | No | No | N/A? | N/A | Weird slider + button | No: a href="#" Really hard to understand, no instructions, needs additional accessible controls plus readable elements
| No | Add grade button Draggable grade slider Save Changes Cancel | Takes you back to the top of page w/success message | https://drive.google.com/open?id=0B2fox3YcJyaoYjMyaG1naGhuZlE |
/settings/grading/{course_info} Overall Grade Range First section on page | ? | 1-column | left | Above | No | No | Yes | Below | Text | No: Needs aria-describedby Maybe should be a slider instead? | No | Save Changes Cancel | Takes you back to the top of page w/success message | https://drive.google.com/open?id=0B2fox3YcJyaoSF9WN2lETl83WXM |
/settings/grading/{course_info} Assignment Types Second section on page | ? | Inline input fields | left | Above | No | No | Yes | Below | Text inputs | No: Needs aria-describedby Does not display multiple validation messages at once "text" input fields should be "number" Maybe number sliders? "Delete" resets the form in a confusing way | No | Delete Save Changes Cancel | Takes you back to the top of page w/success message | https://drive.google.com/open?id=0B2fox3YcJyaoWUVibWJBbUd5eE0 |