{"id":368,"date":"2024-03-19T22:08:58","date_gmt":"2024-03-19T22:08:58","guid":{"rendered":"https:\/\/chartweave.com\/hist390spring2024\/?page_id=368"},"modified":"2024-03-19T23:55:07","modified_gmt":"2024-03-19T23:55:07","slug":"blog-post-4-alt-text","status":"publish","type":"page","link":"https:\/\/chartweave.com\/hist390spring2024\/assignments\/blog-post-4-alt-text\/","title":{"rendered":"Blog Post #4: Alt Text"},"content":{"rendered":"\n

Due March 27th<\/em><\/p>\n\n\n\n

Digital accessibility is an important part of creating content in the digital age, whether historical or otherwise. When we make our digital history projects, we want to make sure they are accessible to all. As we discussed in class, there are a lot of things to keep in mind when thinking about designing digital content with universal access in mind. For this blog post, you will be adding alternative text (also called alt text) to an image and reflecting on the Web Content Accessibility Guidelines (WCAG).<\/p>\n\n\n\n

For your blog post, choose one image relevant to your research subject. This can be a primary source you previously collected for your Tropy project, your word cloud from our day on text analysis or another image of your choice. Remember: Alt text is only helpful when it’s on important, non-decorative images. When an image adds no useful addition to a screen’s content, it is best to skip adding alt text so that they can be ignored by assistive technology like screen readers. So, make sure the image you choose adds useful content to your post!<\/p>\n\n\n\n

Now it’s time to add alt text to your image and add it to your blog post. Not sure how? Keep reading!<\/p>\n\n\n\n

How to Add Alt Text to An Image in WordPress<\/h2>\n\n\n\n

Follow these steps to add alt text to an image and then add that image to your post. <\/p>\n\n\n\n

    \n
  1. From your WordPress dashboard, click on “Media” and then “Library.” You are now in your website’s Media Library.<\/li>\n\n\n\n
  2. Click on “Add New Media”, located at the top of the screen.<\/li>\n\n\n\n
  3. Drag and drop your image into the box that appears OR<\/strong> click “Select Files” to upload your image.<\/li>\n\n\n\n
  4. Once your image is uploaded (or if you have previously used this image on your website before), it will appear in your media library below. Click on the image to bring up the image’s details.<\/li>\n\n\n\n
  5. Type the alt text for your image into the “Alternative Text” box. Your changes will save automatically. Now your image is ready to be added to your blog post with alt text.<\/li>\n\n\n\n
  6. Make a new blog post for this assignment the same way you always do.<\/li>\n\n\n\n
  7. Add an Image block to your blog post. To do so, click on the + icon to the side of where you usually type your text. You can also find the + in the top left corner of the screen. Add an \u201cImage\u201d block to your post. You may have to click \u201cBrowse all\u201d in order to find it.<\/li>\n\n\n\n
  8. Add your image from your media library by clicking “Media Library” and selecting your image. Congrats! You’ve done it!<\/li>\n<\/ol>\n\n\n\n

    Tips for Writing Useful Alt Text<\/h2>\n\n\n\n