SFPC · solon · Oct 6, 2020 · Jun 23, 2020 · Jun 25, 2020 · Jun 25, 2020
diff --git a/_classes/computingandstories/index.html b/_classes/computingandstories/index.html
@@ -40,7 +40,7 @@
   <div class="container">
 
         <div id="coverPictureDiv" style="text-align: center;">
-                <img id="coverPicture" src="./assets/pics/computing_and_stories-01.jpg" alt="Computing and Stories" width="60%">
+                <img id="coverPicture" src="./assets/pics/computing_and_stories-01.jpg" alt="Computing and Stories Banner, upside down cartoon creatures and symbols get turned upright by smiling computers" width="60%">
         </div>
     <div class="row" style="background-color: #00ccff; padding: 2%; margin-top: 2%;">
 

diff --git a/_classes/movement/index.html b/_classes/movement/index.html
@@ -14,7 +14,7 @@
 <body>
   <div class="radial-gradient">
   <div class="bar">
-  	<div class="home"><a href="http://sfpc.io/" target="_blank"><img class="logo" src="SFPC_sticker-01.png"></a></div>
+  	<div class="home"><a href="http://sfpc.io/" target="_blank"><img class="logo" src="SFPC_sticker-01.png" alt="SFPC logo"></a></div>
   </div>
   <div class="wrapper">
 	<div class="intro">
@@ -25,7 +25,7 @@ <h1 class="champion-large">Code Movement: Workshop by Cori Kresge</h1>
 	<h2>School for Poetic Computation<br>Four Weeks *</h2>
 	<div class="two-columns">
 		<div class="img1-wrapper">
-	<img class="img1 hvr-buzz" src="dance-1.png">
+	<img class="img1 hvr-buzz" src="dance-1.png" alt="people dancing and moving">
 </div>
 	<h3 class="champion-med">November<br> 10, 17, 24, December 1 <br> 1-4PM </h3>
 </div>
@@ -53,7 +53,7 @@ <h4>
 	</h4>
 </div>
 	</div>
-		<img class="img2 hvr-buzz" src="dance-2.png">
+		<img class="img2 hvr-buzz" src="dance-2.png" alt="people dancing and moving">
 	<div class="course" id="course">
 		<div class="card-1" id="card1">
 			<div class="serif-header-main serif">
@@ -100,7 +100,7 @@ <h4>
 		</div>
 	</div>
 </div>
-					<img class="img3 hvr-buzz" src="dance-3.png">
+					<img class="img3 hvr-buzz" src="dance-3.png" alt="people dancing and moving">
 	<div class="names">
 		<div class="block-1">
 		<span class="champion-small">Cori Kresge</span><br>

diff --git a/_classes/summer2016show/index.html b/_classes/summer2016show/index.html
@@ -102,7 +102,7 @@ <h1 class="title">155 Bank St., New York, NY</h1>
         <div class="container">
           <h1 class="title">Brandon Liu</h1>
           <figure class="image">
-            <img src="assets/images/brandon.jpg" alt="Brandon Liu">
+            <img src="assets/images/brandon.jpg" alt="Brandon Liu's banner, tiled bars in a grid">
           </figure>
           <div class="description">
             <p>Brandon Liu is a technologist and open data enthusiast with a particular eye for civic-minded projects. He’s the creator of CAD Mapper, a tool used by thousands of architects worldwide to access open geographical and satellite data. He also works as a freelance visualization developer and mapmaker, and has consulted for startups, design firms, and transit agencies. He studied computer science at UC Berkeley and currently lives in Taipei.</p>
@@ -114,7 +114,7 @@ <h1 class="title">Brandon Liu</h1>
         <div class="container">
           <h1 class="title">Carmen Aguilar y Wedge</h1>
           <figure class="image">
