accessibility as a first-class concern in teaching …...info 343: client-side web development •...

11
Accessibility as a First-Class Concern in Teaching GUIs and Software Engineering Joel Ross, Andy Ko, David Stearns SIGCSE 2017, Seattle, WA

Upload: others

Post on 11-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course

Accessibility as a First-Class Concern in Teaching GUIs and Software Engineering

Joel Ross, Andy Ko, David StearnsSIGCSE 2017, Seattle, WA

Page 2: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course

Accessibility should be a coretopic in software development

Including accessibility is a low-effort taskthat can improve software design skills

Page 3: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course

Our Course Context

Info 343: Client-Side Web Development• HTML, CSS, JavaScript, Web Frameworks (Angular, React)• Required one-quarter course for our majors!

https://info343-au16.github.io/

Page 4: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course

"New" Material: Perceivability

Provide textual equivalent to visual elements

Page 5: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course

"New" Material: Navigability

Use semantic tags (and ARIA landmarks)

Page 6: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course

Course Changes

Reinforced content that we included anyway!

• Change one lecture on accessibility concepts– Practice HTML tag and attribute syntax– Have students use a screen reader!

• Add one focused assignment– Adding HTML to follow W3C & Accessibility standards– Can be graded automatically

https://info343-au16.github.io/

Page 7: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course

Supported CS Principles

• Separation of Concerns– HTML for content semantics, not appearance!

• Working with Standards– Following W3C and WAI-ARIA specifications

Page 8: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course
Page 9: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course

Works for Most GUI Frameworks!• Example: Java Swing

(http://docs.oracle.com/javase/tutorial/uiswing/misc/access.html)

• Example: Android Development(https://developer.android.com/guide/topics/ui/accessibility/apps.html)

Page 10: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course

Works for Many Courses!

• Software Engineering– A non-functional requirement for student projects

...that is testable!

• Human-Computer Interaction– A lens for considering navigation / Universal Design

• Any Course!– A way to emphasize diversity in software design

Page 11: Accessibility as a First-Class Concern in Teaching …...Info 343: Client-Side Web Development • HTML, CSS, JavaScript, Web Frameworks (Angular, React) • Required one-quarter course

An accessibility focus improves teaching software developmentContact Info

Joel Ross: [email protected], UW iSchoolAndy Ko: [email protected], UW iSchoolDave Stearns: [email protected], UW iSchool

https://www.washington.edu/accesscomputing/