{"id":1702,"date":"2023-05-22T19:27:51","date_gmt":"2023-05-22T23:27:51","guid":{"rendered":"https:\/\/timtanhuynh.com\/ux\/?p=1702"},"modified":"2023-05-22T19:38:26","modified_gmt":"2023-05-22T23:38:26","slug":"alt-text","status":"publish","type":"post","link":"http:\/\/timtanhuynh.com\/ux\/fail\/alt-text\/","title":{"rendered":"Alt<\/em> text"},"content":{"rendered":"

Global Accessibility Awareness Day<\/a> has come and gone. The cynical part of me views it as another obscure Awareness Day that shouldn’t exist. However, the optimistic part of me views it as chance to highlight ignorance<\/del> learning and, thus, it should exist. I’ve done HTML coding for years, and I know that implementing alt<\/em> attribute values is easy to do, yet tricky to do well (consistently). I’ve reached the conclusion that there are no rules, only guidelines.<\/p>\n

Still, I’m surprised that some people fail to understand the purpose of alt<\/em> text for image elements. I avoid social-media platforms, so I’ve missed the recent trend of using the alt<\/em> attribute to display the punchlines of jokes<\/a>. This usage accidentally-on-purpose excludes persons who rely on screen-reading technology because of visual impairment. They can’t perceive the first part of jokes that are images of text instead of machine-readable text.<\/p>\n

Even (staff of) the British Prime Minister has used the attribute in a way that’s not useful<\/a>. “We’re growing the economy” is a vague description. It doesn’t benefit any user’s experience; imagine it being displayed as regular text, four times in a row. Moreover, the tweet has similar text as the description: “We are working day-in and day-out to grow the economy.” I would use a null (empty) description if the image needs to be split into quadrants as shown.<\/p>\n

In the interest of learning and growth, here are some useful resources.<\/p>\n

    \n
  1. Tips and Tricks<\/a> (W3C)<\/li>\n
  2. Write good Alt Text to describe images<\/a> (Harvard University)<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    In HTML, the alt<\/em> attribute is an abbreviation for alternative<\/em> text. The value of any alt<\/em> instance should replace (describe) the image to which it applies. The description, if justifiable, should benefit the experience of persons who have visual impairment.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[27,33],"class_list":["post-1702","post","type-post","status-publish","format-standard","hentry","category-fail","tag-accessibility","tag-html"],"_links":{"self":[{"href":"http:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/posts\/1702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/comments?post=1702"}],"version-history":[{"count":50,"href":"http:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/posts\/1702\/revisions"}],"predecessor-version":[{"id":1751,"href":"http:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/posts\/1702\/revisions\/1751"}],"wp:attachment":[{"href":"http:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/media?parent=1702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/categories?post=1702"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/timtanhuynh.com\/ux\/wp-json\/wp\/v2\/tags?post=1702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}