-            <img src="assets/images/carmen.png" alt="Carmen Aguilar y Wedge">
+            <img src="assets/images/carmen.png" alt="Carmen Aguilar y Wedge's artwork, oscillating lines connected to dots">
           </figure>
           <div class="description">
             <p>Carmen Aguilar y Wedge is a Mexican/American experience designer with a background in civil engineering and interaction design. In 2014 Carmen started co-captaining Hyphen-Labs merging research, education, digital fabrication, physical computing, robotics, digital tooling, and documentation. She has been hitchhiking around the galaxy looking to collaborate and create with various people from multiple disciplines-to make the human experience more meaningful, fun, engaging, and beautiful.</p>
@@ -138,7 +138,7 @@ <h1 class="title">Elite Kedan</h1>
         <div class="container">
           <h1 class="title">Guhong Min</h1>
           <figure class="image">
-            <img src="assets/images/guhong.jpg" alt="Guhong Min">
+            <img src="assets/images/guhong.jpg" alt="Guhong Min's banner, photo of a piece of paper rolled and tied with a ribbon">
           </figure>
           <div class="description">
             <p>Guhong Min also known as Min Guhong is a student interested in manufacturing good goods, excluding chemical and biological weapons, wiretaps and shower curtains.</p>
@@ -149,7 +149,7 @@ <h1 class="title">Guhong Min</h1>
         <div class="container">
           <h1 class="title">Hélène Martin</h1>
           <figure class="image">
-            <img src="assets/images/helene.gif" alt="Hélène Martin">
+            <img src="assets/images/helene.gif" alt="Hélène Martin's banner, representation of the statue of liberty with red led attached">
-            <img src="assets/images/helene.gif" alt="Hélène Martin's banner, representation of the statue of liberty with red led attached">
+            <img src="assets/images/helene.gif" alt="Hélène Martin's banner, representation of the statue of liberty with red LED attached">
-            <img src="assets/images/helene.gif" alt="Hélène Martin's banner, representation of the statue of liberty with red led attached">
+            <img src="assets/images/helene.gif" alt="Hélène Martin's banner, representation of the statue of liberty with red LED attached">
           </figure>
           <div class="description">
             <p>Hélène Martin is an artist filmmaker living in London. She studied at the Royal College of Art (MA Printmaking and Mphil Fine Art Research by practice in 2010). She exhibited both nationally and internationally, Camden Art Centre (UK), New Shelter Plan (DK), Photographic Centre (DK). She is a member of the artist-run film lab Filmwerkplaats, Rotterdam. She is enthused by the Re-Engineering Moving Image (REMI) program, a cooperation between Mire (Nantes, Fr), LaborBerlin (Berlin, DE) and Filmwerkplaats (Rotterdam, NL), “focused on the creation, preservation and circulation of technical knowledge of analogue film in order to support its use as a creative medium”. In that respect, she is interested in the novel approaches to re-apply “obsolete” media in the field of digitalisation and vice-versa, as both media can coexist and serve a narrative structure in new and interesting ways. Ada Lovelace described her approach as “poetical science” and perhaps it is the way she envisages filming and programming.</p>
@@ -173,7 +173,7 @@ <h1 class="title">Jonathan Leung</h1>
         <div class="container">
           <h1 class="title">Krista Nordgren</h1>
           <figure class="image">
-            <img src="assets/images/krista.png" alt="Krista Nordgren">
+            <img src="assets/images/krista.png" alt="Krista Nordgren's banner, a purple portrait artwork">
           </figure>
           <div class="description">
             <p>Krista Nordgren lives in Durham, North Carolina where she owns a shop that showcases local artists and makers, and is a partner in a tiny web design and development firm. A former creative writing major, she’s interested in how to design narratives for dynamic screens. In her spare time, she walks in the woods with her tiny pitbull Jane, and is learning how to make beats with Maschine.</p>
@@ -184,7 +184,7 @@ <h1 class="title">Krista Nordgren</h1>
         <div class="container">
           <h1 class="title">Matt Visco</h1>
           <figure class="image">
