{"id":108990,"date":"2026-05-02T10:10:37","date_gmt":"2026-05-02T04:40:37","guid":{"rendered":"https:\/\/www.guvi.in\/blog\/?p=108990"},"modified":"2026-05-02T10:10:40","modified_gmt":"2026-05-02T04:40:40","slug":"accessibility-and-html","status":"publish","type":"post","link":"https:\/\/www.guvi.in\/blog\/accessibility-and-html\/","title":{"rendered":"Accessibility and HTML: Building Websites Everyone Can Use"},"content":{"rendered":"\n<p>The internet was created to connect people, but not everyone experiences it equally.<\/p>\n\n\n\n<p>For some, browsing is simple and seamless. For others, poorly structured content, missing labels, or inaccessible elements can make even basic tasks difficult. This is not a technological gap but the way websites are created.<\/p>\n\n\n\n<p>That\u2019s where Accessibility and HTML come into play.<\/p>\n\n\n\n<p>HTML determines the way the content is structured and interpreted by the users and assistive technologies. If properly used, it develops websites that are readable, navigable and inclusive.<\/p>\n\n\n\n<p>In this blog, you will learn to create websites that are accessible to all users, you will learn to use HTML to create semantic elements, ARIA, and WCAG<\/p>\n\n\n\n<p><strong>Quick answer:<\/strong><\/p>\n\n\n\n<p>Accessibility and HTML means using HTML in a way that ensures websites are usable for everyone, including people with disabilities. It involves structuring content with semantic elements, adding descriptive text for images, following accessibility guidelines like WCAG, and designing with an inclusive approach so all users can easily access and navigate the website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What is Web Accessibility?<\/strong><\/h2>\n\n\n\n<p>Web accessibility means designing and developing websites so that people with disabilities can perceive, understand, navigate, and interact with them.<\/p>\n\n\n\n<p>This includes users with:<\/p>\n\n\n\n<ul>\n<li>Visual impairments blindness, poor vision)<\/li>\n\n\n\n<li>Hearing impairments<\/li>\n\n\n\n<li>Motor disabilities<\/li>\n\n\n\n<li>Cognitive challenges<\/li>\n<\/ul>\n\n\n\n<p>Accessibility is important so that users can:<\/p>\n\n\n\n<ul>\n<li>Read content using screen readers<\/li>\n\n\n\n<li>Navigate using only a keyboard<\/li>\n\n\n\n<li>Understand content regardless of limitations<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>The importance of Web Accessibility<\/strong><\/h3>\n\n\n\n<ol>\n<li><strong>Inclusivity:<\/strong> The internet must be made available to all people and not to just a few.<\/li>\n\n\n\n<li><strong>Legal Compliance:<\/strong> Accessibility laws are enforced in many countries in accordance with such standards as <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WCAG<\/a>.<\/li>\n\n\n\n<li><strong>Better User Experience:<\/strong> Easy to access websites tend to be cleaner, quicker and simpler to navigate.<\/li>\n\n\n\n<li><strong>SEO Benefits: <\/strong>Well-structured and semantic HTML is preferred by search engines.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Understanding the Role of HTML in Accessibility<\/strong><\/h2>\n\n\n\n<p>HTML is not simply a matter of presentation, it determines how your webpage is going to be structured and what it will mean.<\/p>\n\n\n\n<p><strong>When HTML is properly written:<\/strong><\/p>\n\n\n\n<ul>\n<li>Screen readers have the ability to understand content.<\/li>\n\n\n\n<li>The search engines are able to understand your page.<\/li>\n\n\n\n<li>Users are easily navigated.<\/li>\n<\/ul>\n\n\n\n<p>Bad HTML structure on the other hand creates a barrier.<\/p>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<p><strong>Bad practice:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;div onclick=&#8221;submitForm()&#8221;&gt;Submit&lt;\/div&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Accessible version:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;button type=&#8221;submit&#8221;&gt;Submit&lt;\/button&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Why this matters:<\/strong><\/h3>\n\n\n\n<ul>\n<li>A &lt;button&gt; is naturally interactive<\/li>\n\n\n\n<li>It promotes keyboard navigation.<\/li>\n\n\n\n<li>Screen readers recognize it properly<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Structure Your HTML for Web Accessibility<\/strong><\/h2>\n\n\n\n<p>The first step in designing accessible websites is the structure of your HTML. The properly organized page makes sure that users and assistive technologies find it easy to understand and navigate the information presented.<\/p>\n\n\n\n<p>The following are the main techniques of organizing your HTML to enhance web accessibility:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Semantic HTML<\/strong><\/h3>\n\n\n\n<p>Semantic HTML involves using meaningful <a href=\"https:\/\/www.guvi.in\/blog\/free-html-course-with-certificate\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML <\/a>tags that describe the purpose of the content rather than just its appearance.<\/p>\n\n\n\n<p>Semantic elements have an inbuilt meaning rather than using generic elements such as &lt;div&gt; and &lt;span.<\/p>\n\n\n\n<p><strong>For example:<\/strong><\/p>\n\n\n\n<ul>\n<li>&lt;header&gt; defines the top section of a page<\/li>\n\n\n\n<li>&lt;nav&gt; indicates navigation links<\/li>\n\n\n\n<li>&lt;main&gt; contains the core content<\/li>\n\n\n\n<li>&lt;article&gt; represents independent content<\/li>\n<\/ul>\n\n\n\n<p>This will help in filtering readers to understand the page in the right way and enable users to navigate more easily.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;header&gt;<br>&nbsp; &lt;h1&gt;My Blog&lt;\/h1&gt;<br>&lt;\/header&gt;<br><br>&lt;main&gt;<br>&nbsp; &lt;article&gt;<br>&nbsp; &nbsp; &lt;h2&gt;Accessibility in HTML&lt;\/h2&gt;<br>&nbsp; &nbsp; &lt;p&gt;Making the web inclusive for all users.&lt;\/p&gt;<br>&nbsp; &lt;\/article&gt;<br>&lt;\/main&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Using semantic HTML reduces the need for additional accessibility fixes and creates a strong foundation for inclusive design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Correct use of Headings<\/strong><\/h3>\n\n\n\n<p>Headings are not just about style, but also about how your content is structured.<\/p>\n\n\n\n<p>An appropriate hierarchy in the headings enables users and particularly those using screen readers to navigate content fast.<\/p>\n\n\n\n<ul>\n<li>&lt;h1&gt; should be used for the main title (only once per page)<\/li>\n\n\n\n<li>&lt;h2&gt; to &lt;h6&gt; should follow in a logical order<\/li>\n<\/ul>\n\n\n\n<p>Do not jump levels, as it can confuse assistive technologies.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;h1&gt;Accessibility Guide&lt;\/h1&gt;<br>&lt;h2&gt;Introduction&lt;\/h2&gt;<br>&lt;h3&gt;Why Accessibility Matters&lt;\/h3&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>This is a systematic way of making your content easier to scan, understand and navigate.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Image Alternate Text<\/strong><\/h3>\n\n\n\n<p>The images should have alternative text (alt text) to ensure that even users who cannot see the images can tell their purpose.<\/p>\n\n\n\n<p>Screen readers read out alt text and it is shown when the image cannot be loaded.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;img src=&#8221;dashboard.png&#8221; alt=&#8221;User dashboard showing analytics charts&#8221;&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Best practices:<\/strong><\/p>\n\n\n\n<ul>\n<li>Be descriptive and to the point.<\/li>\n\n\n\n<li>Do not use such phrases as \u201cimage of\u201d.<\/li>\n\n\n\n<li>Show decorative pictures with empty alt (alt=\u201c\u201d).<\/li>\n<\/ul>\n\n\n\n<p>This makes visual content available to all.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Declaring the Page Language<\/strong><\/h3>\n\n\n\n<p>The HTML lang attribute is used to define the language of a webpage.<\/p>\n\n\n\n<p>This will help in filtering the pronunciation of words by the readers and enhances accessibility to multilingual users.<\/p>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;html lang=&#8221;en&#8221;&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>When you have several languages in your content, then you can mark language change within elements:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;p&gt;This is English. &lt;span lang=&#8221;fr&#8221;&gt;Bonjour&lt;\/span&gt;&lt;\/p&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Without proper language declaration, assistive technologies may misinterpret or mispronounce content.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Meaningful Link Text<\/strong><\/h3>\n\n\n\n<p>Links should clearly describe their destination or purpose.<\/p>\n\n\n\n<p>The generic phrases such as Click here or Read more lack sufficient context particularly when used by the screen readers.<\/p>\n\n\n\n<p><strong>Bad Example:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;a href=&#8221;#&#8221;&gt;Click here&lt;\/a&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Good Example:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;a href=&#8221;#&#8221;&gt;Download the accessibility checklist&lt;\/a&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Descriptive links improve:<\/strong><\/p>\n\n\n\n<ul>\n<li>Accessibility<\/li>\n\n\n\n<li>User experience<\/li>\n\n\n\n<li>SEO performance<\/li>\n<\/ul>\n\n\n\n<p>Users should understand where a link leads before clicking it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Accessible Data Tables<\/strong><\/h3>\n\n\n\n<p>Tables are meant to present data not to lay out.<\/p>\n\n\n\n<p>To make tables accessible:<\/p>\n\n\n\n<ul>\n<li>Use &lt;th&gt; in place of headers.<\/li>\n\n\n\n<li>Include a &lt;caption&gt; to explain the table.<\/li>\n\n\n\n<li>Organize rows and columns.<\/li>\n<\/ul>\n\n\n\n<p><strong>Example:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;table&gt;<br>&nbsp; &lt;caption&gt;Monthly Sales Report&lt;\/caption&gt;<br>&nbsp; &lt;tr&gt;<br>&nbsp; &nbsp; &lt;th&gt;Month&lt;\/th&gt;<br>&nbsp; &nbsp; &lt;th&gt;Revenue&lt;\/th&gt;<br>&nbsp; &lt;\/tr&gt;<br>&nbsp; &lt;tr&gt;<br>&nbsp; &nbsp; &lt;td&gt;January&lt;\/td&gt;<br>&nbsp; &nbsp; &lt;td&gt;$5000&lt;\/td&gt;<br>&nbsp; &lt;\/tr&gt;<br>&lt;\/table&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>This helps in filtering readers to analyze connections among information points and display them in a meaningful manner.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Note on Structure:<\/strong><\/h3>\n\n\n\n<p>One of the most effective and the simplest methods of enhancing accessibility is to structure your HTML correctly.<\/p>\n\n\n\n<p>When you:<\/p>\n\n\n\n<ul>\n<li>Use semantic elements<\/li>\n\n\n\n<li>Follow heading hierarchy<\/li>\n\n\n\n<li>Add alt text<\/li>\n\n\n\n<li>Declare language<\/li>\n\n\n\n<li>Write meaningful links<\/li>\n\n\n\n<li>Structure tables correctly<\/li>\n<\/ul>\n\n\n\n<p>You develop a site that is not only accessible but also easier to maintain and clean and use.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What is ARIA and When Should You Use It?<\/strong><\/h2>\n\n\n\n<p>ARIA (Accessible Rich Internet Applications) helps make dynamic and complex UI components accessible.<\/p>\n\n\n\n<p>It provides additional information to assistive technologies.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Common ARIA Attributes<\/strong><\/h3>\n\n\n\n<ul>\n<li>aria-label \u2013 Describes an element<\/li>\n\n\n\n<li>aria-hidden \u2013 Hides content from screen readers<\/li>\n\n\n\n<li>role \u2013 Defines element purpose<\/li>\n\n\n\n<li>aria-live \u2013 Announces dynamic updates<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;button aria-label=&#8221;Close menu&#8221;&gt;X&lt;\/button&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Important Rule<\/strong><\/h3>\n\n\n\n<p><strong>Use ARIA only when necessary.<\/strong><\/p>\n\n\n\n<p>If semantic HTML can do the job, prefer that.<\/p>\n\n\n\n<p><strong>Bad:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;div role=&#8221;button&#8221;&gt;Click&lt;\/div&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Better:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&lt;button&gt;Click&lt;\/button&gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>WCAG: Standard of Accessibility<\/strong><\/h2>\n\n\n\n<p>WCAG (Web Content Accessibility Guidelines) is the international standard of accessibility of websites. It is founded on four main principles, which are POUR:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Perceivable<\/strong><\/h3>\n\n\n\n<p>Content must be easy to see or understand.<\/p>\n\n\n\n<ul>\n<li>Include image alt texts.<\/li>\n\n\n\n<li>Use captions to videos.<\/li>\n\n\n\n<li>Make sure that there is good color contrast.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Operable<\/strong><\/h3>\n\n\n\n<p>The navigation and interaction should be easy.<\/p>\n\n\n\n<ul>\n<li>Support keyboard navigation<\/li>\n\n\n\n<li>Avoid strict time limits<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Understandable<\/strong><\/h3>\n\n\n\n<p>Content should be clear and predictable.<\/p>\n\n\n\n<ul>\n<li>Use simple language<\/li>\n\n\n\n<li>Keep navigation consistent<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Robust<\/strong><\/h3>\n\n\n\n<p>Content should work across devices and tools.<\/p>\n\n\n\n<ul>\n<li>Use clean <a href=\"https:\/\/www.guvi.in\/blog\/html-and-css-project-ideas\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a><\/li>\n\n\n\n<li>Make sure it is compatible with screen readers.<\/li>\n<\/ul>\n\n\n\n<div style=\"background-color: #099f4e; border: 3px solid #110053; border-radius: 12px; padding: 18px 22px; color: #FFFFFF; font-size: 18px; font-family: Montserrat, Helvetica, sans-serif; line-height: 1.6; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); max-width: 750px;\">\n  <strong style=\"font-size: 22px; color: #FFFFFF;\">\ud83d\udca1 Did You Know?<\/strong> \n  <br \/><br \/> \n  Over <strong style=\"color: #FFFFFF;\">1 billion people worldwide<\/strong> live with some form of <strong style=\"color: #FFFFFF;\">disability<\/strong>, making <strong style=\"color: #FFFFFF;\">accessibility<\/strong> a critical part of web design.\n  <br \/><br \/>\n  Using <strong style=\"color: #FFFFFF;\">proper semantic HTML<\/strong> can reduce the need for excessive <strong style=\"color: #FFFFFF;\">ARIA attributes<\/strong>, simplifying development while improving usability.\n  <br \/><br \/>\n  Additionally, <strong style=\"color: #FFFFFF;\">search engines favor accessible websites<\/strong>, which can help improve your <strong style=\"color: #FFFFFF;\">SEO rankings<\/strong>.\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Inclusive Design: Thinking Beyond Code<\/strong><\/h2>\n\n\n\n<p>Inclusive design means building for all users from the start, not fixing accessibility later.<\/p>\n\n\n\n<p><strong>Key Principles<\/strong><\/p>\n\n\n\n<ul>\n<li>Design to meet various user requirements.<\/li>\n\n\n\n<li>Provide multiple ways to interact<\/li>\n\n\n\n<li>Avoid assumptions about users<\/li>\n<\/ul>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<p><strong>Instead of:<\/strong><\/p>\n\n\n\n<p>Showing errors only with color<\/p>\n\n\n\n<p><strong>Use:<\/strong><\/p>\n\n\n\n<p>Text + icons + color<\/p>\n\n\n\n<p>This makes sure that all people are able to understand the content, irrespective of their capabilities.<\/p>\n\n\n\n<p><em>Take your learning beyond theory with HCL GUVI\u2019s <\/em><a href=\"https:\/\/www.guvi.in\/mlp\/artificial-intelligence-and-machine-learning?utm_source=blog&amp;utm_medium=hyperlink&amp;utm_campaign=Accessibility+and+HTML\" target=\"_blank\" rel=\"noreferrer noopener\"><em>AI &amp; Machine Learning Course<\/em><\/a><em> with Intel &amp; IITM Pravartak Certification Program. Learn Python from scratch, work on real-world projects, and gain hands-on experience in Machine Learning, Deep Learning, and AI tools. With industry-recognized certification and practical learning, you\u2019ll build the skills needed to become job-ready in the AI-driven world.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wrapping it up:<\/strong><\/h2>\n\n\n\n<p>Most developers believe that accessibility is something that you add when the website is complete. In reality, it\u2019s something that quietly exists in every line of HTML you write.<\/p>\n\n\n\n<p>All proper headings, meaningful tags and well organized elements have a direct impact on how a person will experience your site. For some users, it\u2019s convenient. To some it will be the deciding factor of whether they will be able to use your site or not.<\/p>\n\n\n\n<p>This is why Accessibility and HTML are important. Semantic structure, WCAG fundamentals, thinking inclusively make you not only a better codewriter but your website accessible to more people.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>FAQs<\/strong><\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1777658400387\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>1. What is Accessibility and HTML?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The term accessibility refers to using HTML on a website so that all people (including people with disabilities) may use that website.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1777658406929\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>2. Why is web accessibility important?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Web accessibility is important for many reasons; it provides all users with an equal opportunity to access the web, creates a better user experience for everyone using your site, and helps you comply with legal and other web accessibility standards.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1777658417188\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>3. What is semantic HTML?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Semantic HTML uses meaningful tags like &lt;header>, &lt;nav>, and &lt;article> to structure content clearly.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1777658428906\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>4. What is ARIA used for?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>ARIA is a standard that provides additional information to assistive technology beyond what HTML provides when HTML alone does not provide enough information for effective use by people with disabilities.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1777658440838\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><strong>5. What are WCAG guidelines?<\/strong><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>WCAG is a set of standards that help make web content accessible to people with different abilities.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The internet was created to connect people, but not everyone experiences it equally. For some, browsing is simple and seamless. For others, poorly structured content, missing labels, or inaccessible elements can make even basic tasks difficult. This is not a technological gap but the way websites are created. That\u2019s where Accessibility and HTML come into [&hellip;]<\/p>\n","protected":false},"author":63,"featured_media":109110,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[294,718,907],"tags":[],"views":"22","authorinfo":{"name":"Vishalini Devarajan","url":"https:\/\/www.guvi.in\/blog\/author\/vishalini\/"},"thumbnailURL":"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2026\/05\/Accessibility-and-HTML-300x115.webp","jetpack_featured_media_url":"https:\/\/www.guvi.in\/blog\/wp-content\/uploads\/2026\/05\/Accessibility-and-HTML.webp","_links":{"self":[{"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/posts\/108990"}],"collection":[{"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/comments?post=108990"}],"version-history":[{"count":4,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/posts\/108990\/revisions"}],"predecessor-version":[{"id":109114,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/posts\/108990\/revisions\/109114"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/media\/109110"}],"wp:attachment":[{"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/media?parent=108990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/categories?post=108990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.guvi.in\/blog\/wp-json\/wp\/v2\/tags?post=108990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}