{"id":882,"date":"2025-02-04T08:11:24","date_gmt":"2025-02-04T07:11:24","guid":{"rendered":"http:\/\/sat-govtech.pl\/blog\/wcag-guidelines-what-to-do-to-make-assistive-technologies-compatible-with-the-website\/"},"modified":"2025-02-04T08:11:24","modified_gmt":"2025-02-04T07:11:24","slug":"wcag-guidelines-what-to-do-to-make-assistive-technologies-compatible-with-the-website","status":"publish","type":"post","link":"https:\/\/sat-govtech.pl\/en\/blog\/wcag-guidelines-what-to-do-to-make-assistive-technologies-compatible-with-the-website\/","title":{"rendered":"WCAG guidelines \u2013 what to do to make assistive technologies compatible with the website?"},"content":{"rendered":"<p><b><span data-contrast=\"auto\">Although assistive technologies like screen readers are intended to make it easier for people with disabilities to use the internet, many websites and mobile applications do not work properly with them. This is usually due not to the malfunction of the assistive equipment, but to the large number of inappropriate websites. As a result, users encounter barriers that prevent them from fully utilizing online services and information. Therefore, owners of domains and mobile applications should regularly analyze their published content for accessibility.   <\/span><\/b><span data-ccp-props=\"{\"335551550\":6,\"335551620\":6}\"> <\/span><\/p>\n<h2 aria-level=\"2\"><span data-contrast=\"none\">How do<\/span> <b><span data-contrast=\"none\">assistive technologies <\/span><\/b><span data-contrast=\"none\">for people with disabilities work?<\/span><span data-ccp-props=\"{\"134245418\":true,\"134245529\":true,\"335559738\":160,\"335559739\":80}\"> <\/span><\/h2>\n<p>Assistive technologies<span data-contrast=\"auto\"> These are tools that allow people with disabilities to use the internet on an equal basis with other users. Their functionality varies depending on the type of device: <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":240}\"> <\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">screen readers enable blind or visually impaired people to read content on the screen by converting text to speech,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":240}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">screen magnifiers make it easier for people with impaired vision to read text and recognize graphic elements thanks to the ability to significantly enlarge the image,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":240}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"3\" data-aria-level=\"1\"><span data-contrast=\"auto\">Braille devices convert text from the screen into the Braille alphabet, enabling blind people to read by touch,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":240}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"4\" data-aria-level=\"1\"><span data-contrast=\"auto\">mice for people with mobility limitations are controlled, for example, by head movement,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":240,\"335559739\":240}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"5\" data-aria-level=\"1\"><span data-contrast=\"auto\">specialized keyboards can be operated, among others, with one hand. <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":240,\"335559739\":240}\"> <\/span><\/li>\n<\/ul>\n<h2 aria-level=\"2\"><span data-contrast=\"none\">Problems resulting from inaccessible websites and applications<\/span><span data-ccp-props=\"{\"134245418\":true,\"134245529\":true,\"335559738\":160,\"335559739\":80}\"> <\/span><\/h2>\n<p><span data-contrast=\"auto\">Lack of compatibility of <\/span>websites and applications with assistive technologies<span data-contrast=\"auto\"> leads to digital exclusion for millions of people worldwide. For example, <strong>dynamic elements like pop-ups are often invisible to screen readers <\/strong>\u2013 if the content is not visible elsewhere on the page, the user loses access to important information. <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":240}\"> <\/span><\/p>\n<h2 aria-level=\"2\"><b><span data-contrast=\"none\">Assistive Technology<\/span><\/b><span data-contrast=\"none\"> \u2013 WCAG Guidelines<\/span><span data-ccp-props=\"{\"134245418\":true,\"134245529\":true,\"335559738\":160,\"335559739\":80}\"> <\/span><\/h2>\n<p><span data-contrast=\"auto\">WCAG guidelines describe what a website should contain so that users can fully utilize its functionality using<\/span> assistive technologies.<span data-contrast=\"auto\">. The guidelines include, among others: <\/span><span data-contrast=\"auto\">providing alternative access to content, e.g. <strong>through film subtitles.<\/strong> Thanks to these features, users using screen readers will be able to understand the content in the video. The standard also regulates the rules for structuring content \u2013 \u200b\u200b<strong>it is important to use H1, H2, and H3<\/strong> headings and bullet points in an orderly manner. Furthermore, websites should provide:  <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"201341983\":0,\"335551550\":6,\"335551620\":6,\"335559685\":0,\"335559737\":0,\"335559738\":0,\"335559739\":240,\"335559740\":279}\"> <\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"6\" data-aria-level=\"1\"><span data-contrast=\"auto\">correct navigation using all types of devices,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":0}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"7\" data-aria-level=\"1\"><span data-contrast=\"auto\">compatibility with various assistive technologies, such as screen readers and Braille devices,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":0}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"8\" data-aria-level=\"1\"><span data-contrast=\"auto\">compatibility with all types of software.<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":0}\"> <\/span><\/li>\n<\/ul>\n<h2 aria-level=\"2\"><span data-contrast=\"none\">Reasons for incompatibility with<\/span> <b><span data-contrast=\"none\">assistive technologies<\/span><\/b><span data-ccp-props=\"{\"134245418\":true,\"134245529\":true,\"335559738\":160,\"335559739\":80}\"> <\/span><\/h2>\n<p><span data-contrast=\"auto\">Lack of compatibility <\/span>with assistive technologies for people with disabilities<span data-contrast=\"auto\"> It often results from errors in website and application design. One of the most common problems is incorrect labeling of page elements (images, graphics, charts, etc.). <a href=\"http:\/\/sat.test\/blog\/tekst-alternatywny-a-standard-wcag-zasady-dodawania-atrybutow-alt\/\" rel=\"noopener\">A lack of alternative text<\/a> makes it difficult for blind people to understand what the graphics represent. Incorrect heading structure also affects the performance of screen readers. Equally common errors include:   <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"201341983\":0,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":0,\"335559740\":279}\"> <\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"9\" data-aria-level=\"1\"><span data-contrast=\"auto\">no audio or text messages informing about changes on the website,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":0}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"10\" data-aria-level=\"1\"><span data-contrast=\"auto\">unlabeled buttons,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":0}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"11\" data-aria-level=\"1\"><span data-contrast=\"auto\">incorrect use of ARIA roles \u2013 may disrupt communication between the website and the assistive technology,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":0}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"12\" data-aria-level=\"1\"><span data-contrast=\"auto\">no possibility to move between elements using the keyboard,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":0}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"13\" data-aria-level=\"1\"><span data-contrast=\"auto\">no option to change contrast or font size,<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":0}\"> <\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" data-list-defn-props=\"{\"335552541\":1,\"335559685\":720,\"335559991\":360,\"469769226\":\"Symbol\",\"469769242\":[8226],\"469777803\":\"left\",\"469777804\":\"\uf0b7\",\"469777815\":\"hybridMultilevel\"}\" aria-setsize=\"-1\" data-aria-posinset=\"14\" data-aria-level=\"1\"><span data-contrast=\"auto\">incorrect encoding (e.g. incorrectly marked lang attribute, which signals to the reader what language the content is written in).<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559738\":0,\"335559739\":0}\"> <\/span><\/li>\n<\/ul>\n<h2 aria-level=\"2\"><span data-contrast=\"none\">How can the SAT tool help solve the problem?<\/span><span data-ccp-props=\"{\"134245418\":true,\"134245529\":true,\"335559738\":160,\"335559739\":80}\"> <\/span><\/h2>\n<p><span data-contrast=\"auto\"><a href=\"http:\/\/sat.test\/\" rel=\"noopener\">The SAT program<\/a> allows for automatic verification of websites and applications for compliance with WCAG, W3C, and ADA. This ensures that all  <\/span>assistive technologies<span data-contrast=\"auto\"> will function properly. The tool&#8217;s key features include 24\/7 domain and application monitoring, report generation, error reporting, and problem-solving support. <\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559685\":0,\"335559738\":0,\"335559739\":240}\"> <\/span><\/p>\n<p><span data-contrast=\"auto\">Implementing SAT is an investment in accessibility and formal protection against financial penalties!<\/span><span data-ccp-props=\"{\"134233117\":false,\"134233118\":false,\"335551550\":6,\"335551620\":6,\"335559685\":0,\"335559738\":0,\"335559739\":240}\"> <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Although assistive technologies like screen readers are intended to make it easier for people with disabilities to use the internet, many websites and mobile applications do not work properly with them. This is usually due not to the malfunction of the assistive equipment, but to the large number of inappropriate websites. As a result, users [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1193,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-882","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bez-kategorii"],"acf":[],"_links":{"self":[{"href":"https:\/\/sat-govtech.pl\/en\/wp-json\/wp\/v2\/posts\/882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sat-govtech.pl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sat-govtech.pl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sat-govtech.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sat-govtech.pl\/en\/wp-json\/wp\/v2\/comments?post=882"}],"version-history":[{"count":0,"href":"https:\/\/sat-govtech.pl\/en\/wp-json\/wp\/v2\/posts\/882\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sat-govtech.pl\/en\/wp-json\/wp\/v2\/media\/1193"}],"wp:attachment":[{"href":"https:\/\/sat-govtech.pl\/en\/wp-json\/wp\/v2\/media?parent=882"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sat-govtech.pl\/en\/wp-json\/wp\/v2\/categories?post=882"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sat-govtech.pl\/en\/wp-json\/wp\/v2\/tags?post=882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}