-            <img src="assets/images/matt.png" alt="Matt Visco">
+            <img src="assets/images/matt.png" alt="Matt Visco's banner, an abstract earth tone scene">
           </figure>
           <div class="description">
             <p>Matt Visco is a creative technologist whose work focuses on design interactions aimed at exposing the hidden elements of daily life. His work manifests itself in both digital and physical objects that contain embedded behaviors and personalities. Matt holds a degree in computer science from University of Berkeley, California and is currently working as a freelance developer and designer in Oakland, California.</p>
@@ -196,7 +196,7 @@ <h1 class="title">Matt Visco</h1>
         <div class="container">
           <h1 class="title">Max Fowler</h1>
           <figure class="image">
-            <img src="assets/images/max.png" alt="Max Fowler">
+            <img src="assets/images/max.png" alt="Max Fowler's banner, terminal window with ASCII oasis graphic">
           </figure>
           <div class="description">
             <p>Max Fowler is a programmer and artist currently based in New York City. Some of his recent projects have explored the ways that we conceptualize space, expressive analysis of text message history and how to use a twitter bot to take out the trash. He is interested in using data visualization to explore subjectivity, generative poetry, and the ways we use technology to decide what to read. He also does freelance development and interaction design for startups.</p>
@@ -208,7 +208,7 @@ <h1 class="title">Max Fowler</h1>
         <div class="container">
           <h1 class="title">Meina Kalayeh</h1>
           <figure class="image">
-            <img src="assets/images/meina.png" alt="Meina Kalayeh">
+            <img src="assets/images/meina.png" alt="Meina Kalayeh's banner, metallic sculpture">
           </figure>
           <div class="description">
             <p>Meina Kalayeh is a net artist and software engineer based out of Philadelphia. On the weekends, she makes vegan feasts and selects reggae/dancehall records with her boyfriend.</p>
@@ -219,7 +219,7 @@ <h1 class="title">Meina Kalayeh</h1>
         <div class="container">
           <h1 class="title">Melanie Hoff</h1>
           <figure class="image">
-            <img src="assets/images/melanie.jpg" alt="Melanie Hoff">
+            <img src="assets/images/melanie.jpg" alt="Melanie Hoff's banner, photo of hands inside bank ATM window">
           </figure>
           <div class="description">
             <p>Melanie Hoff is an artist based in Brooklyn. Her practice investigates identity, visibility, and the ways in which appearances actively shape our interactions and consciousness. She uses technology and computation to play with systems that underlie contemporary society. She is interested in taking art out of the museum and into the processes of everyday life. Her previous work explored our relationship to technology and science by taking scientific processes and the aesthetics of the experiment as raw material. She studied sculpture, metalworking, and photography at Pratt institute and is currently a masters candidate at ITP. Her work has been featured on Radiolab, the Discovery Channel, and exhibited in galleries internationally.</p>
@@ -231,7 +231,7 @@ <h1 class="title">Melanie Hoff</h1>
         <div class="container">
           <h1 class="title">Nahee Kim</h1>
           <figure class="image">
-            <img src="assets/images/nahee.jpg" alt="Nahee Kim">
+            <img src="assets/images/nahee.jpg" alt="Nahee Kim's banner, graphic of concentric circles centered in bottom right, gradient of pinks">
           </figure>
           <div class="description">
             <p>Nahee Kim really likes to code although computer programming is not her major or profession. She just wants to keep making something “interesting” using her autodidactic computation & graphic skills. She made several mobile or web applications dealing social issues in politics or sexuality. Recently, she is interested in designing poetic interactions with hardware hacking.</p>
@@ -242,7 +242,7 @@ <h1 class="title">Nahee Kim</h1>
         <div class="container">
           <h1 class="title">Oren Shoham</h1>
           <figure class="image">
