Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add programmatic and manual alt tags #241

Merged
merged 13 commits into from
Oct 6, 2020
Merged

Conversation

Inkering
Copy link
Contributor

@Inkering Inkering commented Jun 24, 2020

additions of alt image information both manually and programmatically. Resolves #233

@netlify
Copy link

netlify bot commented Jun 24, 2020

Deploy preview for sfpc ready!

Built with commit 3040668

https://deploy-preview-241--sfpc.netlify.app

@Inkering Inkering changed the title add programmatic alt tags for people grid and person pages add programmatic and manual alt tags Jul 1, 2020
Modified the slider parsing to be flexible for either image source only use or
for use of image source AND an alt tag. This way, we can add alt text to slides
and pages progressively without breaking layouts along the way.
I added alt text to every instance I was able to find in a grep search for
"slides:"
@Inkering
Copy link
Contributor Author

image carousel display with alt text
firefox devtools alt tag display

I added a short snippet of code to enable adding alt tags to image carousel slides in markdown. The old slide specification still works, and then this is a progressively available option which is easy to use.

@Inkering
Copy link
Contributor Author

Inkering commented Sep 7, 2020

  • add front splash page

Inkering and others added 2 commits October 5, 2020 15:10
Co-authored-by: Brian Solon <[email protected]>
Co-authored-by: Brian Solon <[email protected]>
@@ -3,7 +3,7 @@ title: Participate 2014
layout: default
---

<img src="../img/SPCPicket.jpg" width="640">
<img src="../img/SPCPicket.jpg" alt="people holding signs with text School for Poetic Computationon them" width="640">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<img src="../img/SPCPicket.jpg" alt="people holding signs with text School for Poetic Computationon them" width="640">
<img src="../img/SPCPicket.jpg" alt="people holding signs with text School for Poetic Computation on them" width="640">

![](/static/img/poetichardware/L1550461.JPG)
![](/static/img/poetichardware/L1550634.JPG)
![](/static/img/poetichardware/L1550652.JPG)
![student projects, people with palms together and led lights on hands](/static/img/poetichardware/L1550317.JPG)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
![student projects, people with palms together and led lights on hands](/static/img/poetichardware/L1550317.JPG)
![student projects, people with palms together and LED lights on hands](/static/img/poetichardware/L1550317.JPG)

![](/static/img/poetichardware/L1550634.JPG)
![](/static/img/poetichardware/L1550652.JPG)
![student projects, people with palms together and led lights on hands](/static/img/poetichardware/L1550317.JPG)
![student projects, box with wire and led spelling out hello world](/static/img/poetichardware/L1550461.JPG)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
![student projects, box with wire and led spelling out hello world](/static/img/poetichardware/L1550461.JPG)
![student projects, box with wire and LED spelling out hello world](/static/img/poetichardware/L1550461.JPG)


[CW&T](https://cwandt.com/) is the art and design practice of Che-Wei Wang & Taylor Levy.

Che-Wei Wang [pron. sey-wey] is an artist, designer & architect with expertise in computational and generative design, fabrication technologies, electronics, CNC machining, and metal manufacturing. The results range from architecture & sculpture to interactive installations & mobile apps. He is the winner of the 2003 SOM fellowship and the Young Alumni Achievement Award from Pratt Institute. Che-Wei has taught courses on design, time, creative computing, and inflatables, at various institutions. He is an alumnus of MIT Media Lab, ITP at NYU, and Pratt Institute.

Taylor Levy [pron. tey-ler] is an artist & designer with a penchant for taking things apart, understanding how they work, and then putting them back together in a way that exposes their inner workings.The results take on a variety of forms from low-tech electronic sculpture to high-tech software & other executions. She has work on view at The Leonardo Museum of Science and Technology and was a resident at Fabrica Interactive in Treviso, Italy. She is an alumna of MIT Media Lab, ITP at NYU, and Vassar College.

![](/static/img/poetichardware/symbiosis.gif)
![device by Sebastian Moralest](/static/img/poetichardware/symbiosis.gif)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
![device by Sebastian Moralest](/static/img/poetichardware/symbiosis.gif)
![device by Sebastian Morales](/static/img/poetichardware/symbiosis.gif)

@@ -81,16 +94,16 @@ This class is not right for you if:
- You are interested in a more skills based, less theoretical approach to learning creative code
- You are not interested in research or engaging with artworks from the past

![](/static/img/recreating/recreatingthepast3.png)
![digital graphic with peoples names in perspective](/static/img/recreating/recreatingthepast3.png)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
![digital graphic with peoples names in perspective](/static/img/recreating/recreatingthepast3.png)
![digital graphic with people's names in perspective](/static/img/recreating/recreatingthepast3.png)

- image: "/static/img/participate/fall15-sarah.jpg"
alt: "Sarah talking to a person in front of hung artwork"
- image: "/static/img/participate/fall16-katrina.jpg"
alt: "Katrina making hearing motion (hand cuped to ear) in front of welcome to the chatter box projection"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
alt: "Katrina making hearing motion (hand cuped to ear) in front of welcome to the chatter box projection"
alt: "Katrina making hearing motion (hand cupped to ear) in front of welcome to the chatter box projection"

- "/static/img/participate/poeticsciencefair.jpg"
- "/static/img/participate/notebook.jpg"
- image: "/static/img/participate/SFPC2-weekSummer.jpg"
alt: "SFPC 2 week summer session text photoshopped onto nytimes front page"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
alt: "SFPC 2 week summer session text photoshopped onto nytimes front page"
alt: "SFPC 2 week summer session text photoshopped onto NY Times front page"

- image: "/static/img/participate/flower.jpg"
alt: "books next to flowers, the books are conditional design workbook, speaking code, and the art of the art assignment"
- image: "/static/img/participate/door.jpg"
alt: "sfpc door with signs and sticks all over it, its a pull and push door"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
alt: "sfpc door with signs and sticks all over it, its a pull and push door"
alt: "sfpc door with signs and sticks all over it, it's a pull and push door"

@@ -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">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<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">

Copy link
Member

@solon solon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks so much @Inkering for this!

@solon solon merged commit fde2af3 into SFPC:master Oct 6, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Image alt tags
2 participants