{"id":35924,"date":"2025-11-04T15:48:50","date_gmt":"2025-11-04T15:48:50","guid":{"rendered":"https:\/\/reciteme.com\/au\/?p=35924"},"modified":"2026-01-28T10:08:43","modified_gmt":"2026-01-28T10:08:43","slug":"how-to-create-accessible-images","status":"publish","type":"post","link":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/","title":{"rendered":"How to Create Accessible Images for your Website"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"35924\" class=\"elementor elementor-35924\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-07b982d disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"07b982d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc27aae\" data-id=\"bc27aae\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d5619ed elementor-widget elementor-widget-ucaddon_punchline_cta\" data-id=\"d5619ed\" data-element_type=\"widget\" data-widget_type=\"ucaddon_punchline_cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Punchline CTA -->\n<style>\/* widget: Punchline CTA *\/\n\n.punchline-bg-eaa {\n\tbackground-image:url('\/wp-content\/uploads\/2025\/01\/eumap-1.png');\n  \tbackground-color:#01349F;\n  \tbackground-position:center right;\n  \tbackground-size:cover;\n}\n\n.punchline-bg-ada {\n\tbackground-image:url('\/wp-content\/uploads\/2025\/01\/checker3Asset-2-8-1.png');\n  \tbackground-color:#06334A;\n  \tbackground-position:center right;\n  \tbackground-size:cover;\n}\n\n.punchline-bg-generic {\n\tbackground: rgb(6,51,74);\n\tbackground: linear-gradient(90deg, rgba(6,51,74,1) 0%, rgba(3,98,95,1) 100%);\n}\n\n.punchline-wrapper {\n  padding:20px 30px;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  border-radius:8px;\n}\n\n.punchline-wrapper p {\n  color:white;\n  font-weight:600!important;\n  font-size:18px!important;\n  margin-bottom:0px!important;\n  padding-right:20px;\n}\n\n.punchline-wrapper a {\n    background: #FFB400;\n    border-radius: 5px !important;\n    line-height: 15px;\n    font-weight: 600;\n    font-size: 15px;\n    text-align: center;\n    color: #000;\n    padding: 15px 40px;\n  \tborder: 3px solid #FFB400;\n  transition: all ease 0.3s;\n  min-width:205px;\n}\n\n.punchline-wrapper a:hover {\n\tbackground:white;\n  color:#000;\n}\n\n@media only screen and (max-width:700px) {\n  .punchline-wrapper {\n  \tdisplay:block;\n  }\n  .punchline-wrapper a {\n  \tmargin-top:20px;\n    display:block;\n  }\n}\n\n\n<\/style>\n\n<div class=\"punchline-wrapper punchline-bg-generic\">\n    <p>\n        Get A Free Accessibility Check of your Website\n    <\/p>\n    <a href=\"https:\/\/reciteme.com\/au\/free-accessibility-check\/\">\n        Download Now\n    <\/a>\n<\/div>\n<!-- end Punchline CTA -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-75ceb44 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"75ceb44\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5f89db5\" data-id=\"5f89db5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4aad1cc elementor-widget elementor-widget-text-editor\" data-id=\"4aad1cc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Accessible images make your website inclusive for all. They ensure web users with visual impairments, who often need to use assistive technologies online, can engage with your content. If you\u2019re concerned about whether or not your website images are accessible, you might feel unsure about what to do next.<\/p><p>Fortunately, it\u2019s a relatively easy issue to resolve. In this guide, we\u2019ll take you through what you need to know.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6d9a4b5 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d9a4b5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5e733f7\" data-id=\"5e733f7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ee9489 elementor-widget elementor-widget-text-editor\" data-id=\"7ee9489\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Understanding the basics of image accessibility<\/h2><p>So, what makes an image accessible? Ultimately, it means that all individuals, including those with <a href=\"https:\/\/reciteme.com\/au\/news\/blind-accessibility\/\">visual impairments<\/a>, must be able to \u201csee\u201d the content of your images.<\/p><p>To achieve this, you\u2019ll need to meet recognised accessibility standards like the <a href=\"https:\/\/reciteme.com\/au\/news\/understanding-the-web-content-accessibility-guidelines-wcag\/\">Web Content Accessibility Guidelines (WCAG)<\/a>. These globally-recognised standards are underpinned by several key principles, known by the acronym \u201cPOUR\u201d.<\/p><p>You\u2019ll need to apply each of these <a href=\"https:\/\/reciteme.com\/au\/news\/pour-accessibility-principles\/\">POUR principles<\/a> to images and other content on your site:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c878a2c disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c878a2c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-931a6d1 elementor-hidden-mobile\" data-id=\"931a6d1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-016d42b elementor-widget elementor-widget-image\" data-id=\"016d42b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/07\/WCAG-2.2-header-300x300.png\" class=\"attachment-medium size-medium wp-image-29640\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/07\/WCAG-2.2-header-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/07\/WCAG-2.2-header-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2024\/07\/WCAG-2.2-header.png 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b49ee24\" data-id=\"b49ee24\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-354c490 elementor-widget elementor-widget-text-editor\" data-id=\"354c490\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Perceivable:<\/strong> As mentioned above, you\u2019ll need to make sure all web users can \u201csee\u201d your images. That doesn\u2019t just mean visuals, though. For visually impaired people, it can also include \u201cseeing\u201d with a <a href=\"https:\/\/reciteme.com\/au\/news\/screen-reader-accessibility\/\">screen reader<\/a>.<\/li><li><strong>Operable:<\/strong> Web users need to be able to engage with your website images. For example, it must be responsive so it can be seen on all screens, and if it\u2019s a linked image, the destination must be made clear in the alt text.<\/li><li><strong>Understandable:<\/strong> If the image contains text, font and colour choices must be easy to read. Wherever possible, text should be embedded in the HTML and CSS, rather than images.<\/li><li><strong>Robust:<\/strong> Technologies update frequently. Your website images should be robust enough to remain accessible for years to come. For example, make sure you\u2019re using up-to-date image formats, such as PNGs.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a021e97 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a021e97\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a71ad05\" data-id=\"a71ad05\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b665d76 elementor-widget elementor-widget-text-editor\" data-id=\"b665d76\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Writing descriptive image alt text<\/h2><p>You should always aim for the <a href=\"https:\/\/reciteme.com\/au\/news\/how-to-write-image-alt-text-for-accessibility\/\">image alt text<\/a> to be descriptive, so that web users get a clear understanding of the content.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f595b7e disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f595b7e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5ae0e23\" data-id=\"5ae0e23\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4eae17c elementor-widget elementor-widget-text-editor\" data-id=\"4eae17c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Considering context<\/h3><p>Consider the related context of the image. What will visitors miss out on if they are unable to visually \u201csee\u201d the image? You\u2019ll need to convey that to them in words, so they are not left with an incomplete understanding. For example, let\u2019s say there\u2019s a website that showcases hotels in different locations. On this site, image alt text that simply reads \u201chotel\u201d will be extremely unhelpful. In this scenario, you\u2019d need to provide more detail, such as \u201cfront entrance of Premier Inn, Kensington.\u201d<\/p><p>Make sure to clarify any relevant contextual information. So, if the image contains famous or significant individuals, ensure you include their name and role. For example, rather than \u201cmusician,\u201d write \u201cTina Turner performing live in Rio de Janeiro, 1988.\u201d <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-50ca9c8 elementor-hidden-mobile\" data-id=\"50ca9c8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-061e3a3 elementor-widget elementor-widget-image\" data-id=\"061e3a3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/How-to-write-Image-Alt-Text-for-Accessibility-300x300.png\" class=\"attachment-medium size-medium wp-image-34348\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/How-to-write-Image-Alt-Text-for-Accessibility-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/How-to-write-Image-Alt-Text-for-Accessibility-1024x1024.png 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/How-to-write-Image-Alt-Text-for-Accessibility-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/How-to-write-Image-Alt-Text-for-Accessibility-768x768.png 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/How-to-write-Image-Alt-Text-for-Accessibility.png 1150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5bd1ff1 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5bd1ff1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-568b57b elementor-hidden-mobile\" data-id=\"568b57b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e71681d elementor-widget elementor-widget-image\" data-id=\"e71681d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"295\" height=\"300\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Write-Alt-Text-Header-295x300.png\" class=\"attachment-medium size-medium wp-image-35928\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Write-Alt-Text-Header-295x300.png 295w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Write-Alt-Text-Header.png 393w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0a58597\" data-id=\"0a58597\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b3b19cb elementor-widget elementor-widget-text-editor\" data-id=\"b3b19cb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Focus on important information<\/h3><p>There\u2019s no need to overload your description with unnecessary details, though. Alt text should be as concise as possible. When in doubt, consider whether a particular detail adds vital information for the web visitor, or if it\u2019s unimportant.<\/p><p>If you already have hundreds of images on your website, the prospect of finding and resolving issues can be overwhelming. <a href=\"https:\/\/reciteme.com\/au\/product\/website-accessibility-checker\/\">Web accessibility checker<\/a> tools can automatically scan your website for potential violations, saving you time. Plus, they also include AI-powered fixes to quickly resolve missing alt text issues.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ce5d44 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8ce5d44\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-0cb1bb3\" data-id=\"0cb1bb3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ca875f elementor-widget elementor-widget-heading\" data-id=\"7ca875f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-medium\">Get a Free Accessibility Audit of your Website<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73843a0 elementor-widget elementor-widget-text-editor\" data-id=\"73843a0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Get a free automated accessibility check of your websites homepage. This will identify and highlight any compliance issues on your website. Followed by recommendations on how to implement the necessary changes to make your website more accessible.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e1c844 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"2e1c844\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/reciteme.com\/au\/free-accessibility-check\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Run a Free Compliance Audit Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7d89204\" data-id=\"7d89204\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3ac720d elementor-widget elementor-widget-image\" data-id=\"3ac720d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"766\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/5-Checker-Website-image-1024x980.png\" class=\"attachment-large size-large wp-image-33845\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/5-Checker-Website-image-1024x980.png 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/5-Checker-Website-image-300x287.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/5-Checker-Website-image-768x735.png 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/5-Checker-Website-image-1536x1471.png 1536w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/5-Checker-Website-image.png 2000w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-947623f disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"947623f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-15daafa\" data-id=\"15daafa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9482e22 elementor-widget elementor-widget-text-editor\" data-id=\"9482e22\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>When to use empty alternative text<\/h2><p>Not all images require alt text. If the content is purely decorative or is already established in the surrounding text, there\u2019s no need to repeat it in the alt text. In these situations, you should use the include alt=\u201d\u201d in the HTML alt attribute. In other words, leave the alt attribute completely empty. This alerts screen readers and instructs them to skip the alt text, preventing further issues.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9300008 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9300008\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-81ff6ea\" data-id=\"81ff6ea\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ab0589 elementor-widget elementor-widget-text-editor\" data-id=\"5ab0589\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>The rules for complex images<\/h2><p>More complex images, such as charts, diagrams, infographics, and maps, have some additional requirements.<\/p><table><tbody><tr><td><strong>Long descriptions<\/strong><\/td><td>Detailed infographics cannot be conveyed clearly with alt text alone. You should aim to write a short alt text description that summarises the content, but also add a long description with the core relevant information from the graphic. This description can be added beneath the image or, for particularly long descriptions, through a linked document or page, which should be labelled clearly (e.g., \u201cView infographic transcript\u201d).<\/td><\/tr><tr><td><strong>Data tables<\/strong><\/td><td>Rather than charts and tables displayed in an image, aim to add any tables directly into the HTML, as this is fully compatible with assistive technologies.<\/td><\/tr><tr><td><strong>Use &lt;figure&gt; and &lt;figcaption&gt; tags<\/strong><\/td><td>These allow you to group an image together with a caption. &lt;figure&gt; connects the image and textual description, whilst within the &lt;figcaption&gt; element, you\u2019ll add the caption itself. Using these specific elements helps screen readers to understand how the image elements relate to each other.<\/td><\/tr><\/tbody><\/table>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a45ea02 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a45ea02\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78dd2e6\" data-id=\"78dd2e6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a18ca8 elementor-widget elementor-widget-text-editor\" data-id=\"9a18ca8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Is it accessible to use text in images?<\/h2><p>In most cases, no. You should generally only use text within images when absolutely necessary. This is important for accessibility for several reasons:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dad6d91 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dad6d91\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-730d213 elementor-hidden-mobile\" data-id=\"730d213\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6259429 elementor-widget elementor-widget-image\" data-id=\"6259429\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header-300x300.png\" class=\"attachment-medium size-medium wp-image-34466\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header-1024x1024.png 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header-768x768.png 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/Top-10-Web-Accessibility-Best-Practices-Header.png 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7da0b2d\" data-id=\"7da0b2d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d017d39 elementor-widget elementor-widget-text-editor\" data-id=\"d017d39\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Difficult to edit:<\/strong> Whilst textual content can be analysed and tweaked quickly by automated tools, like website accessibility checkers. Meanwhile, text within images is harder to analyse, and would require using editing software to make changes. This also makes this content challenging to update or adjust to different languages.<\/li><li><strong>Cannot be read by assistive technology:<\/strong> People with visual impairments may use assistive technology like screen readers to read out the text content on your website. Screen readers can read alt text, but not text within the images themselves.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c8069d2 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c8069d2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef8b235\" data-id=\"ef8b235\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fe17d5b elementor-widget elementor-widget-text-editor\" data-id=\"fe17d5b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>There are some exceptions, such as for logos or decorative text. Wherever possible, it\u2019s best to format website text with HTML and CSS, rather than embedding it within an image.<\/p><p>When you do need to include text within an image, make sure to include similar text within the alt text. If the textual content is especially long, such as in an infographic, add it into a separate document beneath the image.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-daacbd8 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"daacbd8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0868446\" data-id=\"0868446\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-814e38a elementor-widget elementor-widget-text-editor\" data-id=\"814e38a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>How does colour and contrast impact the accessibility of images<\/h2><p>Colour plays an integral role in digital image accessibility. For example, any images or graphics need to have suitable colour contrast against the website background. <a href=\"https:\/\/reciteme.com\/au\/news\/colour-contrast-accessibility\/\">Poor colour contrast<\/a> can make it difficult for people with visibility impairments to distinguish between website elements. According to WCAG, normal-sized text should have a contrast ratio of at least 4.5:1.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5ac83ef disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5ac83ef\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c22ef47\" data-id=\"c22ef47\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8a7b882 elementor-widget elementor-widget-text-editor\" data-id=\"8a7b882\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>But remember, different web users will have varying requirements. Digital tools can be helpful here. For example, <a href=\"https:\/\/reciteme.com\/au\/product\/assistive-toolbar\/\">Recite Me\u2019s Assistive Toolbar<\/a> enables website visitors to edit the colour schemes on your site to suit their needs.<\/p><p>Although colour is often frequently used to convey information online, such as purple for previously visited links, this isn\u2019t always accessible. Avoid using colour as the sole means of conveying important information on your site. For example, include a text label (e.g., \u201csuccess,\u201d \u201cerror\u201d) or symbols (e.g., check mark) for alerts and notifications.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-dfc51f2 elementor-hidden-mobile\" data-id=\"dfc51f2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cac0af3 elementor-widget elementor-widget-image\" data-id=\"cac0af3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/1-Colour-Contrast-checker-icon-300x300.png\" class=\"attachment-medium size-medium wp-image-34465\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/1-Colour-Contrast-checker-icon-300x300.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/1-Colour-Contrast-checker-icon-150x150.png 150w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/1-Colour-Contrast-checker-icon-768x768.png 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/06\/1-Colour-Contrast-checker-icon.png 882w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e267c8f disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e267c8f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f7cffe8\" data-id=\"f7cffe8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2b82a27 elementor-widget elementor-widget-text-editor\" data-id=\"2b82a27\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Accessible Image Formats and Responsive Design<\/h2><p>Aside from the content within your images, choosing the right image format is essential. JPEG and PNG are widely used online, making them a suitably accessible option for most images.<\/p><p>For more complex images with text or logos, aim to use SVG instead. This is the best format for scaling your images, as it can remain clear even when zoomed in.<\/p><p>Website images should be responsive rather than fixed-size, wherever possible. This ensures images resize to fit the screen, whether users visit the site on a mobile or desktop device. <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bb4acbc disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bb4acbc\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-c1684e1\" data-id=\"c1684e1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-67c1683 elementor-widget elementor-widget-heading\" data-id=\"67c1683\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-medium\">Digital Accessibility and Inclusion Toolkit<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-298f431 elementor-widget elementor-widget-text-editor\" data-id=\"298f431\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our 40-page Digital Accessibility &amp; Inclusion Toolkit helps businesses break down online barriers and make a real impact. It offers practical advice on all aspects of digital accessibility, from writing an accessibility statement to accessible website tips and inclusive hiring.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c1580e elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"3c1580e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/reciteme.com\/au\/download\/accessibility-and-inclusion-toolkit\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download Your Toolkit Here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-df604d9\" data-id=\"df604d9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ec1c021 elementor-widget elementor-widget-image\" data-id=\"ec1c021\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"722\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/Toolkit-Graphic-1-1.png\" class=\"attachment-large size-large wp-image-34287\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/Toolkit-Graphic-1-1.png 964w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/Toolkit-Graphic-1-1-300x271.png 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/05\/Toolkit-Graphic-1-1-768x693.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd1b274 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bd1b274\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1ab24aa\" data-id=\"1ab24aa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ec84989 elementor-widget elementor-widget-text-editor\" data-id=\"ec84989\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Conclusion: Follow image accessibility best practices<\/h2><p>Accessible images are integral to inclusive website design. By understanding the principles, you improve its usability and make the internet a fairer place. On top of this, you\u2019re also enhancing user experience, improving SEO, and reducing legal risks.<\/p><p>Not sure where to start? Conduct a <a href=\"https:\/\/reciteme.com\/au\/free-accessibility-check\/\">free website accessibility audit<\/a> to pinpoint issues with your images and other digital content.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a5ec274 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a5ec274\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0fe5ce8\" data-id=\"0fe5ce8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-40f3c7d elementor-widget elementor-widget-text-editor\" data-id=\"40f3c7d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>How to create accessible images FAQs<\/h2><p>Looking for a recap or quick summary? Here are a few of our most frequently asked questions to help you get to grips with the essentials:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1652aeb elementor-widget elementor-widget-accordion\" data-id=\"1652aeb\" data-element_type=\"widget\" data-widget_type=\"accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-2341\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-2341\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><span class=\"fas fa-plus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><span class=\"fas fa-minus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">What is image accessibility?<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div id=\"elementor-tab-content-2341\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-2341\"><p>As it sounds, image accessibility refers to the accessibility of images on your website. For example, visually impaired web users can\u2019t \u201csee\u201d your images, so you\u2019ll need to provide alternatives that assistive technologies can pick up on, including by adding detailed alt text describing the content of the image.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-2342\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-2342\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><span class=\"fas fa-plus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><span class=\"fas fa-minus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">How to create accessible images?<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div id=\"elementor-tab-content-2342\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-2342\"><p>There are several steps to creating accessible images, including:<\/p><ul><li>Adding detailed alt text to images using the alt attribute<\/li><li>Including empty alt text (i.e., alt=\u201d\u201d) for decorative images<\/li><li>Providing long descriptions and data tables for complex images<\/li><li>Choose suitable image formats, such as SVG, JPEG or PNG<\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-2343\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-2343\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><span class=\"fas fa-plus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><span class=\"fas fa-minus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">What needs to be added to an image to make it accessible?<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div id=\"elementor-tab-content-2343\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-2343\"><p>To make images accessible, you need to add alt text. Specifically:<\/p><ul><li>Include details about the content of the image<\/li><li>Don\u2019t forget to clarify relevant contextual information<\/li><li>Keep it short and to the point, with no unnecessary details<\/li><li>Add an empty alt=\u201d\u201d attribute for decorative images<\/li><\/ul><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<h3 id=\"elementor-tab-title-2344\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-2344\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><span class=\"fas fa-plus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><span class=\"fas fa-minus\"><\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">How do you describe an image for accessibility? <\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t<div id=\"elementor-tab-content-2344\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-2344\"><p>You can add descriptive alt text to images using the alt attribute. You\u2019ll need to provide enough detail and context to help visually impaired people fully understand the content of the image. So, rather than \u201cWoman cooking,\u201d you could write, \u201cHousewife takes out bundt cake from a stove\u201d.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c539944 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c539944\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b045079\" data-id=\"b045079\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7080a0f elementor-widget elementor-widget-text-editor\" data-id=\"7080a0f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Check out our Products &amp; Services<\/h2><p>Ready to take your first steps towards digital accessibility compliance? Then see how we can support your journey with our accessibility solutions:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-29aba52 elementor-section-content-space-between elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"29aba52\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-3d84ab4\" data-id=\"3d84ab4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6aa0f14 elementor-widget elementor-widget-image\" data-id=\"6aa0f14\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail-1024x576.jpg\" class=\"attachment-large size-large wp-image-35994\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail-1024x576.jpg 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail-300x169.jpg 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail-768x432.jpg 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail-1536x864.jpg 1536w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Checker-Thumbnail.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-906a714 elementor-widget elementor-widget-text-editor\" data-id=\"906a714\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Web Accessibility Checker<\/b><\/p><p>Scan, detect, fix, and maintain accessibility compliance standards on your website.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88bc8af elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"88bc8af\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/reciteme.com\/au\/product\/website-accessibility-checker\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View Checker<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-50de34b\" data-id=\"50de34b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f2c38a elementor-widget elementor-widget-image\" data-id=\"0f2c38a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail-1024x576.jpg\" class=\"attachment-large size-large wp-image-35995\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail-1024x576.jpg 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail-300x169.jpg 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail-768x432.jpg 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail-1536x864.jpg 1536w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/Toolbar-Thumbnail.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e1c0d5 elementor-widget elementor-widget-text-editor\" data-id=\"6e1c0d5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Assistive Toolbar<br \/><\/b><\/p><p>Make your website an inclusive and customisable experience for people with disabilities.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e95266f elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"e95266f\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/reciteme.com\/au\/product\/assistive-toolbar\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View Toolbar<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-f3e10d0\" data-id=\"f3e10d0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4d79ca8 elementor-widget elementor-widget-image\" data-id=\"4d79ca8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail-1024x576.jpg\" class=\"attachment-large size-large wp-image-35996\" alt=\"\" srcset=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail-1024x576.jpg 1024w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail-300x169.jpg 300w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail-768x432.jpg 768w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail-1536x864.jpg 1536w, https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/PDF-Remediation-Thumbnail.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc511a6 elementor-widget elementor-widget-text-editor\" data-id=\"cc511a6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>PDF Accessibility Checker<br \/><\/b><\/p><p>Check your PDFs are compliant with accessibility standards and run automated fixes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f4a5b6 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"6f4a5b6\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/reciteme.com\/au\/product\/pdf-accessibility-checker\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View Checker<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Learn how to make website images accessible with alt text, correct formats and inclusive design so everyone can access your content.<\/p>\n","protected":false},"author":9,"featured_media":35925,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[107],"tags":[199],"departments":[93,97,95,92,94,133,96],"type_tag":[124],"flag":[],"class_list":["post-35924","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-general-accessibility","departments-c-suite","departments-careers","departments-diversity","departments-hr","departments-marketing","departments-sales","departments-tech","type_tag-articles"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create Accessible Images for your Website<\/title>\n<meta name=\"description\" content=\"Learn how to make website images accessible with alt text, correct formats and inclusive design so everyone can access your content.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Accessible Images for your Website\" \/>\n<meta property=\"og:description\" content=\"Learn how to make website images accessible with alt text, correct formats and inclusive design so everyone can access your content.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/\" \/>\n<meta property=\"og:site_name\" content=\"Recite Me\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-04T15:48:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-28T10:08:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michael Halpin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Halpin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/\"},\"author\":{\"name\":\"Michael Halpin\",\"@id\":\"https:\/\/reciteme.com\/au\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\"},\"headline\":\"How to Create Accessible Images for your Website\",\"datePublished\":\"2025-11-04T15:48:50+00:00\",\"dateModified\":\"2026-01-28T10:08:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/\"},\"wordCount\":1874,\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/au\/#organization\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg\",\"keywords\":[\"General Accessibility\"],\"articleSection\":[\"News\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/\",\"url\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/\",\"name\":\"How to Create Accessible Images for your Website\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/au\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg\",\"datePublished\":\"2025-11-04T15:48:50+00:00\",\"dateModified\":\"2026-01-28T10:08:43+00:00\",\"description\":\"Learn how to make website images accessible with alt text, correct formats and inclusive design so everyone can access your content.\",\"breadcrumb\":{\"@id\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#primaryimage\",\"url\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg\",\"contentUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"How to Create Accessible Images for your Website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/reciteme.com\/au\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Accessible Images for your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/reciteme.com\/au\/#website\",\"url\":\"https:\/\/reciteme.com\/au\/\",\"name\":\"Recite Me\",\"description\":\"Recite Me Website\",\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/au\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/reciteme.com\/au\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/reciteme.com\/au\/#organization\",\"name\":\"Recite Me\",\"url\":\"https:\/\/reciteme.com\/au\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/reciteme.com\/au\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2022\/03\/Recite_Logo_NewRed.png\",\"contentUrl\":\"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2022\/03\/Recite_Logo_NewRed.png\",\"width\":246,\"height\":80,\"caption\":\"Recite Me\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/au\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/reciteme.com\/au\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\",\"name\":\"Michael Halpin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/reciteme.com\/au\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g\",\"caption\":\"Michael Halpin\"},\"url\":\"https:\/\/reciteme.com\/au\/author\/michaelhalpin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create Accessible Images for your Website","description":"Learn how to make website images accessible with alt text, correct formats and inclusive design so everyone can access your content.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_GB","og_type":"article","og_title":"How to Create Accessible Images for your Website","og_description":"Learn how to make website images accessible with alt text, correct formats and inclusive design so everyone can access your content.","og_url":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/","og_site_name":"Recite Me","article_published_time":"2025-11-04T15:48:50+00:00","article_modified_time":"2026-01-28T10:08:43+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg","type":"image\/jpeg"}],"author":"Michael Halpin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Michael Halpin","Estimated reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#article","isPartOf":{"@id":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/"},"author":{"name":"Michael Halpin","@id":"https:\/\/reciteme.com\/au\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8"},"headline":"How to Create Accessible Images for your Website","datePublished":"2025-11-04T15:48:50+00:00","dateModified":"2026-01-28T10:08:43+00:00","mainEntityOfPage":{"@id":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/"},"wordCount":1874,"publisher":{"@id":"https:\/\/reciteme.com\/au\/#organization"},"image":{"@id":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg","keywords":["General Accessibility"],"articleSection":["News"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/","url":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/","name":"How to Create Accessible Images for your Website","isPartOf":{"@id":"https:\/\/reciteme.com\/au\/#website"},"primaryImageOfPage":{"@id":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#primaryimage"},"image":{"@id":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg","datePublished":"2025-11-04T15:48:50+00:00","dateModified":"2026-01-28T10:08:43+00:00","description":"Learn how to make website images accessible with alt text, correct formats and inclusive design so everyone can access your content.","breadcrumb":{"@id":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#primaryimage","url":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg","contentUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg","width":1920,"height":1080,"caption":"How to Create Accessible Images for your Website"},{"@type":"BreadcrumbList","@id":"https:\/\/reciteme.com\/au\/news\/how-to-create-accessible-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/reciteme.com\/au\/"},{"@type":"ListItem","position":2,"name":"How to Create Accessible Images for your Website"}]},{"@type":"WebSite","@id":"https:\/\/reciteme.com\/au\/#website","url":"https:\/\/reciteme.com\/au\/","name":"Recite Me","description":"Recite Me Website","publisher":{"@id":"https:\/\/reciteme.com\/au\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/reciteme.com\/au\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/reciteme.com\/au\/#organization","name":"Recite Me","url":"https:\/\/reciteme.com\/au\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/reciteme.com\/au\/#\/schema\/logo\/image\/","url":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2022\/03\/Recite_Logo_NewRed.png","contentUrl":"https:\/\/reciteme.com\/au\/wp-content\/uploads\/sites\/3\/2022\/03\/Recite_Logo_NewRed.png","width":246,"height":80,"caption":"Recite Me"},"image":{"@id":"https:\/\/reciteme.com\/au\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/reciteme.com\/au\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8","name":"Michael Halpin","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/reciteme.com\/au\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ae2f3f545f8d0f0cf271e95cd76a081b3357c7a3f243082c7750004eede90c88?s=96&d=mm&r=g","caption":"Michael Halpin"},"url":"https:\/\/reciteme.com\/au\/author\/michaelhalpin\/"}]}},"_links":{"self":[{"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/posts\/35924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/comments?post=35924"}],"version-history":[{"count":11,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/posts\/35924\/revisions"}],"predecessor-version":[{"id":36371,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/posts\/35924\/revisions\/36371"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/media\/35925"}],"wp:attachment":[{"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/media?parent=35924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/categories?post=35924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/tags?post=35924"},{"taxonomy":"departments","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/departments?post=35924"},{"taxonomy":"type_tag","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/type_tag?post=35924"},{"taxonomy":"flag","embeddable":true,"href":"https:\/\/reciteme.com\/au\/wp-json\/wp\/v2\/flag?post=35924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}