The Alliance for Access to Computing Careers (AccessComputing) leads activities to increase the participation of people with disabilities, including veterans, in computing and information technology (IT) postsecondary education and career fields. AccessComputing is led by the Paul G. Allen School for Computer Science and Engineering, the Information School, and the DO-IT (Disabilities, Opportunities, Internetworking, and Technology) Center at the University of Washington (UW). The project is funded by the Computer and Information Science and Education (CISE) program of the National Science Foundation (grant # CNS-1539179).
This publication shares the proceedings of What to Teach about Accessibility, an AccessComputing-sponsored pre-symposium workshop that was held February 27, 2019 in Minneapolis as part of the annual Technical Symposium of ACM SIGCSE (Association for Computing Machinery Special Interest Group on Computer Science Education). The content may be useful for people who
AccessComputing works to increase the participation of people with disabilities in computing and IT fields. Institutional and organizational partners apply evidence-based practices to
AccessComputing partners with many institutions, organizations, and companies to make education and careers more welcoming and accessible to individuals with disabilities. AccessComputing engages with project partners by
What to Teach about Accessibility, sponsored by AccessComputing, was held in Minneapolis, MN on February 27, 2019, as a pre-symposium workshop of the annual Technical Symposium of the Association for Computing Machinery's (ACM) Special Interest Group on Computer Science Education (SIGCSE). Over 45 attendees participated in the workshop (See the Participant List). The goal of the workshop was to share ideas and strategies to integrate disability and accessibility into the computing curriculum. At the workshop, participants shared and learned about how accessibility topics can be integrated into computing/IT courses and how faculty in these fields can be encouraged to include accessibility topics in their courses. Promising practices and resources were shared by multiple presenters with diverse backgrounds. Teaching about accessibility in postsecondary computing education will result in a high-tech workforce able to design and develop technology usable for a wide audience, including individuals with disabilities.
It is important to distinguish between teaching about accessibility and accessible teaching:
There is an entire research area focused on accessible computing design, that is discussed in a specific research conference, and produces profound ideas about how computing systems can and should be designed. However, this workshop instead engaged some of the most active higher education faculty members who teach about accessibility in their courses, as well as other faculty members who are passionate about learning how to do so. The speakers shared fascinating, thoughtful, and unique content. It was quite clear based on the experiences shared at this workshop that not only is accessibility easily integrated into many parts of computing courses, but that it actually enriches the understanding of other core computing topics.
February 27, 2019
1:30 | Richard Ladner, University of Washington | Welcome |
Intro CS | ||
1:45 | Paula Gabbert, Furman University | Accessible Technology in CS0 |
2:00 | Amber Wagner, Birmingham Southern College | Accessibility in CS0 and CS1 courses |
2:05 | Break | Find someone you haven’t met and introduce yourself. |
Web development | ||
2:15 | Tina Ostrander, Green River College | Web development |
2:30 | Becky Grasser, Lakeland Community College | Intro to HTML class, uses accessibility checkers |
2:35 | Lauren Bricker, University of Washington | Accessibility in Web Programming |
2:40 | Break | Find someone you haven't met and introduce yourself. |
Capstone and Accessibility Courses | ||
2:55 | Anat Caspi, University of Washington | Accessibility Capstone |
3:10 | Raja Kushalnagar, Gallaudet University | Capstone Accessibility Course |
3:15 | Kendra Walther, University of Southern California | Using videos and Teach Access materials, JavaFX |
3:20 | Break | Find someone you haven't met and introduce yourself. |
Software Engineering, HCI, and Information | ||
3:30 | Michael Ball, Gradescope and University of California, Berkeley | Software Testing |
3:45 | Amy J. Ko, University of Washington | Accessibility in an iSchool |
Breakouts | ||
4:00 | Breakouts | Form interest groups around subject areas. What would it take to incorporate accessibility into your class? |
4:45 | Amy J. Ko, University of Washington | Closing |
The paragraphs that follow summarize the content of presentations given at the workshop. The presentation slides are available online in a public Google Slides deck.
At Furman University, each section of CS0 is focused on a particular topic such as social media, multimedia, games and artificial intelligence, virtual worlds and simulation, and cryptography. One section focuses on accessible technology. As a liberal arts college, Furman hosts these specific topics to help grab the attention of students who might not otherwise take a CS course or major in CS. CS0 fulfills a general education requirement for math and formal reasoning, which also helps attract students to the course. I developed the accessible technology section of CS0 after coming back to teaching from serving as dean and overseeing the accessibility office. Because it is a CS0 class, we are hoping to give students the seeds to get interested in accessibility and hopefully revisit the topic in later CS classes.
The primary objectives of the course are to
The course serves as an introduction to a variety of accessible technology options and builds the infrastructure for more robust content provided in subsequent classes. Students develop an appreciation for the challenges facing computer scientists when creating, testing, and maintaining technology and digital content.
During class sessions, we have discussions based on readings and videos on the following topics:
Because the students come from a variety of majors, they bring a variety of perspectives to these conversations.
During the section on operating systems, we talk about accessibility features of the MacOS. Throughout the section on networks and the Internet, we learn about the Web Content Accessibility Guidelines (WCAG) and read from Disability, Human Rights, and Information Technology edited by Jonathan Lazar and Michael Ashley Stein. In the section on algorithms and programming, students learn about Python libraries for speech recognition and text to speech. During the section on graphics, students learn about social networking environments, specifically focusing on the use of Second Life by autistic individuals.
Resources we use include the following:
At Birmingham-Southern College, CS0 is an intro course for majors and non-majors that follows the Advanced Placement (AP) Computer Science Principles curriculum. Previously, this was known on campus as an easy class, but we want to ensure the content is meaningful to participants. I’ve included a lecture on accessibility where we talk about the impact technology can have on a person’s life, types of disabilities and their effects, the Americans with Disabilities Act, and assistive technology (e.g., screen readers, magnifiers, speech systems, braille technologies, eye tracking, track pads).
We have also created activities focused on accessibility. In one activity, students break into pairs and give their partners directions to the cafeteria without referencing any visual cues. Once they get in the cafeteria, they must use an unusual water fountain that is there. This leads to a discussion about design that focuses on topics like Norman Doors, which are doors designed in a way that it is hard to tell whether to push or pull. In a second activity, students learn about hearing loss through a hearing loss simulator, a video about lip reading, and an activity called “Look, smile, chat.” I hope to implement activities with speech to text in the future.
I’ve also implemented activities in other CS classes. In our CS1 class, we have activities where we discuss the need for clear prompts to the user. Students critique one another’s projects for clarity and usability. In our human computer interaction/software engineering class, students tour an organization that works with people with disabilities and learn about the design of Myna, a vocal user interface for block-based programming. They then engage in projects.
Green River College offers a four-year degree in software development. Third-year students take a series of web programming courses. Fourth-year students complete a two-quarter capstone sequence. The students work in Agile teams to develop real-world software.
Students learn about accessibility throughout the curriculum rather than just as a special topic or lecture. Second-year students learn the importance of valid HTML and semantic markup. Third-year students read Don’t Make Me Think: A Common Sense Approach to Web Usability, perform usability reviews every two weeks, and learn about form design. Fourth-year students continue performing usability reviews and then participate in an accessibility peer review. Student teams play “accessibility consultants” to review another teams’ products and make recommendations. Teams then reflect on the recommendations and make improvements to their software products.
Before peer reviews, students watch a short video by WebAim (0:21-1:15), see an overview of accessibility, and read Google’s How to Do an Accessibility Review. The day of the review, students pair up or rotate teams and use an Accessibility Peer Review handout as a checklist. Student teams complete these tasks:
Student teams document results for each step, and make suggestions and recommendations.
Teams have one week to respond to the following:
Students find the activities useful and say they’ll use what they learned in the future.
Web Programming I is a second semester course in our four-semester program at Lakeland Community College. We have small classes with diverse students. Students are primarily graphic designers and front-end web developers—not programmers. As their medium is visual, they are not used to talking about individuals who cannot see. An interesting motivation is that if they want to sell their work, they cannot cut out a large portion of their potential audience. Course work is done using a plain text editor (e.g., Notepad++ or Text Wrangler) so that the students are comfortable with writing code before they use a full-featured editor.
Students are required to complete two tasks for every web page they create:
Each of the first eight (out of 15) weekly assignments has an instructor-produced video that guides them through each of the tools used to check the site. The students can see potential problems and how they are fixed. If the student reads and then watches the video, their scores usually improve each week.
CSE 154 at the University of Washington had an enrollment of less than 150 students in fall quarter and 250-300 students in spring quarter. Student characteristics are diverse, ranging from first year students (in spring quarter), sophomore to senior students, graduate students, and non-matriculated retirees. There are both pre-majors in the class and students who are looking for distribution credits. The course has a prerequisite of CSE 142 - Intro to Programming in Java or CSE 160 - Intro to Programming in Python. The course is a full-stack course that teaches content (words and images), structure (HTML), style (CSS), behavior (Javascript), and communication (server programs). I inherited the course when I came to UW. At the time, the class was about ten-years old and a bit static.
In fall 2017, I observed the class taught by a graduate student named Kyle Thayer. He added content about accessible design as lecture 27 of 30. There were 12 slides based on content from Richard Ladner, Jacob Wobbrock, and Amy J. Ko, and covering the following topics:
In spring 2018, this content was moved to lecture two of the course and reduced to nine slides that fit well within a lecture on HTML. Information on ability-based design was removed, and we added more tools and resources. We immediately used this to motivate the use of accessible web design principles:
In fall 2018, we continued to iterate. We added pre-lecture readings and more resources and worked to better connect accessibility and semantic tags. We pointed students to resources from The A11y project and a Web Accessibility Workshop from Grace Hopper.
Anecdotally, students better understood how the accessibility information related to the goals of the course when it was connected with the “interface” of a webpage and the HTML/CSS. Teaching assistants found students were more compliant about including alt information in their image tags. Students were more willing to use <section> and <article> vs overuse of <div>.
For spring 2019, we will continue to iterate by
As an REU (Research Experiences for Undergraduates) student at the UW over summer 2018, Cecilia worked on a mobile app accessibility assessment tool that Anat used in her accessibility capstone course to promote a social model of disability among students learning about accessible technology. UW’s Taskar Center for Accessible Technology (TCAT) has an academic mission to promote the use of accessible design best practices in engineering. TCAT’s focus on deployment and translation puts us on a unique path with its own demands. At the core of working on accessibility is the understanding that as engineers we should always be mindful of the extremely heterogeneous and diverse needs and requirements that people present as users. In all of our projects, we work with community members as co-designers and also work in a very interdisciplinary way. The bottom line is that we have cultivated communities of practice that include people of all abilities and ages, including caregivers, therapists, and practitioners, who engage regularly with our students through our projects.
We address accessibility as an issue pervasive to usability in all of engineering and design rather than addressing it as a specialty subfield. This is very important as we pursue an understanding among our students not only that accessibility is important, but that it is deeply connected to the fact that our built environment and our technology environments have traditionally been built in a mismatched manner to the majority of people. For inclusive design to be done appropriately and ethically, we have to see the fault in building mismatched products and environments, rather than trying to fix or ameliorate the deficiencies of a particular population. Broadly, this is the social model of disability, which doesn’t address people as if they are coming in with some kind of a deficit—rather, we are correcting designs that were poorly engineered by not having taken people’s bodies or abilities into consideration. Therefore, accessibility is construed as designing technology for the entirety of the human experience, a skill that is valuable regardless of the academic and career paths students choose.
Our Accessibility Capstone course provides students with the following:
As you can imagine, it takes a lot of effort to build the kinds of relationships and communities that can support student teams in this learning process. Also, we ensure that our students are not just dropped into the interaction, but are properly trained.
We run a pre-capstone accessibility seminar that requires students to
By using the Mobile App Accessibility Assessment as a learning tool, we aim to ensure students
In a pilot experiment, undergraduate students majoring in computational, design, and engineering fields were divided into two groups. One group reviewed one mobile app together and used the Mobile App Accessibility Assessment, contributing their review to a repository. The other group attended two lectures about universal access to mobile devices, had a reading assignment on the topic, and then performed the assessment. Both groups indicated that overall the assessment was of value to them and both indicated that it increased their commitment to engineering and designing accessible products. All participants expressed interest in educating other people on accessibility issues. When asked about their biggest takeaway, all responses from the second group focused on mobile application engineering and accessible app development. Responses from the first group were more varied with responses indicating helplessness about disability, the plight of the disabled, or the ability of the developers to create or break accessibility.
The Mobile Application Accessibility Assessment is a survey tool that can be used by novice users (people unfamiliar with accessibility features on mobile devices) to generate useful reporting structure and infographics to provide actionable information for developers and end users. The tool should assess whether a specific mobile app is accessible to different types of users, whether it is interoperable with accessibility features, and whether all the functions be reached and performed smoothly and equitably. We focused on two accessibility features: VoiceOver and Switch Control. The tool explains two categories of interaction elements where accessibility gaps occur: elements for perception that contain information but do not allow further actions and elements for manipulation that allow users to perform an action. Reports from the tool quantify the information from the survey and are organized by accessibility feature and its interoperability with the app. Inherent to the report is a social model of disability, which views using accessibility features as an alternative method of experiencing applications, as opposed to an inferior choice caused by the user’s deficiency. Future work will create an updatable repository of app assessments and open-source the assessment tool and learning materials.
Gallaudet University is a federally chartered private university for deaf or hard of hearing students located in Washington, D.C. We offer a bachelor’s degree in information technology (IT) that includes coursework on apps, web development, databases, and security. Students also complete a two-semester capstone sequence. Even though our students are deaf, that doesn’t necessarily mean that they are savvy about accessibility. Our students participate in self-reflection on accessibility for individuals who are deaf or hard of hearing; self-advocacy and teamwork on incorporating accessibility in IT, and discuss accessibility in IT courses related to apps and the web. Seniors build accessible technology capstone projects.
In ITS 371 Human Computer Interaction, students are exposed to definitions of accessibility, history of (in)accessibility, accessible technologies, universal design, and experience UI/UX as both customers and developers. In the first semester of the capstone, all Department of Science, Technology, and Mathematics (STM) majors work together to create an interactive STM demo on a website or app for both hearing audiences and deaf audiences. In the second semester, IT majors work together to create a website, app, or device for campus accessibility, business case to the campus admin, or compete with other deaf teams at Gallaudet and the Rochester Institute of Technology/National Technical Institute for the Deaf. Past projects have included (1) captions that indicate who is speaking using Microsoft Connect and (2) video the focuses on the current individual signing much like many teleconferencing systems focus on the person speaking.
In the Information Technology Program in the University of Southern California’s Viterbi School of Engineering, our classes are a cross-section of students from across campus. I like to use videos related to disability and accessibility to serve as inspiration for students and help them develop an understanding of the issues. Here are some videos I’ve used:
Drawing on content from Teach Access (teachaccess.org), we use the framework of inclusive design focusing on disability as a mismatch between the needs of the individual and the design of the service, product, or environment. This thinking can often lead to more inclusive and innovative product designs that think less about what a person has difficulty doing (seeing, using their hands, speaking, etc.) and more about how an app/site/device can make a task easier (voice commands, artificial intelligence, Internet of things). We stress that accessibility requires creativity. Students learn about six categories of disability—cognitive/sensory/learning, hearing, mobility, vision, speech, and neural—and then consider other characteristics like age and situational/temporary/environmental limitations. Accessibility is considered with respect to relevant legislation, benefits for all users, driving creative solutions, and creating greater market opportunities.
Students learn about accessibility in JavaFX. JavaFX supports accessibility through the operating system. The controls can be read via a screen reader and are traversable using the keyboard, and there’s support for a high-contrast mode. Within Node, there are 4 properties that correspond to the most common cases for adding accessibility: accessibleRoleProperty, accessibleRoleDescriptionProperty, accessibleTextProperty, and accessibleHelpProperty. (See this site to find out more). As a class activity, we turn on VoiceOver or Narrator and demonstrate how an application is read.
At Gradescope, I’ve led our accessibility work, training coworkers and working with university accessibility audits. In that role, I’ve thought a lot about how I would teach accessibility. Using a variety of tools helps to focus on the bigger picture. Instead of memorizing ARIA Standards, tests catch the error for you. Through using accessibility testing tools, we can
There is an important caveat. Automated testing does not guarantee an accessible experience and is not a substitute for testing with real users. And there are things that automated testing can’t tell us:
Automated testing runs a series of tests against your code or a live page, typically assessing WCAG standards. It ensures images have labels/alt text, ensures “clickable” elements have proper roles, checks color for proper contrast, and checks proper ordering of headings. These are relatively simple things that do add up! There are semi-automated tools that are bookmarklets, browser extensions, or web inspectors that audit a web page on demand, by a user clicking a button. There are also automated tools that run as a “background” task, such as part of a “continuous integration” or other automated test suites. If you already have a set of test cases, then adding accessibility testing is usually not too difficult.
Here is a list of some semi-automated tools that we use:
You can find more semi-automated tools here. A potential assignment involves using one of these tools to audit your project work and reporting findings and adjustments you can make. Because this is not automated you could repeat the process later in the project cycle. These tools could also be used to audit public sites.
For automated accessibility testing, axe-core, eslint-jsx-a11y, and accesslint.com are potential tools to use. Axe-core is a low-level library for testing HTML pages against WCAG standards maintained by Deque Labs. You can run a series of tests on every page load in development. There are versions that integrate with test suites directly. The eslint plugin is a code linter that audits React projects. Maintained by AirBnB and Facebook, it has very good documentation. There are variants for Vue and other frameworks. Linters can run in development or as part of an autograder. Accesslint is a GitHub-only plugin that runs on each pull request and creates a comment for new issues.
Find more resources on the A11y Project Resources page.
I’m a professor in the Information School at the UW. I chair our undergraduate program (called Informatics). We teach over 500 students about how to design, develop, and deploy information systems that solve information problems. The degree program teaches about data, design, and development, covering topics like data science, databases and data modeling, information retrieval, web development, user experience design, privacy and security, and data ethics and policy. Accessibility is woven throughout our curriculum in intro, foundation, elective, and capstone courses.
Human beings create, find, and perceive information using media (speech, paper, computers, etc.). All media varies in the abilities it requires. Spoken communication requires hearing. Paper and websites require sight and fine motor control. Everyone should be able to create, find, and perceive information. Therefore, all media should be accessible via all abilities.
In INFO 200 Foundations of Information, one lecture covers definitions of accessibility, the history of accessibility, access technologies, and universal design. Students learn to use a screen reader and identify accessibility defects by testing with a screen reader.
In INFO 340 Client-Side Development, one week of the course focuses on HTML. The course describes tags and attributes as content metadata that help software render content in different forms: browsers render light and screen readers render sound. Students identify missing metadata in HTML that cause either browsers or screen readers to render HTML incorrectly or ambiguously.
In INFO 350 Information Ethics + Policy, one lecture focuses on Section 504 of the Rehabilitation Act of 1973 and the Americans With Disabilities Act of 1990 that discusses the parts of the law that concern information, such as website accessibility, and deconstructs ethics of equitable access. Students engage in discussion of the tradeoff between equitable access and cost of creating universally accessible information systems.
INFO 360 HCI + Design Methods is a standard human-computer interaction course, but with more advanced accessibility topics since they’re covered elsewhere. There is one day on access technologies and one day on universal design. Students’ final projects involve designing and specifying an information system. The specification must include a detailed analysis of what abilities are required to use their design and who will not be served by it.
INFO 442 Cooperative Software Development is a software engineering course with a focus on human and collaborative aspects of coordinating a software team. There is a chapter on software architecture that discusses it from the perspective of usability and accessibility supporting architectural patterns. In a project, students deploy two versions of a mobile app or web app. Applications must be fully screen readable using screen readers built into major operating systems.
INFO 463 Input and Interaction is a course on input and output in user interfaces, including advanced topics on accessible computing:
One of three projects from which students can select is inventing a new interaction technique that improves accessibility for people with a particular disability (e.g., motor tremors).
INFO 490 Capstone is an open-ended six-month project with optional industry sponsors. Because all students have had exposure to accessibility, about 10% of teams each year focus on accessibility. Common sponsors of accessibility projects include Microsoft, Adobe, and the Gates Foundation.
Accessibility isn’t niche. In a degree about information, accessibility is central. Therefore, accessibility is central to any computing course that is about creating or accessing information. In a CS curriculum many courses are about creating or accessing information, including databases, operating systems, human-computer interface, software engineering, language technologies, artificial intelligence, and programming languages. These are all places where information about accessibility could be included.
After the talks, we had ample time for attendees to gather into groups focused on specific courses (intro, web development, capstone, and software engineering) to brainstorm about the various challenges in integrating accessibility into these subjects. Here are some of the many interesting insights from their notes:
The following individuals participated in the CBI.
Scott Anderson
Wellesley College
Amadeo Arguelles
Instituto Politecnico Nacional
Catie Baker
Creighton University
Michael Ball
Gradescope
University of California, Berkeley
Jakob Barnard
University of Jamestown
Brianna Blaser
University of Washington
Stacy Branham
University of California Irvine
Lauren Bricker
University of Washington
Anat Caspi
University of Washington
Mohsen Dorodchi
University of North Carolina, Charlotte
Linda DuHadway
Weber State University
Chris Fulton
Dunwoody College of Technology
Paula Gabbert
Furman University
Becky Grasser
Lakeland Community College
Melissa Hovik
University of Washington
Jerzy W Jaromczyk
University of Kentucky
Yanxia Jia
Arcadia University
Hernisa Kacorri
University of Maryland, College Park
Ahmed Kamal
Tennessee Technological University
Amanpreet Kapoor
University of Florida
Amy J. Ko
University of Washington
Raja Kushalnagar
Gallaudet University
Richard Ladner
University of Washington
Sean Mealin
North Carolina State University
Suzanne Menzel
Indiana University
Lauren Milne
Macalester College
Mia Minnes
University of California San Diego
Miya Natsuhara
University of Washington
Justin Obara
University of Massachusetts
Kate O'Hanlon
Duke University
Caleb O'Malley
University of Florida
Tina Ostrander
Wagner College
Abena Primo
Huston-Tillotson University
IV Ramakrishnan
Stony Brook University (SUNY)
Samuel A. Rebelsky
Grinnell College
Nicole Riley
University of Washington
Tania Roy
New College of Florida
Matthew Salim
Carnegie Mellon University
Michael Stewart
James Madison University
Amber Wagner
Birmingham-Southern College
Kendra Walther
University of Southern California
Patrick Wang
Institut Supérieur d'Electronique de Paris
Don Winiecki
Boise State University
Cecilia Yang
Mount Holyoke College
Tom Yeh
University of Colorado Boulder
The AccessComputing website contains
AccessComputing maintains a searchable database of frequently asked questions, case studies, and promising practices related to how educators and employers can fully include students with disabilities in computing activities. The Knowledge Base can be accessed by following the “Search Knowledge Base” link on the AccessComputing website.
The Knowledge Base is an excellent resource for ideas that can be implemented in engineering programs in order to better serve students with disabilities. In particular, the promising practices articles serve to spread the word about practices that show evidence of increasing the participation and success of people with disabilities in computing.
Examples of Knowledge Base case studies, promising practices, and questions include
Individuals and organizations are encouraged to propose questions and answers, case studies, and promising practices. Contributions and suggestions can be sent to accesscomp@uw.edu.
For more information on AccessComputing, universal design, and accessible computing and IT education, review the following websites and brochures:
AccessComputing capacity building activities are funded by the National Science Foundation (#CNS-1539179). Any opinions, findings, and conclusions or recommendations expressed in this material are those of the CBI presenters and project staff and do not necessarily reflect the views of the National Science Foundation.
AccessComputing
University of Washington
Box 354842
Seattle, WA 98195-4842
accesscomp@uw.edu
206-685-DOIT (3648) (voice/TTY)
888-972-DOIT (3648) (toll free voice/TTY)
206-221-4171 (FAX)
509-328-9331 (voice/TTY) Spokane
AccessComputing Leadership:
Richard Ladner, Principal Investigator (PI)
Sheryl Burgstahler, Co-PI
Amy J. Ko, Co-PI
Jacob O. Wobbrock, Co-PI
Brianna Blaser, Project Coordinator
Kayla Brown, Project Coordinator
© 2019 University of Washington. Permission is granted to copy this publication for educational, noncommercial purposes, provided the source is acknowledged.