-            <img src="assets/images/oren.gif" alt="Oren Shoham">
+            <img src="assets/images/oren.gif" alt="Oren Shoham's banner, animation of figure shifting field of multi-color triangles behind them">
           </figure>
           <div class="description">
             <p>Oren Shoham is a Brooklyn-based programmer and musician. He is interested in using hardware and software to make things and experiences that play with sound, color, touch, and physical space. Previously, Oren studied computer science at Oberlin College, worked as a web developer for a while, and then participated in the Winter 2 2016 batch at the Recurse Center.</p>
@@ -263,4 +263,4 @@ <h1 class="title">Colophon</h1>
     <script src="assets/js/jquery.min.js"></script>
     <script src="assets/js/script.js"></script>
   </body>
-</html>
+</html>
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -3,7 +3,7 @@
 		<div class="col-md-6 col-sm-6 col-xs-12">
 			<div id="logo">
 				<a href="/">
-					<img src="/static/img/school.svg" role="img" alt="School for Poetic Computation" />
+					<img src="/static/img/school.svg" role="img" alt="School for Poetic Computation Logo" />
 				</a>
 			</div>
 		</div>

diff --git a/_includes/slider.html b/_includes/slider.html
@@ -1,6 +1,10 @@
 <div class="slider">
 	{% for slide in page.slides %}
+	  {% if slide.image and slide.alt%}
+	  <img src="{{ slide.image }}" alt="{{ slide.alt }}">
+	  {% else %}
 		<img src="{{ slide }}">
+	  {% endif %}
 	{% endfor %}
 </div>
 <script src="https://www.builtbyevolve.com/files/nerveSlider/jquery.nerveSlider.min.js"></script>

diff --git a/_layouts/class.html b/_layouts/class.html
@@ -3,7 +3,7 @@
 ---
 <h1>{{page.title}}</h1>
 
-<img src="/static/img/classes/{{ page.title | downcase | replace: ' ', '-' }}.jpg">
+<img src="/static/img/classes/{{ page.title | downcase | replace: ' ', '-' }}.jpg" alt="SFPC students and teachers for {{ page.title }}">
 
 <p class="date"><strong>Dates:</strong> {{ page.dates }}</p>
 <p class="date"><strong>Location:</strong> {{ page.location }}</p>
@@ -69,4 +69,4 @@ <h3>Visitors</h3>
 			<li>{{ visitor.name }}</li>
 		{% endfor %}
 	</ul>
-{% endif %}
+{% endif %}
diff --git a/_layouts/classes.html b/_layouts/classes.html
@@ -9,7 +9,7 @@
 				<div class="row">
 
 					<div class="col-md-9">
-						<img src="/static/img/classes/{{ class.title | downcase | replace: ' ', '-' }}.jpg">
+						<img src="/static/img/classes/{{ class.title | downcase | replace: ' ', '-' }}.jpg" alt="SFPC students and teachers for {{ class.title }}">
 					</div>
 					<div class="col-md-3">
 						<h2>{{ class.title }}</h2>

diff --git a/_layouts/jumbotron.html b/_layouts/jumbotron.html
@@ -1,7 +1,8 @@
 ---
 layout: default
 ---
-<div class="jumbotron" {% if page.background %}style="background-image:url('{{ page.background }}');"{% endif %}>
+<div class="jumbotron" style="overflow:hidden;position:relative">
+	{% if page.background %}<img src="{{page.background}}" style="position:absolute;pointer-events:none;top:-60px;left:-60px;height:90vh;max-width:none" {% if page.background-alt %}alt="{{ page.background-alt }}"{% endif %} />{% endif %}
 	<div class="row">
 		<div class="col-md-8 col-md-offset-2 overlay solidOverlay">
 			{{content}}
@@ -13,4 +14,4 @@
 <meta name="twitter:site" content="@sfpc">
 <meta name="twitter:title" content="{{page.title}} | School for Poetic Computation">
 <meta name="twitter:description" content="{{content}}">
