1
Welcome!
2
Agenda
Spotlight Women in Code
Coding: Learn and Work on Project
Let’s Code!
Agenda
3
Agenda
Alt text - the text that describes an image in case the image does not load or (more importantly) for the visually impaired.
Inclusive design - The coding front-end developers do to ensure their website or app is accessible to all people, including those with disabilities
Some Programming Terms
4
Shannon is a multidisciplinary artist, which means she combines multiple forms of art including digital. The purpose of her art is to raise awareness and educate us about our perceptions on accessibility for disabled people.
Her current project is Alt-text as poetry.
Watch and learn in this video.
Spotlight: Shannon Finnegan
5
Agenda
<img src=”death-valley.jpg” alt=”Joshua trees at night”>
or
<img src=”death-valley.jpg” alt=”Twisted wood branches in the foreground with an arc of stars in the sky above a dark distant mountain.”>
HTML Foreground image code
6
Agenda
<div class=”death-valley” role=”img” aria-label=”Joshua trees at night”></div>
or
<div class=”death-valley’ role=”img” aria-label=”Twisted wood branches in the foreground with an arc of stars in the sky above a dark distant mountain.”></div>
HTML Background image code
7
Agenda
Your topic: Mental Health Issues
Provide teens with strategies for dealing with mental health issues, and provide links to resources for assistance.
Project Planning: Your Goal
8
Agenda
Project Plan
9
Agenda
Coding
10
Agenda
Resume Lessons in your chosen Coding Language
Let’s Code on Code.org
11
11
Q&A