{"id":4522,"date":"2025-11-12T14:50:07","date_gmt":"2025-11-12T14:50:07","guid":{"rendered":"https:\/\/allin.online\/?post_type=standard&#038;p=4522"},"modified":"2026-10-07T15:07:59","modified_gmt":"2026-10-07T15:07:59","slug":"accessibility-settings-and-overlays","status":"publish","type":"standard","link":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/accessibility-settings-and-overlays\/","title":{"rendered":"Accessibility Settings and Overlays"},"content":{"rendered":"\n<div class=\"wp-block-ace-standard-fixed-content flex content-content bg_white padding indent two-column\"><div class=\"content_wrapper\"><h3 id=\"page_sub_nav\" class=\"mobile_only\">DC 2.04 Accessibility Settings and Overlays<\/h3><select aria-labelledby=\"page_sub_nav\" class=\"mobile_only\" id=\"nav_select\"><option value=\"#overview\">Overview<\/option><option value=\"#examples\">Practical examples<\/option><option value=\"#key_considerations\">Key considerations<\/option><option value=\"#definitions_list\">Definitions and acronyms<\/option><option value=\"#learning_resources\">Learning resources<\/option><option value=\"#linked_standards\">Linked Standards<\/option><option value=\"#references\">References<\/option><\/select><div class=\"action_links mobile_only\"><a href=\"https:\/\/form.jotform.com\/252393341563356?standard=Digital Communications 2.04 Accessibility Settings and Overlays\" class=\"feedback_link button bg_secondary white\">Give us feedback on this Standard<\/a><a href=\"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/\" class=\"return_link\">Back to Digital Communications<\/a><\/div>\n<div id=\"overview\" class=\"wp-block-ace-standard-overview standard-content\"><h3>Overview<\/h3>\n<p class=\"wp-block-paragraph\">Accessibility controls and settings help people customise digital content to meet their needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If your website meets the Web Content Accessibility (<span data-definition=\"wcag\" data-definition-id=\"4507\" title=\"WCAG\" data-definition-name=\"WCAG\" class=\"ace-definition-inserter\"><\/span>) 2.2 guidelines, users should be able to change font size, colours and contrast through their browser or device settings. However, not everyone is aware that these tools are available. Additionally, a user\u2019s settings may work well on one website but not on another.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To address this, some websites provide in-page controls that allow users to adjust the contrast and font size for their specific webpage. These features can enhance accessibility for many users. They benefit those with eye strain, sensory sensitivity, or anyone who prefers different colour settings, even if they don&#8217;t consider themselves to have access needs. You can create these manual tools in your website&#8217;s code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some automated <span data-definition=\"accessibility-overlays\" data-definition-id=\"4290\" title=\"Accessibility overlays\" data-definition-name=\"Accessibility overlays\" class=\"ace-definition-inserter\"><\/span> can find issues on your website. They also offer basic tools for users to make manual adjustments. However, these overlays only add fixes on top of your site. They do not change the source code, which means some key access barriers remain undetected and unfixed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You still need to test your site&#8217;s accessibility manually and automatically, even if you use overlays. Plan how to address underlying issues, such as site structure or missing elements like <span data-definition=\"aria\" data-definition-id=\"4306\" title=\"ARIA\" data-definition-name=\"ARIA\" class=\"ace-definition-inserter\"><\/span> labels and <span data-definition=\"alt-text\" data-definition-id=\"4304\" title=\"Alt text\" data-definition-name=\"Alt text\" class=\"ace-definition-inserter\"><\/span>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If a developer suggests using overlays, ask how they will integrate with other best practices. Regular testing, user testing, and maintaining an accessible codebase are essential.<\/p>\n<\/div>\n\n\n\n<div id=\"examples\" class=\"wp-block-ace-standard-examples bg_grey inner-padding standard-examples\"><h3>Practical examples<\/h3>\n<h4 class=\"wp-block-ace-heading\"><\/h4>\n\n\n\n<div class=\"wp-block-ace-standard-example standard-example\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-ace-image content-image alt-block\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-ace-content-blocks border-top\">\n<div class=\"wp-block-ace-intro content-intro\"><p><a href=\"https:\/\/vocaleyes.co.uk\/\">VocalEyes <\/a>provides accessibility settings on their website. Users can adjust contrast, images, and font sizes easily.<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-ace-standard-example standard-example\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-ace-image content-image alt-block\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-ace-content-blocks border-top\">\n<div class=\"wp-block-ace-intro content-intro\"><p><a href=\"https:\/\/differentbreed.events\/\">Different Breed <\/a>offers a range of accessibility adjustments. Instead of using an overlay, these features are custom-built and part of the website.<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"key_considerations\" class=\"wp-block-ace-standard-key-considerations standard-key-considerations standard-content\"><h3>Key considerations<\/h3>\n<h4 class=\"wp-block-ace-heading\">In-page access controls<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Users should be able to adjust:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>contrast, such as selecting a <span data-definition=\"high-contrast-setting\" data-definition-id=\"4387\" title=\"High contrast setting\" data-definition-name=\"High contrast setting\" class=\"ace-definition-inserter\"><\/span><\/li>\n\n\n\n<li>text size, line and letter spacing<\/li>\n\n\n\n<li>colour themes, like switching to dark mode<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In-page accessibility controls should be easy to find. They should be clear in visible elements, like a toolbar, and through <span data-definition=\"screen-reader\" data-definition-id=\"4462\" title=\"Screen reader\" data-definition-name=\"Screen reader\" class=\"ace-definition-inserter\"><\/span> navigation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accessibility controls must work well with other <span title=\"Assistive technologies\" data-definition-name=\"Assistive technologies\" data-definition=\"assistive-technologies\" data-definition-id=\"6290\" class=\"ace-definition-inserter\"><\/span>, like screen readers and <span data-definition=\"screen-magnifiers\" data-definition-id=\"7217\" title=\"Screen magnifiers\" data-definition-name=\"Screen magnifiers\" class=\"ace-definition-inserter\"><\/span>. They should also be easy to use with keyboard controls, including a simple way to exit the settings menu. This prevents users from getting \u2018trapped\u2019 in the access control options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Your website should remember users\u2019 accessibility settings. This way, people don\u2019t have to reapply them each time they visit.<\/p>\n\n\n\n<h4 class=\"wp-block-ace-heading\">How to create in-page access controls<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To create in-page access controls, use semantic <span title=\"HTML\" data-definition-name=\"HTML\" data-definition=\"html\" data-definition-id=\"4389\" class=\"ace-definition-inserter\"><\/span>and scalable<span title=\"Cascading Style Sheets (CSS)\" data-definition-name=\"Cascading Style Sheets (CSS)\" data-definition=\"css\" data-definition-id=\"4342\" class=\"ace-definition-inserter\"><\/span> units. Follow the Web Content Accessibility Guidelines (<span title=\"WCAG\" data-definition-name=\"WCAG\" data-definition=\"wcag\" data-definition-id=\"4507\" class=\"ace-definition-inserter\"><\/span>) 2.2 Level AA. For more details, refer to <a href=\"https:\/\/allin.online\/standard\/digital-communications\/monitoring-and-continuous-improvement\/adopting-web-content-accessibility-guidelines-wcag\/\">Digital Communications 6.03 Adopting Web Content Accessibility Guidelines<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-ace-heading\">Understanding accessibility overlays<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If you use, or plan to use, an accessibility overlay on your website, be aware of the barriers they may create. Overlays can fix some issues, but they won&#8217;t make your site \u201cfully accessible\u201d by themselves. Always ensure your website\u2019s code is accessible and avoid relying on overlays as a long-term fix.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Automated accessibility checkers can highlight some problems, but only real users can confirm what really works. Some third-party overlays can also add new barriers by interfering with users&#8217; <span data-definition=\"assistive-technologies\" data-definition-id=\"6290\" title=\"Assistive technologies\" data-definition-name=\"Assistive technologies\" class=\"ace-definition-inserter\"><\/span>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To learn more about involving real users in your testing, refer to <a href=\"https:\/\/allin.online\/standard\/digital-communications\/monitoring-and-continuous-improvement\/audits-testing-and-feedback\/\">Digital Communications 6.04 Audits, Testing and Feedback<\/a>.<\/p>\n<\/div>\n\n\n\n<div id=\"specification_table\" class=\"wp-block-ace-specification-table bg_white specification_table hide\"><h3>Standard &#8211; specifications<\/h3><div class=\"bg_grey inner-padding\"><table class=\"specification-table\"><tbody><\/tbody><\/table><\/div><\/div>\n\n\n\n<div id=\"influencing_accessible_practice\" class=\"wp-block-ace-standard-influencing-accessible-practice standard-influencing-accessible-practice standard-content hide\"><h3>Influencing accessible practice<\/h3>\n<h4 class=\"wp-block-ace-heading\"><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n\n<div id=\"definitions_list\" class=\"wp-block-ace-definitions-list bg_white\"><h3>Definitions and acronyms<\/h3><div class=\"ace-definitions-list bg_grey inner-padding\"><div class=\"ace-definition-item\"><h4>Accessibility overlays<\/h4><div><p>Overlays are a broad term for technologies that aim to improve the accessibility of a website. They apply third-party source code (typically JavaScript) to make improvements to the front-end code of the website.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Alt text<\/h4><div><p>Alt (alternative) text, is a short, coded description that screen readers read aloud when they reach an image. Alt text is not visible on the screen but gives people who cannot see the image access to what it shows or means in context.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>ARIA<\/h4><div><p>ARIA (Accessible Rich Internet Applications) is a\u00a0set of attributes that add extra meaning or function for screen readers and other assistive technologies. Use only when needed, such as when a button has no visible text and requires an aria-label.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Assistive technologies<\/h4><div><p>Software and hardware that disabled people can use to interact with digital technology.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Cascading Style Sheets (CSS)<\/h4><div><p>CSS is a stylesheet language used to describe the visual presentation of HTML documents, controlling layout, colours, fonts, spacing, and other stylistic aspects of web pages. CSS enables developers to maintain a consistent design across multiple web pages efficiently, separating content structure from visual appearance.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>High contrast setting<\/h4><div><p>A colour setting that increases the difference between text and background. These settings help people with low vision or visual fatigue.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>HTML<\/h4><div><p>HTML (HyperText Markup Language) is the standard language used to create and structure content on the web. It uses tags to format text, embed images, create links, and organize web pages for browsers to display.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Screen magnifiers<\/h4><div><p>Screens can be enlarged to support users with impaired vision. A screen magnifier digitally zooms into a screen, or enlarges a section of a screen.<\/p>\n<p>There are built-in screen magnifiers available for most devices, as well as a range of specialist technologies with different features.<\/p>\n<p>Physical magnifying glasses placed over a device are another option, but can be more bulky than digital software.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Screen reader<\/h4><div><p>A software tool that reads out content from websites, documents, and applications, including alt text and image descriptions. Screen readers are often used by blind and visually impaired people, neurodiverse people, and others.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>WCAG<\/h4><div><p>Web Content Accessibility Guidelines. A set of international accessibility standards for digital content.<\/p>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div id=\"learning_resources\" class=\"wp-block-ace-standard-learning-resources standard-content\"><h3>Learning resources<\/h3><div class=\"links-on-newtab-text\"><\/div>\n<h4 class=\"wp-block-ace-heading\">Relevant WCAG sections<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/resize-text.html\">1.4.4 Resize Text (Level AA)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/#text-spacing\">1.4.12 Text Spacing (Level AA)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/\u2022%09https:\/www.w3.org\/WAI\/WCAG21\/Understanding\/visual-presentation.html\">1.4.8 Visual Presentation (Level AAA)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/keyboard.html\">2.1.1 Keyboard (Level A)<\/a><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-ace-heading\">More resources<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/aaardvarkaccessibility.com\/wcag-plain-english\/\">AAArdvark: WCAG in Plain English<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.etsi.org\/human-factors-accessibility\/en-301-549-v3-the-harmonized-european-standard-for-ict-accessibility\">ETSI: The Harmonized European Standard for ICT Accessibility<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.edf-feph.org\/publications\/joint-statement-on-accessibility-overlays\/\">Overlay Factsh<\/a><a href=\"https:\/\/overlayfactsheet.com\/en\/\">e<\/a><a href=\"https:\/\/www.edf-feph.org\/publications\/joint-statement-on-accessibility-overlays\/\">et: Overlay Factsheet<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">W3C Web Accessibility Initiative WAI: Standards Guidelines<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div id=\"skills_development\" class=\"wp-block-ace-standard-skills-development standard-skills-development standard-content hide\"><h3>Support and skills development<\/h3>\n<h4 class=\"wp-block-ace-heading\"><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n\t<div id=\"linked_standards\" class=\"wp-block page-links wp-block-ace-linked-standards \">\n\t\t\t<h3 class=\"block-title\">\n\t\t\t\tLinked Standards\t\t\t<\/h3>\n\t\t\t\t\t\t<div class='flex flex_50 link_blocks'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex_item post_item bg_grey--dark\">\n\t\t\t\t\t\t\t<picture class=\"featured-img alt-block\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/allin.online\/wp-content\/themes\/ace\/assets\/fallback.jpeg\" alt=\"Placeholder image\" \/>\t\t\t\t\t\t\t\t<div class = \"alt_block\">\n\t\t\t\t\t\t\t\t\t<button class=\"alt_trigger\" aria-label=\"Open the Image Description\">Eile<\/button>\n\t\t\t\t\t\t\t\t\t<div class=\"alt_modal\" id=\"0\" role=\"dialog\" aria-label=\"Image Description\" aria-describedby=\"desc_4575\">\n\t\t\t\t\t\t\t\t\t\t<p id=\"desc_4575\">Placeholder image<\/p>\n\t\t\t\t\t\t\t\t\t\t<button class=\"close\">D\u00f9in <span class=\"screen-reader-text\">Tuairisgeul Dealbh\n<\/span><\/button>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/picture>\n\t\t\t\t\t\t\t<div class=\"linked_standard--content inner-padding card\">\n\t\t\t\t\t\t\t\t<h4>DC 6.03 Adopting Web Content Accessibility Guidelines (WCAG)<\/h4>\n\t\t\t\t\t\t\t\t<p>Web Content Accessibility Guidelines (WCAG) are the international standard for digital accessibility.<a href=\"\/login\" class=\"locked card_target\"><span aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14.999\" height=\"18\" viewBox=\"0 0 14.999 18\">\n  <path id=\"unlock\" d=\"M13.507,7.5H3.75V5.249A3.741,3.741,0,0,1,11.022,4l1.133-1.133a5.234,5.234,0,0,0-9.9,2.378V7.5H1.493A1.5,1.5,0,0,0,0,9V16.5A1.5,1.5,0,0,0,1.493,18H13.507A1.5,1.5,0,0,0,15,16.5V9a1.5,1.5,0,0,0-1.492-1.5\" transform=\"translate(0)\" fill=\"#472961\" fill-rule=\"evenodd\"\/>\n<\/svg><br \/>\n<\/span>This content is only available to logged in users.<\/a><\/p>\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"31.832\" height=\"24\" viewBox=\"0 0 31.832 24\">\n  <path id=\"arrow\" d=\"M33.728,24.848l-10.2-10.2a1.773,1.773,0,1,0-2.508,2.508l7.189,7.189H4.272a1.772,1.772,0,0,0,0,3.545H28.178L21.022,35.08a1.755,1.755,0,0,0,0,2.508,1.827,1.827,0,0,0,1.271.536,1.747,1.747,0,0,0,1.271-.536L33.8,27.355a1.827,1.827,0,0,0,.536-1.271,2.283,2.283,0,0,0-.6-1.237Z\" transform=\"translate(-2.499 -14.123)\" fill=\"#472961\"\/>\n<\/svg>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"flex_item post_item bg_grey--dark\">\n\t\t\t\t\t\t\t<picture class=\"featured-img alt-block\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/allin.online\/wp-content\/themes\/ace\/assets\/fallback.jpeg\" alt=\"Placeholder image\" \/>\t\t\t\t\t\t\t\t<div class = \"alt_block\">\n\t\t\t\t\t\t\t\t\t<button class=\"alt_trigger\" aria-label=\"Open the Image Description\">Eile<\/button>\n\t\t\t\t\t\t\t\t\t<div class=\"alt_modal\" id=\"0\" role=\"dialog\" aria-label=\"Image Description\" aria-describedby=\"desc_4576\">\n\t\t\t\t\t\t\t\t\t\t<p id=\"desc_4576\">Placeholder image<\/p>\n\t\t\t\t\t\t\t\t\t\t<button class=\"close\">D\u00f9in <span class=\"screen-reader-text\">Tuairisgeul Dealbh\n<\/span><\/button>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/picture>\n\t\t\t\t\t\t\t<div class=\"linked_standard--content inner-padding card\">\n\t\t\t\t\t\t\t\t<h4>DC 6.04 Audits, Testing, and Feedback<\/h4>\n\t\t\t\t\t\t\t\t<p>Regular audits help identify barriers, support inclusive design, legal compliance, and maintain a cycle of continuous improvement.<a href=\"\/login\" class=\"locked card_target\"><span aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14.999\" height=\"18\" viewBox=\"0 0 14.999 18\">\n  <path id=\"unlock\" d=\"M13.507,7.5H3.75V5.249A3.741,3.741,0,0,1,11.022,4l1.133-1.133a5.234,5.234,0,0,0-9.9,2.378V7.5H1.493A1.5,1.5,0,0,0,0,9V16.5A1.5,1.5,0,0,0,1.493,18H13.507A1.5,1.5,0,0,0,15,16.5V9a1.5,1.5,0,0,0-1.492-1.5\" transform=\"translate(0)\" fill=\"#472961\" fill-rule=\"evenodd\"\/>\n<\/svg><br \/>\n<\/span>This content is only available to logged in users.<\/a><\/p>\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"31.832\" height=\"24\" viewBox=\"0 0 31.832 24\">\n  <path id=\"arrow\" d=\"M33.728,24.848l-10.2-10.2a1.773,1.773,0,1,0-2.508,2.508l7.189,7.189H4.272a1.772,1.772,0,0,0,0,3.545H28.178L21.022,35.08a1.755,1.755,0,0,0,0,2.508,1.827,1.827,0,0,0,1.271.536,1.747,1.747,0,0,0,1.271-.536L33.8,27.355a1.827,1.827,0,0,0,.536-1.271,2.283,2.283,0,0,0-.6-1.237Z\" transform=\"translate(-2.499 -14.123)\" fill=\"#472961\"\/>\n<\/svg>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\n\n\t<div id=\"references\" class=\"wp_block references wp-block-ace-standard-references \">\n\t\t<h3 class=\"block-title\">\n\t\t\tReferences\t\t<\/h3>\n\n\t\t<div class=\"links-on-newtab-text\"><\/div>\n\t\t<ol class=\"references-list\">\n\t\t\t\t\t\t\t<li class = \"references-list-item\"><p><span class=\"TextRun SCXW201684588 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW201684588 BCX8\">ETSI (n.d.)\u00a0<\/span><\/span><span class=\"TextRun SCXW201684588 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW201684588 BCX8\">EN 301 549 The Harmonized European\u00a0<\/span><span class=\"NormalTextRun SCXW201684588 BCX8\">Stand<\/span><span class=\"NormalTextRun SCXW201684588 BCX8\">ar<\/span><span class=\"NormalTextRun SCXW201684588 BCX8\">d<\/span><span class=\"NormalTextRun SCXW201684588 BCX8\">\u00a0for ICT Accessibility<\/span><\/span><span class=\"TextRun SCXW201684588 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW201684588 BCX8\">\u00a0[online] Available at:\u00a0<\/span><\/span><a class=\"Hyperlink SCXW201684588 BCX8\" href=\"https:\/\/www.etsi.org\/human-factors-accessibility\/en-301-549-v3-the-harmonized-european-standard-for-ict-accessibility\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW201684588 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW201684588 BCX8\" data-ccp-charstyle=\"Hyperlink\">ESTI EN 301 549<\/span><\/span><\/a><span class=\"TextRun SCXW201684588 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW201684588 BCX8\">\u00a0[Accessed 14 August 2025]<\/span><\/span><span class=\"EOP SCXW201684588 BCX8\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<\/li>\n\t\t\t\t\t\t\t<li class = \"references-list-item\"><p><span class=\"TextRun SCXW133213217 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW133213217 BCX8\">European Disability Forum and International Association of Accessibility Professionals (n.d.)\u00a0<\/span><\/span><span class=\"TextRun SCXW133213217 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW133213217 BCX8\">Statement on Accessibility Overlays<\/span><\/span><span class=\"TextRun SCXW133213217 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW133213217 BCX8\">\u00a0[online] Available at:\u00a0<\/span><\/span><a class=\"Hyperlink SCXW133213217 BCX8\" href=\"https:\/\/www.edf-feph.org\/publications\/joint-statement-on-accessibility-overlays\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW133213217 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW133213217 BCX8\" data-ccp-charstyle=\"Hyperlink\">Statement on accessibility overlays<\/span><\/span><\/a><span class=\"TextRun SCXW133213217 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW133213217 BCX8\">\u00a0[Accessed 14 August 2025]<\/span><\/span><span class=\"EOP SCXW133213217 BCX8\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<\/li>\n\t\t\t\t\t\t\t<li class = \"references-list-item\"><p><span class=\"TextRun SCXW159795489 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW159795489 BCX8\">Overlay Factsheet (n.d.)\u00a0<\/span><\/span><span class=\"TextRun SCXW159795489 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW159795489 BCX8\">Overlay Factsheet<\/span><\/span><span class=\"TextRun SCXW159795489 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW159795489 BCX8\">\u00a0[online] Available at:\u00a0<\/span><\/span><a class=\"Hyperlink SCXW159795489 BCX8\" href=\"https:\/\/overlayfactsheet.com\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW159795489 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW159795489 BCX8\" data-ccp-charstyle=\"Hyperlink\">Overlay factsheet<\/span><\/span><\/a><span class=\"TextRun SCXW159795489 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW159795489 BCX8\">\u00a0[Accessed 14 August 2025]<\/span><\/span><span class=\"EOP SCXW159795489 BCX8\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<\/li>\n\t\t\t\t\t\t\t<li class = \"references-list-item\"><p>World Wide Web Consortium (W3C), (n.d.) Web Accessibility Initiative WAI Standards Guidelines [online] Available at: <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">W3C Standards guidance<\/a> [Accessed 26 October 2025]<\/p>\n<\/li>\n\t\t\t\t\t<\/ol>\n\t<\/div> \n<\/div><aside class=\"sidebar flex-item\"><h3>DC 2.04 Accessibility Settings and Overlays<\/h3><nav class=\"sub-nav\"><ul><li><a href=\"#overview\">Overview (Back to top)<\/a><\/li><li><a href=\"#examples\">Practical examples<\/a><\/li><li><a href=\"#key_considerations\">Key considerations<\/a><\/li><li><a href=\"#definitions_list\">Definitions and acronyms<\/a><\/li><li><a href=\"#learning_resources\">Learning resources<\/a><\/li><li><a href=\"#linked_standards\">Linked Standards<\/a><\/li><li><a href=\"#references\">References<\/a><\/li><\/ul><\/nav><div class=\"hide fixed scroll_menu\" aria-live=\"polite\"><h3>DC 2.04 Accessibility Settings and Overlays<\/h3><ul><li><a href=\"#overview\">Overview (Back to top)<\/a><\/li><li><a href=\"#examples\">Practical examples<\/a><\/li><li><a href=\"#key_considerations\">Key considerations<\/a><\/li><li><a href=\"#definitions_list\">Definitions and acronyms<\/a><\/li><li><a href=\"#learning_resources\">Learning resources<\/a><\/li><li><a href=\"#linked_standards\">Linked Standards<\/a><\/li><li><a href=\"#references\">References<\/a><\/li><\/ul><a href=\"https:\/\/form.jotform.com\/252393341563356?standard=Digital Communications 2.04 Accessibility Settings and Overlays\" class=\"feedback_link button bg_secondary white\">Give us feedback on this Standard<\/a><a href=\"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/\" class=\"return_link\">Back to Digital Communications<\/a><\/div><a href=\"https:\/\/form.jotform.com\/252393341563356?standard=Digital Communications 2.04 Accessibility Settings and Overlays\" class=\"feedback_link button bg_secondary white\">Give us feedback on this Standard<\/a><a href=\"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/\" class=\"return_link\">Back to Digital Communications<\/a><\/aside><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"featured_media":0,"parent":4518,"menu_order":4,"template":"","class_list":["post-4522","standard","type-standard","status-publish","hentry"],"acf":{"short_description":"Consider how you use accessibility settings and overlays to allow your website visitors to adjust how your website looks or works to meet their needs.","make_visible_to_taster_account":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accessibility Settings and Overlays - All In<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/accessibility-settings-and-overlays\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accessibility Settings and Overlays - All In\" \/>\n<meta property=\"og:url\" content=\"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/accessibility-settings-and-overlays\/\" \/>\n<meta property=\"og:site_name\" content=\"All In\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-07T15:07:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/allin.online\/wp-content\/uploads\/2023\/11\/All-In_OG-image.png\" \/>\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\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/content-usability\\\/accessibility-settings-and-overlays\\\/\",\"url\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/content-usability\\\/accessibility-settings-and-overlays\\\/\",\"name\":\"Accessibility Settings and Overlays - All In\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/#website\"},\"datePublished\":\"2025-11-12T14:50:07+00:00\",\"dateModified\":\"2026-10-07T15:07:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/content-usability\\\/accessibility-settings-and-overlays\\\/#breadcrumb\"},\"inLanguage\":\"gd-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/content-usability\\\/accessibility-settings-and-overlays\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/content-usability\\\/accessibility-settings-and-overlays\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Duilleag-dhachaigh\",\"item\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Digital Communications\",\"item\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Content Usability\",\"item\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/content-usability\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Accessibility Settings and Overlays\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/#website\",\"url\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/\",\"name\":\"All in\",\"description\":\"Tha f\u00e0ilte air a h-uile duine\",\"publisher\":{\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"gd-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/#organization\",\"name\":\"All in\",\"url\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"gd-GB\",\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/allin.online\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/696x696.png\",\"contentUrl\":\"https:\\\/\\\/allin.online\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/696x696.png\",\"width\":696,\"height\":696,\"caption\":\"All in\"},\"image\":{\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accessibility Settings and Overlays - All In","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:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/accessibility-settings-and-overlays\/","og_locale":"en_US","og_type":"article","og_title":"Accessibility Settings and Overlays - All In","og_url":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/accessibility-settings-and-overlays\/","og_site_name":"All In","article_modified_time":"2026-10-07T15:07:59+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/allin.online\/wp-content\/uploads\/2023\/11\/All-In_OG-image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/accessibility-settings-and-overlays\/","url":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/accessibility-settings-and-overlays\/","name":"Accessibility Settings and Overlays - All In","isPartOf":{"@id":"https:\/\/allin.online\/gd-gb\/#website"},"datePublished":"2025-11-12T14:50:07+00:00","dateModified":"2026-10-07T15:07:59+00:00","breadcrumb":{"@id":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/accessibility-settings-and-overlays\/#breadcrumb"},"inLanguage":"gd-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/accessibility-settings-and-overlays\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/accessibility-settings-and-overlays\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Duilleag-dhachaigh","item":"https:\/\/allin.online\/gd-gb\/"},{"@type":"ListItem","position":2,"name":"Digital Communications","item":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/"},{"@type":"ListItem","position":3,"name":"Content Usability","item":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/content-usability\/"},{"@type":"ListItem","position":4,"name":"Accessibility Settings and Overlays"}]},{"@type":"WebSite","@id":"https:\/\/allin.online\/gd-gb\/#website","url":"https:\/\/allin.online\/gd-gb\/","name":"All in","description":"Tha f\u00e0ilte air a h-uile duine","publisher":{"@id":"https:\/\/allin.online\/gd-gb\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/allin.online\/gd-gb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"gd-GB"},{"@type":"Organization","@id":"https:\/\/allin.online\/gd-gb\/#organization","name":"All in","url":"https:\/\/allin.online\/gd-gb\/","logo":{"@type":"ImageObject","inLanguage":"gd-GB","@id":"https:\/\/allin.online\/gd-gb\/#\/schema\/logo\/image\/","url":"https:\/\/allin.online\/wp-content\/uploads\/2023\/11\/696x696.png","contentUrl":"https:\/\/allin.online\/wp-content\/uploads\/2023\/11\/696x696.png","width":696,"height":696,"caption":"All in"},"image":{"@id":"https:\/\/allin.online\/gd-gb\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/allin.online\/gd-gb\/wp-json\/wp\/v2\/standard\/4522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/allin.online\/gd-gb\/wp-json\/wp\/v2\/standard"}],"about":[{"href":"https:\/\/allin.online\/gd-gb\/wp-json\/wp\/v2\/types\/standard"}],"up":[{"embeddable":true,"href":"https:\/\/allin.online\/gd-gb\/wp-json\/wp\/v2\/standard\/4518"}],"wp:attachment":[{"href":"https:\/\/allin.online\/gd-gb\/wp-json\/wp\/v2\/media?parent=4522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}