-<meta name="twitter:image:src" content="http://sfpc.io{{page.background}}">
+<meta name="twitter:image:src" content="http://sfpc.io{{page.background}}">
diff --git a/_layouts/machineLearningLiteracy.html b/_layouts/machineLearningLiteracy.html
@@ -64,7 +64,7 @@
       <div class="row">
         <div class="column">
         <figure>
-          <img src="/static/img/machineLearningWorkshop/top.png" width="100%">
+          <img src="/static/img/machineLearningWorkshop/top.png" alt="space with SFPC letters in window and person waving hands. Machine learning workshop 12-18th February, 155 Bank St. NY" width="100%">
           <figcaption>Illustration by Esther Bouquet</figcaption>
          </figure>
         </div>
@@ -95,7 +95,7 @@ <h3>Machine Learning Literacy Workshop</h3>
         <div class="column">
           <h3>Teachers:</h3>
           <figure>
-          <img src="/static/img/machineLearningWorkshop/people2.png" width="100%">
+          <img src="/static/img/machineLearningWorkshop/people2.png" alt="portraits of teachers"width="100%">
            <figcaption>Illustration by Esther Bouquet</figcaption>
           </figure>
         </div>

diff --git a/_layouts/people.html b/_layouts/people.html
@@ -36,7 +36,7 @@
 <div class="row">
 	<ul id="people-grid">
 		{% for person in site.people %}
-			<li class="col-md-2 col-sm-3 col-xs-4 {% for affiliation in person.affiliation %}{{ affiliation.class | downcase | replace: " ", "-" }} {{ affiliation.role | downcase | replace: " ", "-" }} {% endfor %}"><img src="{{site.baseurl}}/static/img/{{ person.id }}.jpg" />
+			<li class="col-md-2 col-sm-3 col-xs-4 {% for affiliation in person.affiliation %}{{ affiliation.class | downcase | replace: " ", "-" }} {{ affiliation.role | downcase | replace: " ", "-" }} {% endfor %}"><img src="{{site.baseurl}}/static/img/{{ person.id }}.jpg" alt="{{ person.title }}"/>
         <span class="info"><span class="name">{% if person.content.size > 1 %}<a href="{{ person.url }}">{% endif %}{{ person.title }}
           {% if person.content.size > 1 %}</a>{% endif %}
           </span><span class="links">

diff --git a/_layouts/person.html b/_layouts/person.html
@@ -9,7 +9,7 @@ <h1>{{page.title}}</h1>
 	</section>
 {% endif %}
 	<section class="info col-md-4 col-md-offset-1 col-sm-6">
-		<img src="{{site.baseurl}}/static/img/{{ page.id }}.jpg"/>
+		<img src="{{site.baseurl}}/static/img/{{ page.id }}.jpg" alt="{{ page.title }}"/>
 
 		<table class="table">
 		<tr>

diff --git a/_layouts/recoded.html b/_layouts/recoded.html
@@ -89,7 +89,7 @@ <h2>About Re-Coded</h2>
         <div class="col-md-4 clearfix">
 
 
-        <a target="_blank" href="http://sfpc.io"><img src="/static/img/recoded/sfpc-logo-black.png" style="float:left"></a>
+        <a target="_blank" href="http://sfpc.io"><img src="/static/img/recoded/sfpc-logo-black.png" alt="sfpc logo" style="float:left"></a>
         </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -89,7 +89,7 @@ <h2>About Re-Coded</h2> @@
             <div class="col-md-4 clearfix">
-            <a target="_blank" href="http://sfpc.io"><img src="/static/img/recoded/sfpc-logo-black.png" style="float:left"></a>
+            <a target="_blank" href="http://sfpc.io"><img src="/static/img/recoded/sfpc-logo-black.png" alt="sfpc logo" style="float:left"></a>
             </div>
@@ Expand Down @@