{"id":53542,"date":"2018-09-04T13:17:59","date_gmt":"2018-09-04T11:17:59","guid":{"rendered":"https:\/\/www.humanlevel.com\/diccionario-marketing-digital\/pautas-de-accesibilidad-wcag"},"modified":"2022-09-04T09:32:00","modified_gmt":"2022-09-04T07:32:00","slug":"accessibility-guidelines-wcag","status":"publish","type":"dicmarketing","link":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag","title":{"rendered":"Web Content Accessibility Guidelines (WCAG 2.1)"},"content":{"rendered":"<h2>What is accessibility?<\/h2>\n<p><strong>Web accessibility aims to make websites accessible and usable by the maximum number of people, regardless of their knowledge, personal abilities or the technical characteristics of the access device used<\/strong>.<\/p>\n<p>At the international level, the W3C promotes the progressive adoption of Web accessibility guidelines, especially through its <a href=\"https:\/\/www.w3.org\/WAI\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Accessibility Initiative (WAI)<\/a> working group. This group published in 1999 the first version of its <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Content Accessibility Guidelines (WCAG) document<\/a>, which have become an internationally accepted reference.<\/p>\n<p>The latest version of this document, the so-called <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener noreferrer\">WCAG 2.1<\/a>, were published in June 2018 and explain how to make web content accessible for people with disabilities. These guidelines are intended for website developers and designers, developers of authoring tools for website design and programming, developers of Web accessibility evaluation tools, and for anyone who needs a reference standard against which to test the accessibility of particular content on the web.<\/p>\n<h2>Who must comply with the accessibility guidelines<\/h2>\n<p>Web accessibility guidelines affect different groups related to the development and generation of content for the Web:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Web Content Accessibility Guidelines (WCAG):<\/strong><\/a> focused on webmasters and designers. They indicate how websites should be designed and programmed so that they are easily accessible by people with disabilities or can be integrated with the technical aids that people with disabilities need to use to surf the Web.<\/li>\n<li><strong><a href=\"https:\/\/www.w3.org\/TR\/2015\/REC-ATAG20-20150924\/\" target=\"_blank\" rel=\"noopener noreferrer\">Accessibility Guidelines for Web Authoring Tools (ATAG)<\/a>:<\/strong> aimed at programmers and developers of design programs and programming tools used by Web authors to facilitate the creation of accessible sites.<\/li>\n<li><a href=\"https:\/\/www.w3.org\/TR\/UAAG20\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Accessibility Guidelines for User Agents (UAAG):<\/strong><\/a> aimed at browser developers, so that these programs integrate the necessary aids and functionalities to facilitate access to Web content by people with disabilities.<\/li>\n<\/ul>\n<h2>Quick reference list of WCAG guidelines<\/h2>\n<figure id=\"attachment_33020\" aria-describedby=\"caption-attachment-33020\" style=\"width: 415px\" class=\"wp-caption alignright\"><img loading=\"lazy\" class=\"size-full wp-image-33020\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/iStock_000007192773XSmall-1.jpg\" alt=\"Web accessibility ensures that more people can take advantage of the benefits of the Internet\" width=\"425\" height=\"282\" srcset=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/iStock_000007192773XSmall-1.jpg 425w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/iStock_000007192773XSmall-1-400x265.jpg 400w\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" \/><figcaption id=\"caption-attachment-33020\" class=\"wp-caption-text\">Web accessibility ensures that more people can take advantage of the benefits of the Internet<\/figcaption><\/figure>\n<p>The WCAG 2.1 accessibility guidelines contemplate multiple recommendations that affect various aspects of the presentation of information on a website. The basic guidelines for these recommendations are contained in a quick reference list that includes the most important recommendations:<\/p>\n<ul>\n<li><strong>Text alternatives:<\/strong> provide text alternatives for any non-text content so that it can be interpreted in a way that others need, such as extra-large font size, Braille, spoken text, sign language or simpler language.<\/li>\n<li><strong>Alternative content to audio or video:<\/strong> offer alternatives to any information presented exclusively through audio or video. In web development, certain content such as images or videos have the possibility of including alternative text. In the case of images, the alt attribute allows you to include a description of the image content in text mode, which browsers specially adapted for the visually impaired can read aloud. Similarly, YouTube allows subtitle files to be added to videos, so that the hearing impaired can read the audio content of the videos as text overlay. Amara.org offers a very interesting free-to-use platform for the generation of video subtitling files, even in multi-language versions, which allows this content to be accessible to people who do not understand the language used in the video&#8217;s voiceover.<\/li>\n<li><strong>Adaptable:<\/strong> content should be created that can be presented in different ways (e.g. in a simpler layout) without losing the information or its structure. Setting relative font sizes allows users to easily set the font size they are most comfortable with for reading, without affecting the presentation of websites.<\/li>\n<li><strong>Distinguishable:<\/strong> make it easier for your users to see or hear the content, including better separating form from substance. In this sense, certain aesthetic trends favoring reduced font sizes or the use of gray text on white backgrounds make reading difficult for some people.<\/li>\n<li><strong>Keyboard accessible:<\/strong> implement the different functionalities so that they can be accessed from a keyboard. For example, the forms can be prepared to be able to jump from field to field using the tab key, which makes it easier to fill them in.<\/li>\n<li><strong>Enough time:<\/strong> allow enough time for your users to read or use the content properly.<\/li>\n<li><strong>Attacks:<\/strong> do not design content in such a way as to cause attacks, especially by the use of certain color contrasts in association with flash effects and fast flickering of images.<\/li>\n<li><strong>Navigability:<\/strong> offer ways to help your users navigate, find content and determine where they are within your website. <a href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/breadcrumb-trail\" target=\"_blank\" rel=\"noopener noreferrer\">Breadcrumb trails<\/a>, semantic URLs, site maps, etc. facilitate user navigation.<\/li>\n<li><strong>Data input: <\/strong>enable your users to use different types of input devices in addition to the keyboard.<\/li>\n<li><strong>Readability:<\/strong> make sure that the text content is legible and easily understandable for your users. Aspects such as contrast and the possibility of varying the font size, as we have already mentioned, favor the legibility of the texts.<\/li>\n<li><strong>Predictability:<\/strong> make your websites appear and work in a predictable way for your users. Use the conventions established on your home page also on all sections and internal pages.<\/li>\n<li><strong>Autocorrection or data entry assistance:<\/strong> help your users avoid and correct mistakes they may make when interacting with your website, filling out forms, selecting an option&#8230; There are also functionalities that can help users to autofill forms when it is detected that the values expected by certain fields are already available in the browser&#8217;s memory.<\/li>\n<li><strong>Compatibility:<\/strong> optimize compatibility with current and future browsers by including assistive technologies.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-48318 size-full\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/\/web-accesibility-guidelines.jpg\" alt=\"Inforgraphics WCAG accessibility recommendations list\" width=\"2000\" height=\"2000\" srcset=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/web-accesibility-guidelines.jpg 2000w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/web-accesibility-guidelines-720x720.jpg 720w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/web-accesibility-guidelines-1200x1200.jpg 1200w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/web-accesibility-guidelines-768x768.jpg 768w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/web-accesibility-guidelines-1536x1536.jpg 1536w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/web-accesibility-guidelines-150x150.jpg 150w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/p>\n<h2>Criteria for compliance with accessibility guidelines<\/h2>\n<figure id=\"attachment_33021\" aria-describedby=\"caption-attachment-33021\" style=\"width: 404px\" class=\"wp-caption alignright\"><img loading=\"lazy\" class=\" wp-image-33021\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/navegacion_movil-1.jpg\" alt=\"Web accessibility applies to all types of Internet access devices.\" width=\"414\" height=\"621\" srcset=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/navegacion_movil-1.jpg 1119w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/navegacion_movil-1-400x600.jpg 400w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/navegacion_movil-1-754x1131.jpg 754w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/navegacion_movil-1-900x1350.jpg 900w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><figcaption id=\"caption-attachment-33021\" class=\"wp-caption-text\">Web accessibility applies to all types of Internet access devices.<\/figcaption><\/figure>\n<p>The W3C Web Accessibility Initiative establishes three levels of adequacy or compliance of a website to the guidelines and recommendations set forth in the WCAG 2.1 guidelines: level A, level AA and level AAA.<\/p>\n<p>Once the developers have implemented the WCAG 2.1 recommendations on the website, a duly recognized external company or entity can perform an audit and issue the corresponding certificate that guarantees this level of compliance.<\/p>\n<p>In Spain, the Spanish Association for Standardization and Certification (AENOR) has developed a <a href=\"https:\/\/www.en.aenor.com\/certificacion\/responsabilidad-social\/accesibilidad-web-mantenida\" target=\"_blank\" rel=\"noopener noreferrer\">ICT Accessibility Certification (Web Accessibility)<\/a> so that organizations wishing to make progress in the field of accessibility management can have a mark that accredits their social commitment: the N Mark for ICT Accessibility.<\/p>\n<p>AENOR&#8217;s Web Accessibility Certification follows the WAI (Web Accessibility Initiative) accessibility guidelines that have been incorporated into the <a href=\"https:\/\/www.en.une.org\/encuentra-tu-norma\/busca-tu-norma\/norma?c=N0049614\" target=\"_blank\" rel=\"noopener noreferrer\">UNE 139803 Standard<\/a> on &#8220;Accessibility requirements for Web content&#8221;. Based on these guidelines, AENOR recognizes the A, AA and AAA conformity levels, although AENOR certification only admits AA and AAA conformity levels. In addition to covering most of the disabilities and needs of the elderly, the AENOR certification indicates the characteristics of Web content to be used by the majority of the elderly.<\/p>\n<p>The level of adequacy usually required (it is an objective that all public administration websites comply with this minimum) is level AA since, as the WAI itself recognizes, the maximum level AAA is not recommended since many contents cannot be adapted to comply with this level of accessibility certification.<\/p>\n<h2>Accessibility guidelines, a legal requirement pending implementation<\/h2>\n<p>The main Spanish laws related to the progressive implementation and adaptation of digital content to accessibility guidelines are the following:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.boe.es\/buscar\/act.php?id=BOE-A-2002-13758\" target=\"_blank\" rel=\"noopener noreferrer\">Law 34\/2002, of July 11, 2002, on Information Society Services and Electronic Commerce (LSSICIE)<\/a>.<\/li>\n<li><a href=\"https:\/\/www.boe.es\/buscar\/act.php?id=BOE-A-2003-22066\" target=\"_blank\" rel=\"noopener noreferrer\">Law 51\/2003, of December 2, 2003, on Equal Opportunities, Non-Discrimination and Universal Accessibility for Persons with Disabilities (LIONDAU).<\/a><\/li>\n<li><a href=\"https:\/\/www.boe.es\/buscar\/act.php?id=BOE-A-2007-19968\" target=\"_blank\" rel=\"noopener noreferrer\">Royal Decree 1494\/2007, of November 12, 2007, approving the Regulation on the basic conditions for the access of people with disabilities to technologies, products and services related to the information society and social media.<\/a><\/li>\n<li><a href=\"https:\/\/www.boe.es\/buscar\/act.php?id=BOE-A-2007-22440\" target=\"_blank\" rel=\"noopener noreferrer\">Law 56\/2007, of December 28, 2007, on Measures to Promote the Information Society (MISI)<\/a>.<\/li>\n<\/ul>\n<h2>Benefits of respecting accessibility recommendations<\/h2>\n<ul>\n<li><strong>Ethical: to<\/strong> design accessible websites is to respect the right of all people to enjoy equal opportunities and access to information.<\/li>\n<li><strong>Social:<\/strong> an accessible website can be visited by users with disabilities or specific needs, slow connections or obsolete computer equipment. In Spain, 9 percent of people have some type of disability and about 21 percent of the entire population is over 60 years of age. This means that with an accessible site, your website can reach up to 30 percent more people.<\/li>\n<li><strong>Economic:<\/strong> more users mean more sales. Setting up a website involves time and money and if the potential customer who visits it encounters problems accessing the information (products) it is very likely that he\/she will stop visiting it. In addition, certain segments of the population with specific needs or over 60 years of age have a disposable income that makes them a very attractive public.<\/li>\n<li><strong>Compatibility:<\/strong> by respecting Web standards and separating content from design (CSS style sheets), accessible websites are more compatible with a wider variety of desktop and mobile devices and screen resolutions.<\/li>\n<li><strong>Improved download times:<\/strong> CSS style sheet layout lightens the overall weight of the page and makes the process of downloading and presenting content much more efficient than pages laid out using tables or with the definition of styles included in HTML.<\/li>\n<li><strong>Bandwidth savings:<\/strong> By using CSS style sheets, file sizes can be reduced by up to half, saving bandwidth and energy.<\/li>\n<li><strong>Improved positioning:<\/strong> the use of CSS style sheets makes it possible to place the most important content of the page among the first elements to be downloaded. Additionally, layout with CSS styles improves the code\/text ratio of the page. In addition, since the Google Caffeine algorithm update, file download speed is weighted more heavily in the relevance calculation. Many of the accessibility recommendations also improve page relevance, such as using alt and title attributes on images and links or using descriptive text in links.<\/li>\n<li><strong>Improvement in the level of popularity and authority<\/strong>: reaching a certain level of accessibility certification can lead to our Web being listed on some highly credible websites (TrustRank). This could imply a higher domain authority.<\/li>\n<li><strong>Legal:<\/strong> In some countries, certain types of websites are required by law to comply with accessibility certification requirements at a certain level, usually double AA.<\/li>\n<li><strong>Corporate social responsibility:<\/strong> including <a href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/usability\" target=\"_blank\" rel=\"noopener noreferrer\">usability requirements<\/a> when requesting the design of a new website means betting on greater social responsibility in the company&#8217;s own culture.<\/li>\n<\/ul>\n<h2>Web accessibility testing tools<\/h2>\n<p>There are several <a href=\"https:\/\/www.w3.org\/WAI\/ER\/tools\/\" target=\"_blank\" rel=\"noopener noreferrer\">online tools<\/a> at our disposal to verify in a quick, albeit basic way, the degree of adequacy of a website to the accessibility guidelines. Although none of these tools will help us to display a mark of compliance with a certain level of accessibility on our website, they do reveal the basic aspects that we should work on to make our pages more accessible.<\/p>\n<p>If you want to make your website fully accessible and get the accessibility certificate that certifies compliance with these guidelines, Human Level offers you our web accessibility audit service.<\/p>\n<h3>Web Accessibility Test<\/h3>\n<p>The <a href=\"https:\/\/www.tawdis.net\/?lang=en\" target=\"_blank\" rel=\"noopener noreferrer\">Web Accessibility Test (TAW)<\/a> is a tool developed by the CTIC Foundation that allows to automatically check different aspects of Web accessibility. The tool can work directly online or we can download a free desktop application to use it in our work or development environment.<\/p>\n<p>This tool can identify the main priority 1, 2 and 3 accessibility issues found on a website according to version 2.0 of the WCAG guidelines.<\/p>\n<p>TAW is able to identify compliance with the guidelines with a total of 65 checkpoints that it divides into the three priorities mentioned above. After entering the URL of the page to be checked, the tool generates a report that is sent to the e-mail address provided, presenting the result of the analysis with points to check identified as belonging to type 1, 2 and 3 and additional checking recommendations to be carried out manually.<\/p>\n<p>The TAW tool is available on the web at <a href=\"https:\/\/www.tawdis.net\/?lang=en\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.tawdis.net<\/a>.<\/p>\n<h3>HERA: Web Accessibility Test<\/h3>\n<p>HERA is a utility to check the accessibility of websites according to the recommendations of the WCAG 1.0 guidelines. HERA performs an automatic analysis of the page and reports if errors are found (detectable automatically) and which guideline checkpoints need to be reviewed manually.<\/p>\n<p>As with the TAW tool, manual review is essential to really check if the page is accessible. In order to carry out this manual verification it is necessary to know the accessibility guidelines, to know how users use technical aids and to have some experience in web design and development.<\/p>\n<p>An evolved version of HERA-FFX is also available as a Firefox browser extension.<\/p>\n<h2>Basic Web accessibility recommendations<\/h2>\n<p>The World Wide Web Consortium (W3C) has compiled ten basic tips for creating accessible websites in its <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/glance\/\" target=\"_blank\" rel=\"noopener noreferrer\">Short Guide to Creating Accessible Websites<\/a>:<\/p>\n<ul>\n<li><strong>Images and animations:<\/strong> use the alt attribute to describe the function of each visual element.<\/li>\n<li><strong>Image maps:<\/strong> use client-side image maps and text for hotspots.<\/li>\n<li><strong>Multimedia:<\/strong> provide subtitles and sound transcription, and video description.<\/li>\n<li><strong>Hypertext links:<\/strong> use text that makes sense even when read out of context. For example, avoid &#8220;Click here&#8221;.<\/li>\n<li><strong>Page organization:<\/strong> use headings, lists and consistent structure. Use CSS style sheets for layout and styling where possible.<\/li>\n<li><strong>Figures and diagrams:<\/strong> describe them briefly on the page or use the longdesc attribute.<\/li>\n<li><strong>Scripts, applets and plug-ins:<\/strong> offer alternative content if the functionalities are not accessible or cannot be supported.<\/li>\n<li><strong>Frames:<\/strong> use the noframes element and descriptive titles.<\/li>\n<li><strong>Tables:<\/strong> facilitate line-by-line reading. Summarize.<\/li>\n<li><strong>Check your work:<\/strong> validate your code at W3C. Use the tools, checkpoints and guidelines at <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.w3.org\/TR\/WCAG21\/.<\/a><\/li>\n<\/ul>\n<p><strong>Caution:<\/strong> This guide only compiles basic accessibility tips, but does not guarantee that compliance with them will result in any level of suitability.<\/p>\n<h2>Additional references on web accessibility<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/?versions=2.0\" target=\"_blank\" rel=\"noopener noreferrer\">WCAG 2 Guidelines Quick Reference<\/a><\/li>\n<li><a href=\"http:\/\/www.sidar.org\/recur\/desdi\/wai\/guia.php\" target=\"_blank\" rel=\"noopener noreferrer\">SIDAR Foundation Quick Reference Guide to Accessibility<\/a><\/li>\n<li><a href=\"https:\/\/administracionelectronica.gob.es\/pae_Home\/pae_Actualidad\/pae_Noticias\/Anio2014\/Enero\/Noticia_2014-01-15_Nueva_Guia_Accesibilidad_web_UNE.html?idioma=en\" target=\"_blank\" rel=\"noopener noreferrer\">Web Accessibility Validation Guide<\/a><\/li>\n<li><a href=\"https:\/\/web.dev\/articles\/accessibility?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Accessibility Fundamentals for Developers (Google)<\/a><\/li>\n<li><a href=\"https:\/\/wave.webaim.org\" target=\"_blank\" rel=\"noopener noreferrer\">Web Accessibility Validation Tool (WAVE)<\/a><\/li>\n<li><a href=\"https:\/\/www.totalvalidator.com\" target=\"_blank\" rel=\"noopener noreferrer\">Total Validator validation tool<\/a><\/li>\n<li><a href=\"https:\/\/commission.europa.eu\/resources-partners\/europa-web-guide\/design-content-and-development\/accessibility_en\" target=\"_blank\" rel=\"noopener noreferrer\">European Commission Web Accessibility Requirements<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Web accessibility aims to make websites accessible and usable by the maximum number of people.<\/p>\n","protected":false},"author":38,"featured_media":57186,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"area":[413],"letra":[382,404],"class_list":["post-53542","dicmarketing","type-dicmarketing","status-publish","format-standard","has-post-thumbnail","hentry","area-ux-ui","letra-a","letra-w"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is Web Accessibility (WCAG) and what are its guidelines? | Human Level<\/title>\n<meta name=\"description\" content=\"Web accessibility aims to make websites accessible and usable by the maximum number of people.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Web Accessibility (WCAG) and what are its guidelines?\" \/>\n<meta property=\"og:description\" content=\"Web accessibility aims to make websites accessible and usable by the maximum number of people.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag\" \/>\n<meta property=\"og:site_name\" content=\"Human Level\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-04T07:32:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/web-accesibility-wcag-guidelines-tw.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"What is Web Accessibility (WCAG) and what are its guidelines?\" \/>\n<meta name=\"twitter:description\" content=\"Web accessibility aims to make websites accessible and usable by the maximum number of people.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/web-accesibility-wcag-guidelines-tw.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag\"},\"author\":{\"name\":\"Sandra L\u00f3pez\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/person\\\/4ea79aad298d60a187c46bdff217f26e\"},\"headline\":\"Web Content Accessibility Guidelines (WCAG 2.1)\",\"datePublished\":\"2018-09-04T11:17:59+00:00\",\"dateModified\":\"2022-09-04T07:32:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag\"},\"wordCount\":2241,\"publisher\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/accesibilidad-web-wcag-directrices.jpg\",\"inLanguage\":\"en-US\"},{\"@type\":[\"WebPage\",\"ItemPage\"],\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag\",\"name\":\"What is Web Accessibility (WCAG) and what are its guidelines? | Human Level\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/accesibilidad-web-wcag-directrices.jpg\",\"datePublished\":\"2018-09-04T11:17:59+00:00\",\"dateModified\":\"2022-09-04T07:32:00+00:00\",\"description\":\"Web accessibility aims to make websites accessible and usable by the maximum number of people.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag#primaryimage\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/accesibilidad-web-wcag-directrices.jpg\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/accesibilidad-web-wcag-directrices.jpg\",\"width\":272,\"height\":272,\"caption\":\"Person browsing an accessible website from a mobile device\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/accessibility-guidelines-wcag#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/www.humanlevel.com\\\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX\\\/UI\",\"item\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-glossary\\\/ux-ui\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Content Accessibility Guidelines (WCAG 2.1)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#website\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\",\"name\":\"Human Level\",\"description\":\"Web positioning and online marketing consultant Human Level\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.humanlevel.com\\\/en?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#organization\",\"name\":\"Human Level\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/logohl25x3.png\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/logohl25x3.png\",\"width\":600,\"height\":93,\"caption\":\"Human Level\"},\"image\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/human-level-communications\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/humanlevelcommunica\",\"https:\\\/\\\/bsky.app\\\/profile\\\/humanlevel.bsky.social\",\"https:\\\/\\\/instagram.com\\\/humanlevel\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/person\\\/4ea79aad298d60a187c46bdff217f26e\",\"name\":\"Sandra L\u00f3pez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/Sandra-Lopez-96x96.jpg\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/Sandra-Lopez-96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/Sandra-Lopez-96x96.jpg\",\"caption\":\"Sandra L\u00f3pez\"},\"description\":\"Fue consultora SEO Senior en Human Level. Licenciada en Publicidad y Relaciones P\u00fablicas. Realiz\u00f3 un M\u00e1ster en Marketing y Comportamiento del Consumidor, un M\u00e1ster en SEO\\\/SEM Profesional y un M\u00e1ster en SEO T\u00e9cnico. Tambi\u00e9n curs\u00f3 un curso superior en Dise\u00f1o y Desarrollo Web. Especialista en SEO de medios.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sandralpzcano\\\/\"],\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/author\\\/sandra\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Web Accessibility (WCAG) and what are its guidelines? | Human Level","description":"Web accessibility aims to make websites accessible and usable by the maximum number of people.","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:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag","og_locale":"en_US","og_type":"article","og_title":"What is Web Accessibility (WCAG) and what are its guidelines?","og_description":"Web accessibility aims to make websites accessible and usable by the maximum number of people.","og_url":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag","og_site_name":"Human Level","article_modified_time":"2022-09-04T07:32:00+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/web-accesibility-wcag-guidelines-tw.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"What is Web Accessibility (WCAG) and what are its guidelines?","twitter_description":"Web accessibility aims to make websites accessible and usable by the maximum number of people.","twitter_image":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/web-accesibility-wcag-guidelines-tw.jpg","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag#article","isPartOf":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag"},"author":{"name":"Sandra L\u00f3pez","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/4ea79aad298d60a187c46bdff217f26e"},"headline":"Web Content Accessibility Guidelines (WCAG 2.1)","datePublished":"2018-09-04T11:17:59+00:00","dateModified":"2022-09-04T07:32:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag"},"wordCount":2241,"publisher":{"@id":"https:\/\/www.humanlevel.com\/en#organization"},"image":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag#primaryimage"},"thumbnailUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/accesibilidad-web-wcag-directrices.jpg","inLanguage":"en-US"},{"@type":["WebPage","ItemPage"],"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag","url":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag","name":"What is Web Accessibility (WCAG) and what are its guidelines? | Human Level","isPartOf":{"@id":"https:\/\/www.humanlevel.com\/en#website"},"primaryImageOfPage":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag#primaryimage"},"image":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag#primaryimage"},"thumbnailUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/accesibilidad-web-wcag-directrices.jpg","datePublished":"2018-09-04T11:17:59+00:00","dateModified":"2022-09-04T07:32:00+00:00","description":"Web accessibility aims to make websites accessible and usable by the maximum number of people.","breadcrumb":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag#primaryimage","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/accesibilidad-web-wcag-directrices.jpg","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/accesibilidad-web-wcag-directrices.jpg","width":272,"height":272,"caption":"Person browsing an accessible website from a mobile device"},{"@type":"BreadcrumbList","@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.humanlevel.com\/en"},{"@type":"ListItem","position":2,"name":"UX\/UI","item":"https:\/\/www.humanlevel.com\/en\/digital-marketing-glossary\/ux-ui"},{"@type":"ListItem","position":3,"name":"Web Content Accessibility Guidelines (WCAG 2.1)"}]},{"@type":"WebSite","@id":"https:\/\/www.humanlevel.com\/en#website","url":"https:\/\/www.humanlevel.com\/en","name":"Human Level","description":"Web positioning and online marketing consultant Human Level","publisher":{"@id":"https:\/\/www.humanlevel.com\/en#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.humanlevel.com\/en?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.humanlevel.com\/en#organization","name":"Human Level","url":"https:\/\/www.humanlevel.com\/en","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logohl25x3.png","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logohl25x3.png","width":600,"height":93,"caption":"Human Level"},"image":{"@id":"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/human-level-communications","https:\/\/www.youtube.com\/user\/humanlevelcommunica","https:\/\/bsky.app\/profile\/humanlevel.bsky.social","https:\/\/instagram.com\/humanlevel"]},{"@type":"Person","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/4ea79aad298d60a187c46bdff217f26e","name":"Sandra L\u00f3pez","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/Sandra-Lopez-96x96.jpg","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/Sandra-Lopez-96x96.jpg","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/Sandra-Lopez-96x96.jpg","caption":"Sandra L\u00f3pez"},"description":"Fue consultora SEO Senior en Human Level. Licenciada en Publicidad y Relaciones P\u00fablicas. Realiz\u00f3 un M\u00e1ster en Marketing y Comportamiento del Consumidor, un M\u00e1ster en SEO\/SEM Profesional y un M\u00e1ster en SEO T\u00e9cnico. Tambi\u00e9n curs\u00f3 un curso superior en Dise\u00f1o y Desarrollo Web. Especialista en SEO de medios.","sameAs":["https:\/\/www.linkedin.com\/in\/sandralpzcano\/"],"url":"https:\/\/www.humanlevel.com\/en\/author\/sandra"}]}},"_links":{"self":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing\/53542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing"}],"about":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/types\/dicmarketing"}],"author":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/comments?post=53542"}],"version-history":[{"count":13,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing\/53542\/revisions"}],"predecessor-version":[{"id":53584,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing\/53542\/revisions\/53584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/media\/57186"}],"wp:attachment":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/media?parent=53542"}],"wp:term":[{"taxonomy":"area","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/area?post=53542"},{"taxonomy":"letra","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/letra?post=53542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}