{"id":47400,"date":"2025-11-04T15:48:47","date_gmt":"2025-11-04T15:48:47","guid":{"rendered":"https:\/\/reciteme.com\/us\/?p=47400"},"modified":"2026-01-28T10:08:31","modified_gmt":"2026-01-28T10:08:31","slug":"how-to-create-accessible-images","status":"publish","type":"post","link":"https:\/\/reciteme.com\/us\/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=\"47400\" class=\"elementor elementor-47400\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4e39db5 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4e39db5\" 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-1e4dea2\" data-id=\"1e4dea2\" 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-c401492 elementor-widget elementor-widget-ucaddon_punchline_cta\" data-id=\"c401492\" 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\/us\/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-3a787b3 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3a787b3\" 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-910c439\" data-id=\"910c439\" 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-4b855dc elementor-widget elementor-widget-text-editor\" data-id=\"4b855dc\" 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-0f3519c disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0f3519c\" 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-be03cc2\" data-id=\"be03cc2\" 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-ed1a90b elementor-widget elementor-widget-text-editor\" data-id=\"ed1a90b\" 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\/us\/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 recognized accessibility standards like the <a href=\"https:\/\/reciteme.com\/us\/news\/understanding-the-web-content-accessibility-guidelines-wcag\/\">Web Content Accessibility Guidelines (WCAG)<\/a>. These globally-recognized 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\/us\/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-49e716c disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"49e716c\" 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-fbb8dce elementor-hidden-mobile\" data-id=\"fbb8dce\" 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-6947d9b elementor-widget elementor-widget-image\" data-id=\"6947d9b\" 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\/us\/wp-content\/uploads\/sites\/2\/2024\/10\/WCAG-2.2-header-300x300.png\" class=\"attachment-medium size-medium wp-image-37122\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/10\/WCAG-2.2-header-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/10\/WCAG-2.2-header-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2024\/10\/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-4d5691b\" data-id=\"4d5691b\" 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-e3cf1b8 elementor-widget elementor-widget-text-editor\" data-id=\"e3cf1b8\" 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\/us\/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 color 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-f7a6c86 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f7a6c86\" 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-168cbf8\" data-id=\"168cbf8\" 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-e16fe00 elementor-widget elementor-widget-text-editor\" data-id=\"e16fe00\" 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\/us\/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-d1408b6 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d1408b6\" 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-9461a78\" data-id=\"9461a78\" 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-27deb2c elementor-widget elementor-widget-text-editor\" data-id=\"27deb2c\" 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-eb5706b elementor-hidden-mobile\" data-id=\"eb5706b\" 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-b8ad46e elementor-widget elementor-widget-image\" data-id=\"b8ad46e\" 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\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/How-to-write-Image-Alt-Text-for-Accessibility-300x300.png\" class=\"attachment-medium size-medium wp-image-45490\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/How-to-write-Image-Alt-Text-for-Accessibility-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/How-to-write-Image-Alt-Text-for-Accessibility-1024x1024.png 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/How-to-write-Image-Alt-Text-for-Accessibility-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/How-to-write-Image-Alt-Text-for-Accessibility-768x768.png 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/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-fb2d6d1 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fb2d6d1\" 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-d5efabc elementor-hidden-mobile\" data-id=\"d5efabc\" 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-f7b88bb elementor-widget elementor-widget-image\" data-id=\"f7b88bb\" 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\/us\/wp-content\/uploads\/sites\/2\/2025\/11\/How-to-Write-Alt-Text-Header-295x300.png\" class=\"attachment-medium size-medium wp-image-47404\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/11\/How-to-Write-Alt-Text-Header-295x300.png 295w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/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-31b9822\" data-id=\"31b9822\" 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-2b38d5d elementor-widget elementor-widget-text-editor\" data-id=\"2b38d5d\" 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\/us\/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-9ad57ca disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9ad57ca\" 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-0324b0f\" data-id=\"0324b0f\" 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-2364c17 elementor-widget elementor-widget-heading\" data-id=\"2364c17\" 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-be08c33 elementor-widget elementor-widget-text-editor\" data-id=\"be08c33\" 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-65f143f elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"65f143f\" 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\/us\/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-aa7e62e\" data-id=\"aa7e62e\" 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-0a02358 elementor-widget elementor-widget-image\" data-id=\"0a02358\" 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\/us\/wp-content\/uploads\/sites\/2\/2025\/06\/5-Checker-Website-image-1024x980.png\" class=\"attachment-large size-large wp-image-43692\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/06\/5-Checker-Website-image-1024x980.png 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/06\/5-Checker-Website-image-300x287.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/06\/5-Checker-Website-image-768x735.png 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/06\/5-Checker-Website-image-1536x1471.png 1536w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/06\/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-cfaf3ab disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cfaf3ab\" 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-0c8bacb\" data-id=\"0c8bacb\" 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-b7fbdee elementor-widget elementor-widget-text-editor\" data-id=\"b7fbdee\" 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-fd67db9 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fd67db9\" 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-fa1f4d0\" data-id=\"fa1f4d0\" 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-258dcc4 elementor-widget elementor-widget-text-editor\" data-id=\"258dcc4\" 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 summarizes 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-24dd774 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"24dd774\" 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-9164842\" data-id=\"9164842\" 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-66b055a elementor-widget elementor-widget-text-editor\" data-id=\"66b055a\" 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-24a0abc disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"24a0abc\" 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-0a9ab31 elementor-hidden-mobile\" data-id=\"0a9ab31\" 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-d004aeb elementor-widget elementor-widget-image\" data-id=\"d004aeb\" 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\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/Top-10-Web-Accessibility-Best-Practices-Header-300x300.png\" class=\"attachment-medium size-medium wp-image-45486\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/Top-10-Web-Accessibility-Best-Practices-Header-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/Top-10-Web-Accessibility-Best-Practices-Header-1024x1024.png 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/Top-10-Web-Accessibility-Best-Practices-Header-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/Top-10-Web-Accessibility-Best-Practices-Header-768x768.png 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/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-8d405c6\" data-id=\"8d405c6\" 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-23fb72f elementor-widget elementor-widget-text-editor\" data-id=\"23fb72f\" 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-0db8a2d disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0db8a2d\" 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-c5f6eb1\" data-id=\"c5f6eb1\" 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-b4d888f elementor-widget elementor-widget-text-editor\" data-id=\"b4d888f\" 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-3f266cb disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3f266cb\" 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-ddd2b66\" data-id=\"ddd2b66\" 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-0508e1c elementor-widget elementor-widget-text-editor\" data-id=\"0508e1c\" 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 color and contrast impact the accessibility of images<\/h2><p>Color plays an integral role in digital image accessibility. For example, any images or graphics need to have suitable color contrast against the website background. <a href=\"https:\/\/reciteme.com\/us\/news\/color-contrast-accessibility\/\">Poor color 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-d345be2 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d345be2\" 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-1dbf2a1\" data-id=\"1dbf2a1\" 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-dd7fa42 elementor-widget elementor-widget-text-editor\" data-id=\"dd7fa42\" 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\/us\/product\/assistive-toolbar\/\">Recite Me\u2019s Assistive Toolbar<\/a> enables website visitors to edit the color schemes on your site to suit their needs.<\/p><p>Although color is often frequently used to convey information online, such as purple for previously visited links, this isn\u2019t always accessible. Avoid using color 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-73e3996 elementor-hidden-mobile\" data-id=\"73e3996\" 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-721c3db elementor-widget elementor-widget-image\" data-id=\"721c3db\" 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\/us\/wp-content\/uploads\/sites\/2\/2025\/09\/1-Colour-Contrast-checker-icon-300x300.png\" class=\"attachment-medium size-medium wp-image-46937\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/09\/1-Colour-Contrast-checker-icon-300x300.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/09\/1-Colour-Contrast-checker-icon-150x150.png 150w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/09\/1-Colour-Contrast-checker-icon-768x768.png 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/09\/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-5c695e7 disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c695e7\" 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-3e82fae\" data-id=\"3e82fae\" 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-6b3f621 elementor-widget elementor-widget-text-editor\" data-id=\"6b3f621\" 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-8220e0f disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8220e0f\" 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-02100e2\" data-id=\"02100e2\" 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-0efc851 elementor-widget elementor-widget-heading\" data-id=\"0efc851\" 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-2650685 elementor-widget elementor-widget-text-editor\" data-id=\"2650685\" 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-a613ff1 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"a613ff1\" 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\/us\/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-534fdba\" data-id=\"534fdba\" 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-0aaf2ff elementor-widget elementor-widget-image\" data-id=\"0aaf2ff\" 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\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/Toolkit-Graphic-1-1.png\" class=\"attachment-large size-large wp-image-45495\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/Toolkit-Graphic-1-1.png 964w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/Toolkit-Graphic-1-1-300x271.png 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/08\/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-7ac90cd disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ac90cd\" 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-fb161b3\" data-id=\"fb161b3\" 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-9b31143 elementor-widget elementor-widget-text-editor\" data-id=\"9b31143\" 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\/us\/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-2af3ddc disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2af3ddc\" 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-8fccafe\" data-id=\"8fccafe\" 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-3004332 elementor-widget elementor-widget-text-editor\" data-id=\"3004332\" 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-56d40dd elementor-widget elementor-widget-accordion\" data-id=\"56d40dd\" 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-9101\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-9101\" 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-9101\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-9101\"><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-9102\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-9102\" 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-9102\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-9102\"><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-9103\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-9103\" 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-9103\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-9103\"><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-9104\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-9104\" 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-9104\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-9104\"><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-6f5930a disable-default elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6f5930a\" 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-5a37f18\" data-id=\"5a37f18\" 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-f1b3d9f elementor-widget elementor-widget-text-editor\" data-id=\"f1b3d9f\" 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-2fb59d0 elementor-section-content-space-between elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2fb59d0\" 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-6de42a6\" data-id=\"6de42a6\" 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-962bf4d elementor-widget elementor-widget-image\" data-id=\"962bf4d\" 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\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/Checker-Thumbnail-1024x576.jpg\" class=\"attachment-large size-large wp-image-47812\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/Checker-Thumbnail-1024x576.jpg 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/Checker-Thumbnail-300x169.jpg 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/Checker-Thumbnail-768x432.jpg 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/Checker-Thumbnail-1536x864.jpg 1536w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/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-e693067 elementor-widget elementor-widget-text-editor\" data-id=\"e693067\" 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-beb2e15 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"beb2e15\" 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\/us\/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-1d31e26\" data-id=\"1d31e26\" 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-eedaec5 elementor-widget elementor-widget-image\" data-id=\"eedaec5\" 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\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/Toolbar-Thumbnail-1024x576.jpg\" class=\"attachment-large size-large wp-image-47813\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/Toolbar-Thumbnail-1024x576.jpg 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/Toolbar-Thumbnail-300x169.jpg 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/Toolbar-Thumbnail-768x432.jpg 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/Toolbar-Thumbnail-1536x864.jpg 1536w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/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-c5aef25 elementor-widget elementor-widget-text-editor\" data-id=\"c5aef25\" 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 customizable 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-63bee6d elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"63bee6d\" 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\/us\/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-92e0f02\" data-id=\"92e0f02\" 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-98a0cfc elementor-widget elementor-widget-image\" data-id=\"98a0cfc\" 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\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/PDF-Remediation-Thumbnail-1024x576.jpg\" class=\"attachment-large size-large wp-image-47814\" alt=\"\" srcset=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/PDF-Remediation-Thumbnail-1024x576.jpg 1024w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/PDF-Remediation-Thumbnail-300x169.jpg 300w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/PDF-Remediation-Thumbnail-768x432.jpg 768w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/PDF-Remediation-Thumbnail-1536x864.jpg 1536w, https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/12\/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-d9a528b elementor-widget elementor-widget-text-editor\" data-id=\"d9a528b\" 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-7093d65 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"7093d65\" 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\/us\/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":47402,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[107],"tags":[158],"departments":[93,97,95,92,94,133,96],"type_tag":[124],"flag":[],"class_list":["post-47400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-all-sectors","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_US\" \/>\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\/us\/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:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-28T10:08:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/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=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/\"},\"author\":{\"name\":\"Michael Halpin\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\"},\"headline\":\"How to Create Accessible Images for your Website\",\"datePublished\":\"2025-11-04T15:48:47+00:00\",\"dateModified\":\"2026-01-28T10:08:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/\"},\"wordCount\":1874,\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/us\/#organization\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg\",\"keywords\":[\"All Sectors\"],\"articleSection\":[\"News\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/\",\"url\":\"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/\",\"name\":\"How to Create Accessible Images for your Website\",\"isPartOf\":{\"@id\":\"https:\/\/reciteme.com\/us\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg\",\"datePublished\":\"2025-11-04T15:48:47+00:00\",\"dateModified\":\"2026-01-28T10:08:31+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\/us\/news\/how-to-create-accessible-images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/#primaryimage\",\"url\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg\",\"contentUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/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\/us\/news\/how-to-create-accessible-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/reciteme.com\/us\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Accessible Images for your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/reciteme.com\/us\/#website\",\"url\":\"https:\/\/reciteme.com\/us\/\",\"name\":\"Recite Me\",\"description\":\"Recite Me Website\",\"publisher\":{\"@id\":\"https:\/\/reciteme.com\/us\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/reciteme.com\/us\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/reciteme.com\/us\/#organization\",\"name\":\"Recite Me\",\"url\":\"https:\/\/reciteme.com\/us\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png\",\"contentUrl\":\"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png\",\"width\":622,\"height\":200,\"caption\":\"Recite Me\"},\"image\":{\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8\",\"name\":\"Michael Halpin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/reciteme.com\/us\/#\/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\/us\/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_US","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\/us\/news\/how-to-create-accessible-images\/","og_site_name":"Recite Me","article_published_time":"2025-11-04T15:48:47+00:00","article_modified_time":"2026-01-28T10:08:31+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/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","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/#article","isPartOf":{"@id":"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/"},"author":{"name":"Michael Halpin","@id":"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8"},"headline":"How to Create Accessible Images for your Website","datePublished":"2025-11-04T15:48:47+00:00","dateModified":"2026-01-28T10:08:31+00:00","mainEntityOfPage":{"@id":"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/"},"wordCount":1874,"publisher":{"@id":"https:\/\/reciteme.com\/us\/#organization"},"image":{"@id":"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg","keywords":["All Sectors"],"articleSection":["News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/","url":"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/","name":"How to Create Accessible Images for your Website","isPartOf":{"@id":"https:\/\/reciteme.com\/us\/#website"},"primaryImageOfPage":{"@id":"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/#primaryimage"},"image":{"@id":"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/#primaryimage"},"thumbnailUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg","datePublished":"2025-11-04T15:48:47+00:00","dateModified":"2026-01-28T10:08:31+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\/us\/news\/how-to-create-accessible-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reciteme.com\/us\/news\/how-to-create-accessible-images\/#primaryimage","url":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2025\/11\/How-to-Create-Accessible-Images-for-your-Website-Thumbnail.jpg","contentUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/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\/us\/news\/how-to-create-accessible-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/reciteme.com\/us\/"},{"@type":"ListItem","position":2,"name":"How to Create Accessible Images for your Website"}]},{"@type":"WebSite","@id":"https:\/\/reciteme.com\/us\/#website","url":"https:\/\/reciteme.com\/us\/","name":"Recite Me","description":"Recite Me Website","publisher":{"@id":"https:\/\/reciteme.com\/us\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/reciteme.com\/us\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/reciteme.com\/us\/#organization","name":"Recite Me","url":"https:\/\/reciteme.com\/us\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/","url":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png","contentUrl":"https:\/\/reciteme.com\/us\/wp-content\/uploads\/sites\/2\/2022\/04\/cropped-Recite-logo-350px-@2x.png","width":622,"height":200,"caption":"Recite Me"},"image":{"@id":"https:\/\/reciteme.com\/us\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/reciteme.com\/us\/#\/schema\/person\/a803bb6cbfcec2867b8f9f543359cbf8","name":"Michael Halpin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/reciteme.com\/us\/#\/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\/us\/author\/michaelhalpin\/"}]}},"_links":{"self":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts\/47400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/comments?post=47400"}],"version-history":[{"count":11,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts\/47400\/revisions"}],"predecessor-version":[{"id":48566,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/posts\/47400\/revisions\/48566"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/media\/47402"}],"wp:attachment":[{"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/media?parent=47400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/categories?post=47400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/tags?post=47400"},{"taxonomy":"departments","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/departments?post=47400"},{"taxonomy":"type_tag","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/type_tag?post=47400"},{"taxonomy":"flag","embeddable":true,"href":"https:\/\/reciteme.com\/us\/wp-json\/wp\/v2\/flag?post=47400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}