The Loud Hands Project

Autistic people, speaking

Posts tagged nicocoer

Jan 8

We have blog badges!

The Loud Hands Project now has blog badges available! They come in a small and an expanded size. 

Blog Badge- Small. A large white person is holding a sign up that says "The Loud Hands Project". Below this image, text reads "The Loud Hands Project" and "Autistic People, Speaking".

170x193 pixels

Blog Badge- large. A large white person is holding a sign up that says "The Loud Hands Project". Below this image, text reads "The Loud Hands Project" and "Autistic People, Speaking". Below that it reads "Watch the Video. Read About the Project. Support the Work. Visit indiegogo for more about The Loud Hands Project."

170x300 pixels 

 
Not sure how to make a blog badge? 

A blog badge is an image that is linked to a site. It doesn’t have to go in your blog’s side bar or anything like that. Some people put them in their forum signatures as well.  It is a good idea to upload images for blog badges to your own website so that you don’t over use other people’s bandwidth. For example, the graphic designer is using her own wordpress media library to host hers, and that is what is in the sample code below.  Some sites like wordpress have different tools to make it easier for you.

If you are putting them on a forum, they might use a slightly different coding system. But the basic code is as follows:  <a href=”http://www.indiegogo.com/The-Loud-Hands-Project“><img src=”http://crackedmirrorinshalott.files.wordpress.com/2012/01/lhpbb1-2-4med.jpg“></a> This will come out looking like the larger blog badge above.

If you want it to have an image description, the code will look like this:  <a href=”http://www.indiegogo.com/The-Loud-Hands-Project“><img src=”http://crackedmirrorinshalott.files.wordpress.com/2012/01/lhpbb1-2-4med.jpg” alt=”Blog Badge- Large. A large white person is holding a sign up that says ‘The Loud Hands Project’. Below this image, text reads ‘The Loud Hands Project’ and ‘Autistic People, Speaking.’ Below that it reads ‘Watch the Video. Read About the Project. Support the Work. Visit indiegogo for more about The Loud Hands Project.’”></a> 

Here are two examples of image descriptions for these blog badges. You could also choose to write your own. Image descriptions are important, because they let users using screen readers to be full participants online. 

Blog Badge- Small. A large white person is holding a sign up that says “The Loud Hands Project”. Below this image, text reads “The Loud Hands Project” and “Autistic People, Speaking”.

Blog Badge- large. A large white person is holding a sign up that says “The Loud Hands Project”. Below this image, text reads “The Loud Hands Project” and “Autistic People, Speaking”. Below that it reads “Watch the Video. Read About the Project. Support the Work. Visit indiegogo for more about The Loud Hands Project.”

Please share widely!

(With thanks to Savannah, who designed the badges and helped script this explanation!)