{"id":22406,"date":"2021-09-01T16:19:06","date_gmt":"2021-09-01T16:19:06","guid":{"rendered":"http:\/\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget"},"modified":"2022-11-14T15:47:11","modified_gmt":"2022-11-14T22:47:11","slug":"enhanced_accessibility_for_cloudinary_s_product_gallery_widget","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget","title":{"rendered":"Enhanced Accessibility for Cloudinary\u2019s Product Gallery Widget"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>Cloudinary\u2019s <a href=\"https:\/\/cloudinary.com\/blog\/introducing_the_cloudinary_product_gallery_enabling_a_dynamic_buyer_experience\">Product Gallery<\/a> widget, which launched in 2019, has enabled many brands to effectively and efficiently showcase their products in a sleek and captivating manner, saving countless hours of development time and accelerating release cycles. By adding Cloudinary\u2019s Product Gallery widget with its <a href=\"https:\/\/cloudinary.com\/documentation\/product_gallery_tutorial\">customizable UI<\/a> to their product page, retailers reap numerous benefits, often turning visitors into customers in short order.<\/p>\n<p>Newly on deck are several enhancements to the widget\u2019s accessibility, capped with a more wholesome, convenience-filled experience. Below is a summary.<\/p>\n<h2>Benefits of Accessibility<\/h2>\n<p>A core mission of Cloudinary is to deliver a fast, riveting web experience regardless of device, browser, or network speed. Gratifyingly, the barrier to accessing the internet on various devices is being lowered continually. Those devices have also become more robust with helpful features, which opens more access to the disabled.<\/p>\n<p>By improving the accessibility of its Product Gallery widget, Cloudinary fulfills the needs of disabled visitors to e-commerce sites, affording those individuals an enjoyable shopping experience and helping grow retail revenue. Two examples:<\/p>\n<ul>\n<li>\n<p>A significant number of physically handicapped people cannot use a mouse device, relying exclusively on their keyboard instead.<\/p>\n<\/li>\n<li>\n<p>The visually impaired must turn to <a href=\"https:\/\/www.perkinselearning.org\/technology\/blog\/how-write-alt-text-and-image-descriptions-visually-impaired#:~:text=It%20is%20strongly%20recommended%20that,tweet%2C%20or%20about%20280%20characters\">assistive technology<\/a> in order to access content. For those individuals, Cloudinary\u2019s Product Gallery now enables keyboard accessibility, offers screen readers that support alt text, and features multiple zoom-in levels.<\/p>\n<\/li>\n<\/ul>\n<h2>New Enhancements<\/h2>\n<p>The tutorial video below walks you through the accessibility-related enhancements for Cloudinary\u2019s Product Gallery widget, followed by a summary of each of them.<\/p>\n<h3>Keyboard Accessibility<\/h3>\n<p>The accessibility layer, which is part of the basic configuration, supports these standard keyboard navigations:<\/p>\n<ul>\n<li>\n<strong>Tab<\/strong> to navigate forward<\/li>\n<li>\n<strong>Shift+Tab<\/strong> to navigate back<\/li>\n<li>\n<strong>Enter<\/strong> to view or zoom in to an asset<\/li>\n<li>\n<strong>Esc<\/strong> to stop zooming in<\/li>\n<li>\n<strong>Spacebar<\/strong> to toggle between playing and pausing a video<\/li>\n<\/ul>\n<p>The enhancements are tailored for users who must rely on the keyboard for navigation due to an inability to use a mouse device; and for the visually impaired, who decipher text by listening to a screen reader.\nWe recommend the following configurations:<\/p>\n<ul>\n<li>Classic view or multiple columns in an expanded view, the latter delivering a more prominent focus<\/li>\n<li>With or without thumbnails<\/li>\n<li>Zooming as a pop-up<\/li>\n<li>Images and videos<\/li>\n<li>Play and Pause as the only controls for video<\/li>\n<\/ul>\n<h3>Text Accessibility (Alt Text)<\/h3>\n<p>Subsequent to the widget\u2019s June 2021 release, all Cloudinary product galleries feature alt text. By default, the widget adds a string to the alt text of each asset in the form of \u201cGallery asset <em>n<\/em> of <em>m<\/em>.\u201d Also, generation of alt text in the widget is now automatic, greatly enhancing accessibility for screen-reader users.<\/p>\n<p>By way of background, alt text is an important feature for the following reasons:<\/p>\n<ul>\n<li>In case an image fails to load, the related alt text is displayed.<\/li>\n<li>\n<a href=\"https:\/\/usabilitygeek.com\/10-free-screen-reader-blind-visually-impaired-users\/\">Screen readers<\/a> play the audio of alt text\u2014a big help to the visually impaired.<\/li>\n<li>Alt text raises your site\u2019s search engine optimization (SEO) ranking by sending contextual image descriptions to search-engine crawlers. Indexing is easier for images with alt text.\nThis feature goes hand in hand with the [keyboard accessibility](<a href=\"https:\/\/cloudinary.com\/documentation\/product_gallery#accessible_navigation\">https:\/\/cloudinary.com\/documentation\/product_gallery#accessible_navigation<\/a> enabled by the Product Gallery widget. That\u2019s a tremendous boon for people with low vision and, concurrently, difficulties in seeing images and other digital elements.<\/li>\n<\/ul>\n<p>We highly recommend that you populate alt text with <a href=\"https:\/\/cloudinary.com\/documentation\/dam_manage_individual_assets#setting_contextual_metadata_values\">contextual metadata<\/a>. Alternatively, adopt a <a href=\"https:\/\/cloudinary.com\/documentation\/dam_manage_individual_assets#setting_structured_metadata_values\">structured metadata key<\/a> for your gallery assets. Make the wording clear and descriptive, especially since this text is also picked up by search engines, hence a key factor for SEO.<\/p>\n<div class='c-callout  c-callout--inline-title c-callout--note'><strong class='c-callout__title'>Note:<\/strong> <p>Abide by this <a href=\"https:\/\/www.perkinselearning.org\/technology\/blog\/how-write-alt-text-and-image-descriptions-visually-impaired#:~:text=It%20is%20strongly%20recommended%20that,tweet%2C%20or%20about%20280%20characters\">important tip<\/a> on the length of alt text.<\/p><\/div>\n<p>In addition, heed the following to ensure a captivating display:<\/p>\n<ul>\n<li>Asset style (painting, photo, illustration, video, 360 view)<\/li>\n<li>Placement of objects<\/li>\n<li>Placement of text<\/li>\n<li>Colors<\/li>\n<li>Product material, textures, and styles<\/li>\n<li>Food ingredients, flavors, and spices<\/li>\n<li>Animals<\/li>\n<li>Emotions, such as smiles<\/li>\n<li>Surroundings<\/li>\n<\/ul>\n<video controls=\"controls\" muted poster=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/video\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/Web_Assets\/blog\/pgw_demo_screen_reader.jpg\" src=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/video\/upload\/w_700,f_auto,q_auto\/Web_Assets\/blog\/pgw_demo_screen_reader.mp4\">\n<\/video>\n<p>For more details, see the <a href=\"https:\/\/cloudinary.com\/documentation\/product_gallery#accessible_text\">documentation<\/a>.<\/p>\n<h3>Multilevel Zooming<\/h3>\n<p>The Product Gallery widget\u2019s new multilevel capability for zooming offers, on demand, a detailed view of product images, displaying captivating specifics like fabric, stitches, fine lines, buckles, and gemstones.<\/p>\n<p>With multilevel zooming, individuals with hampered vision, such as a restricted or distorted field of view, tunnel, or peripheral, can see your product gallery\u2019s images clearly and interact with your site as desired.<\/p>\n<p>The zooming pop-up offers several configurable levels, which are controlled through a click on the + or &#8211; buttons on desktop screens or a pinch on mobile devices. The simple configuration process includes options for the zooming factor and the number of zooming steps, as shown in this demo:<\/p>\n<div class='c-callout  c-callout--inline-title c-callout--note'><strong class='c-callout__title'>Note:<\/strong> <p>For the <a href=\"https:\/\/cloudinary.com\/documentation\/product_gallery#multiple_zoom\">best multiple-zooming  experience<\/a>, display high-resolution images capable of retaining the quality standard over a deep zooming.<\/p><\/div>\n<h2>Product Gallery in Action<\/h2>\n<p>Below are two demos on how to customize a product gallery with Cloudinary along with two live examples of well-designed and eye-catching galleries:<\/p>\n<ul>\n<li>Customizable Product Gallery, a <a href=\"https:\/\/demo.cloudinary.com\/product-gallery\/?editor\">demo<\/a>\n<\/li>\n<li>Customizable Product Gallery with keyboard accessibility<\/li>\n<\/ul>\n<video controls=\"controls\" muted poster=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/video\/upload\/w_700,c_fill,f_auto,q_auto,dpr_2.0\/Web_Assets\/blog\/PGW_Accessibility.jpg\" src=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/video\/upload\/w_700,f_auto,q_auto\/Web_Assets\/blog\/PGW_Accessibility.mp4\">\n<\/video>\n<ul>\n<li>Product gallery on <a href=\"https:\/\/sharkclean.co.uk\/product\/shark-lift-away-upright-vacuum-cleaner-nv602uk-zidNV602UK\">Shark U.K.<\/a>\n<\/li>\n<li>Product gallery on <a href=\"https:\/\/www.griotsgarage.com\/product\/g9+random+orbital+polisher.do?sortby=ourPicks&amp;from=fn\">Griots Garage<\/a>\n<\/li>\n<\/ul>\n<h2>Additional References<\/h2>\n<p>For the Cloudinary process through which to make your site fast and accessible, see this <a href=\"https:\/\/cloudinary.com\/blog\/simple_steps_to_make_your_site_accessible_with_cloudinary\">post<\/a>.<\/p>\n<p>For details on color accessibility, see this <a href=\"https:\/\/cloudinary.com\/blog\/open_your_eyes_to_color_accessibility\">article<\/a>.<\/p>\n<p>We welcome suggestions on accessibility vis-a-vis the Cloudinary platform. Also, feel free to send us ideas on new features for our <a href=\"https:\/\/cloudinary.com\/roadmap\">public roadmap<\/a>.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":22407,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[337,98,238],"class_list":["post-22406","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-accessibility","tag-e-commerce","tag-product-gallery"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>New Accessibility Features for Cloudinary\u2019s Product Gallery Widget<\/title>\n<meta name=\"description\" content=\"Cloudinary&#039;s newly enhanced Product Gallery widget features accessibility-related capabilities for keyboard and alt text, as well as multilevel zooming.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Enhanced Accessibility for Cloudinary\u2019s Product Gallery Widget\" \/>\n<meta property=\"og:description\" content=\"Cloudinary&#039;s newly enhanced Product Gallery widget features accessibility-related capabilities for keyboard and alt text, as well as multilevel zooming.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-01T16:19:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-14T22:47:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed-png?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"1540\" \/>\n\t<meta property=\"og:image:height\" content=\"847\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Enhanced Accessibility for Cloudinary\u2019s Product Gallery Widget\",\"datePublished\":\"2021-09-01T16:19:06+00:00\",\"dateModified\":\"2022-11-14T22:47:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget\"},\"wordCount\":8,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed.png?_i=AA\",\"keywords\":[\"Accessibility\",\"E-commerce\",\"Product Gallery\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2021\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget\",\"url\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget\",\"name\":\"New Accessibility Features for Cloudinary\u2019s Product Gallery Widget\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed.png?_i=AA\",\"datePublished\":\"2021-09-01T16:19:06+00:00\",\"dateModified\":\"2022-11-14T22:47:11+00:00\",\"description\":\"Cloudinary's newly enhanced Product Gallery widget features accessibility-related capabilities for keyboard and alt text, as well as multilevel zooming.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed.png?_i=AA\",\"width\":1540,\"height\":847},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Enhanced Accessibility for Cloudinary\u2019s Product Gallery Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"New Accessibility Features for Cloudinary\u2019s Product Gallery Widget","description":"Cloudinary's newly enhanced Product Gallery widget features accessibility-related capabilities for keyboard and alt text, as well as multilevel zooming.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget","og_locale":"en_US","og_type":"article","og_title":"Enhanced Accessibility for Cloudinary\u2019s Product Gallery Widget","og_description":"Cloudinary's newly enhanced Product Gallery widget features accessibility-related capabilities for keyboard and alt text, as well as multilevel zooming.","og_url":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget","og_site_name":"Cloudinary Blog","article_published_time":"2021-09-01T16:19:06+00:00","article_modified_time":"2022-11-14T22:47:11+00:00","og_image":[{"width":1540,"height":847,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed-png?_i=AA","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget"},"author":{"name":"","@id":""},"headline":"Enhanced Accessibility for Cloudinary\u2019s Product Gallery Widget","datePublished":"2021-09-01T16:19:06+00:00","dateModified":"2022-11-14T22:47:11+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget"},"wordCount":8,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed.png?_i=AA","keywords":["Accessibility","E-commerce","Product Gallery"],"inLanguage":"en-US","copyrightYear":"2021","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget","url":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget","name":"New Accessibility Features for Cloudinary\u2019s Product Gallery Widget","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed.png?_i=AA","datePublished":"2021-09-01T16:19:06+00:00","dateModified":"2022-11-14T22:47:11+00:00","description":"Cloudinary's newly enhanced Product Gallery widget features accessibility-related capabilities for keyboard and alt text, as well as multilevel zooming.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed.png?_i=AA","width":1540,"height":847},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/enhanced_accessibility_for_cloudinary_s_product_gallery_widget#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Enhanced Accessibility for Cloudinary\u2019s Product Gallery Widget"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649725957\/Web_Assets\/blog\/gallery-accessibility_22407a09ed\/gallery-accessibility_22407a09ed.png?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=22406"}],"version-history":[{"count":2,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22406\/revisions"}],"predecessor-version":[{"id":25779,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22406\/revisions\/25779"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/22407"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=22406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=22406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=22406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}