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

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