Christine

Christine

Sample data table

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

LMS Preview Menu

(log into with LMS with global permissions)

?

drop down with label

left aligned -

left of field

no

 

No

 

 

 

 

NO

No

See below

 

Limited Profile Form
https://courses.edx.org/u/

?

drop down with label.

text with link

left aligned

left of field.

Under field

No

 

No

 

 

 

Yes

No

No

See below

Account Settings https://courses.edx.org/account/settings

?

Grid (2 column)

 

Above fields

Right column has documentation

Nope

Inline

Right column, next to form

Nope

 

No

No

Nope

See below

CAPA - Multiple Choice
https://edge.edx.org/courses/course-v1:edx+edx102+2016_T1/courseware/ 

Shimmed in PL

Single col, responsive

Left

Above, with aria live region descriptive text

NO

No

Yes, and feedback

Inline with form field and at end of component. And sub-title to component title also updates upon completion

No

 

 

Yes

Yes

See below.

CAPA - Text Area and Drop Down, combined (multi-input)
https://edge.edx.org/courses/course-v1:edx+edx102+2016_T1/courseware/ 

Shimmed in PL

Single col, responsive

Left

Above, with aria live region descriptive text

NO

No

Yes, and feedback

Inline with form field and at end of component. And sub-title to component title also updates upon completion

No

 

 

Yes

Yes

See below.

CAPA - Radio Select
https://edge.edx.org/courses/course-v1:edx+edx102+2016_T1/courseware/ 

Shimmed in PL

Single col, responsive

Left

Above, with aria live region descriptive text

NO

No

Yes, and feedback

Inline with form field and at end of component. And sub-title to component title also updates upon completion

No

 

 

Yes

Yes

See below.

CAPA - Math 
https://edge.edx.org/courses/course-v1:edx+edx102+2016_T1/courseware/ 

Shimmed in PL

Single col, responsive

Left

Above, with aria live region descriptive text

NO

No

Yes, and feedback

Inline with form field and at end of component. And sub-title to component title also updates upon completion

No

 

 

Yes

Yes

See below.

Assessments - Drag and Drop
https://edge.edx.org/courses/course-v1:edx+edx102+2016_T1/courseware/

?

 

 

 

Modal help

 

Yes

 

 

 

 

 

No

See below.

Wiki
https://edge.edx.org/courses/course-v1:edx+edx102+2016_T1/wiki/edx.edx102.2016_T1/

XXXXXXXL

 

 

 

 

 

 

 

 

 

 

 

 

 

Notes - LMS
https://preview.edge.edx.org/courses/course-v1:edx+edx102+2016_T1/edxnotes/

XXXXL

 

 

 

 

 

 

 

 

 

 

 

 

 

Notes - Studio
https://studio.edge.edx.org/settings/advanced/course-v1:edx+edx102+2016_T1 

XXXXL

 

 

 

 

 

 

 

 

 

 

 

 

 

 

LMS Preview Menu

 

 

Limited Profile

 

Account Settings

CAPA - Multiple Choice

CAPA - Text Area and Drop Down, combined (multi-input)



 

CAPA - Radio Select

 

CAPA - Math 

 

Assessments - Drag and Drop

 

Other Common CAPA Types

 

Wiki

 

Notes - LMS

Notes - Studio