{"id":4552,"date":"2025-11-12T14:51:54","date_gmt":"2025-11-12T14:51:54","guid":{"rendered":"https:\/\/allin.online\/?post_type=standard&#038;p=4552"},"modified":"2026-09-09T12:23:57","modified_gmt":"2026-09-09T12:23:57","slug":"identifiable-buttons","status":"publish","type":"standard","link":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/links-buttons-forms-and-surveys\/identifiable-buttons\/","title":{"rendered":"Identifiable Buttons"},"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 3.02 Identifiable Buttons<\/h3><select aria-labelledby=\"page_sub_nav\" class=\"mobile_only\" id=\"nav_select\"><option value=\"#overview\">Overview<\/option><option value=\"#examples\">Practical example<\/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 3.02 Identifiable Buttons\" 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\"><span title=\"Buttons\" data-definition-name=\"Buttons\" data-definition=\"buttons\" data-definition-id=\"6540\" class=\"ace-definition-inserter\"><\/span>are interactive elements of a website. They are used for tasks like booking tickets, submitting forms, starting videos, or navigating to other pages. For a button to be accessible, it must work correctly, and it should be easy to recognise.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">People using a website, app, or digital form should be able to easily identify interactive elements. For those using <span title=\"Screen readers\" data-definition-name=\"Screen readers\" data-definition=\"screen-readers\" data-definition-id=\"5638\" class=\"ace-definition-inserter\"><\/span> or <span title=\"Keyboard navigation\" data-definition-name=\"Keyboard navigation\" data-definition=\"keyboard-navigation\" data-definition-id=\"4403\" class=\"ace-definition-inserter\"><\/span>, buttons must be clearly labelled. They should have a visible <span title=\"Focus indicator\" data-definition-name=\"Focus indicator\" data-definition=\"focus-indicator\" data-definition-id=\"4373\" class=\"ace-definition-inserter\"><\/span> and use brief descriptive text that explains their function or destination.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For further guidance, see <a href=\"https:\/\/allin.online\/standard\/digital-communications\/links-buttons-forms-and-surveys\/descriptive-link-text\/\">Digital Communications 3.01 Descriptive Link Text<\/a>, <a href=\"https:\/\/allin.online\/standard\/digital-communications\/links-buttons-forms-and-surveys\/forms\/\">Digital Communications 3.05 Forms<\/a> and <a href=\"https:\/\/allin.online\/standard\/digital-communications\/links-buttons-forms-and-surveys\/surveys\/\">Digital Communications 3.06 Surveys<\/a>.<\/p>\n<\/div>\n\n\n\n<div id=\"examples\" class=\"wp-block-ace-standard-examples bg_grey inner-padding standard-examples\"><h3>Practical example<\/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>The <a href=\"https:\/\/www.operanorth.co.uk\/access\/#:~:text=operanorth.co.uk-,Accessible%20performances,-We%20offer%20audio\">Opera North Access page<\/a> uses buttons that are clearly labelled, high contrast and are easy to identify. They have a visible <span data-definition=\"focus-indicator\" data-definition-id=\"4373\" title=\"Focus indicator\" data-definition-name=\"Focus indicator\" class=\"ace-definition-inserter\"><\/span> and a wide <span data-definition=\"tap-target\" data-definition-id=\"4488\" title=\"Tap target\" data-definition-name=\"Tap target\" class=\"ace-definition-inserter\"><\/span>.<\/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\">Use the right element for the job<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Using the correct element improves both accessibility and expected behaviour across devices and <span data-definition=\"assistive-technologies\" data-definition-id=\"6290\" title=\"Assistive technologies\" data-definition-name=\"Assistive technologies\" class=\"ace-definition-inserter\"><\/span>. Once you\u2019ve identified the correct element for different purposes, be consistent in your approach.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span title=\"Buttons\" data-definition-name=\"Buttons\" data-definition=\"buttons\" data-definition-id=\"6540\" class=\"ace-definition-inserter\"><\/span>and <span title=\"Links\" data-definition-name=\"Links\" data-definition=\"links\" data-definition-id=\"6563\" class=\"ace-definition-inserter\"><\/span>serve different purposes. Use a <strong>button <\/strong>(&lt;button&gt;) when triggering an action, such as: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>submitting a form<\/li>\n\n\n\n<li>adding or removing an item<\/li>\n\n\n\n<li>confirming a choice (e.g. \u201cPlace your order\u201d or \u201cBest seat for captions &#8211; choose this seat\u201d)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Use a <strong>link <\/strong>(&lt;a&gt;) when taking someone to a different page, section, or website, such as: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>navigating to a login page<\/li>\n\n\n\n<li>linking to your access page<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-ace-heading\">Make buttons easy to identify <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span title=\"Buttons\" data-definition-name=\"Buttons\" data-definition=\"buttons\" data-definition-id=\"6540\" class=\"ace-definition-inserter\"><\/span> should be easy to recognise as interactive. Use consistent shapes, like filled or bordered rectangles, along with padding and styling to make them stand out. Include clear labels that describe the action, such as \u201csearch,\u201d \u201csubmit,\u201d or \u201cremove item.\u201d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Avoid using buttons with only icons or images unless they have clear text labels for screen readers, using an <span title=\"ARIA\" data-definition-name=\"ARIA\" data-definition=\"aria\" data-definition-id=\"4306\" class=\"ace-definition-inserter\"><\/span> label attribute.<\/p>\n\n\n\n<h4 class=\"wp-block-ace-heading\">Context <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span title=\"Buttons\" data-definition-name=\"Buttons\" data-definition=\"buttons\" data-definition-id=\"6540\" class=\"ace-definition-inserter\"><\/span> must have clear information to show users what they do.<br>For instance, a button can be simply labelled \u201csearch\u201d or \u201csubmit\u201d if it fits the context. At the end of a search bar, you expect a \u201cSearch\u201d button to start the search.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If a button needs extra context, like a booking button, provide more details about its purpose, such as what you\u2019re booking. Use a similar method as for descriptive link text. See <a href=\"https:\/\/allin.online\/standard\/digital-communications\/links-buttons-forms-and-surveys\/descriptive-link-text\/\">Digital Communications 3.01 Descriptive Link Text <\/a>for more information. <\/p>\n\n\n\n<h4 class=\"wp-block-ace-heading\">Size and spacing<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span title=\"Buttons\" data-definition-name=\"Buttons\" data-definition=\"buttons\" data-definition-id=\"6540\" class=\"ace-definition-inserter\"><\/span> should be large enough to tap comfortably. They must meet the <span title=\"WCAG\" data-definition-name=\"WCAG\" data-definition=\"wcag\" data-definition-id=\"4507\" class=\"ace-definition-inserter\"><\/span> 2.5.8 <span title=\"Tap target\" data-definition-name=\"Tap target\" data-definition=\"tap-target\" data-definition-id=\"4488\" class=\"ace-definition-inserter\"><\/span> Criteria (Level AA), which requires a target size of 24&#215;24 pixels.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, it is best to aim for at least 44&#215;44 pixels (about 11mm square) to meet WCAG 2.5.5 Tap Target Criteria (Level AAA). <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Make sure there&#8217;s enough space around buttons to prevent overlap. This reduces the chance of users accidentally clicking the wrong one. <\/p>\n\n\n\n<h4 class=\"wp-block-ace-heading\">Colour and contrast <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Ensure <span title=\"Buttons\" data-definition-name=\"Buttons\" data-definition=\"buttons\" data-definition-id=\"6540\" class=\"ace-definition-inserter\"><\/span> stand out from surrounding content. Button text must have a contrast ratio of at least 4.5:1 against its background. Avoid low-contrast designs, especially for important actions like payment or form submission.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Don\u2019t rely on colour alone to show a button\u2019s purpose or state. Use visual indicators, such as outlines, shapes, or hover and focus changes. For more guidance, refer to <a href=\"https:\/\/allin.online\/standard\/digital-communications\/content-usability\/use-of-colour\/\">Digital Communications 2.02 Use of Colour<\/a>. <\/p>\n\n\n\n<h4 class=\"wp-block-ace-heading\">Visual clarity and focus <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><span title=\"Buttons\" data-definition-name=\"Buttons\" data-definition=\"buttons\" data-definition-id=\"6540\" class=\"ace-definition-inserter\"><\/span> must include a visible <span title=\"Focus indicator\" data-definition-name=\"Focus indicator\" data-definition=\"focus-indicator\" data-definition-id=\"4373\" class=\"ace-definition-inserter\"><\/span> for keyboard users and <span title=\"Assistive technologies\" data-definition-name=\"Assistive technologies\" data-definition=\"assistive-technologies\" data-definition-id=\"6290\" class=\"ace-definition-inserter\"><\/span>. A focus indicator is a visible outline or highlight that indicates your current position on a page when navigating with the keyboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The button states, such as \u2018hover\u2019 or \u2018focus\u2019, must be visually distinct and consistent across your site or app. <\/p>\n\n\n\n<h4 class=\"wp-block-ace-heading\">Use semantic HTML and ARIA appropriately <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">When creating <span data-definition=\"buttons\" data-definition-id=\"6540\" title=\"Buttons\" data-definition-name=\"Buttons\" class=\"ace-definition-inserter\"><\/span>, use the native &lt;button&gt; element for all button actions. This ensures your buttons are accessible to keyboards, <span data-definition=\"screen-readers\" data-definition-id=\"5638\" title=\"Screen readers\" data-definition-name=\"Screen readers\" class=\"ace-definition-inserter\"><\/span>, and voice input. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Avoid using &lt;div&gt; or &lt;span&gt; to create buttons, as it can be complicated to make them accessible. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use an <span title=\"ARIA\" data-definition-name=\"ARIA\" data-definition=\"aria\" data-definition-id=\"4306\" class=\"ace-definition-inserter\"><\/span> label when:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the button has no visible text, such as when an image or icon is used to design the button<\/li>\n\n\n\n<li>you need to add extra context that isn\u2019t visually shown<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Don\u2019t use ARIA to fix inaccessible code. Start with <span title=\"Semantic HTML\" data-definition-name=\"Semantic HTML\" data-definition=\"semantic-html\" data-definition-id=\"4465\" class=\"ace-definition-inserter\"><\/span> and apply ARIA only where it adds useful information.<\/p>\n\n\n\n<h4 class=\"wp-block-ace-heading\">HTML and ARIA Examples<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A clearly labelled HTML button (no <\/strong><span title=\"ARIA\" data-definition-name=\"ARIA\" data-definition=\"aria\" data-definition-id=\"4306\" class=\"ace-definition-inserter\"><\/span> <strong>needed)<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>uses native <span data-definition=\"semantic-html\" data-definition-id=\"4465\" title=\"Semantic HTML\" data-definition-name=\"Semantic HTML\" class=\"ace-definition-inserter\"><\/span><\/li>\n\n\n\n<li>is accessible by default<\/li>\n\n\n\n<li>uses descriptive link text<\/li>\n\n\n\n<li>works with <span data-definition=\"keyboard-navigation\" data-definition-id=\"4403\" title=\"Keyboard navigation\" data-definition-name=\"Keyboard navigation\" class=\"ace-definition-inserter\"><\/span>, <span data-definition=\"screen-readers\" data-definition-id=\"5638\" title=\"Screen readers\" data-definition-name=\"Screen readers\" class=\"ace-definition-inserter\"><\/span>, and voice control<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Example HTML: <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;book> Book tickets for Cinderella &lt;\/button><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>An icon image only button with an ARIA label<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the ARIA label describes the button\u2019s action<\/li>\n\n\n\n<li>the image has an empty alt <span title=\"Tag\" data-definition-name=\"Tag\" data-definition=\"tag\" data-definition-id=\"7000\" class=\"ace-definition-inserter\"><\/span> to avoid repetition<\/li>\n\n\n\n<li>screen readers will announce: \u201cClose menu\u201d<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Example HTML with\u00a0ARIA label: <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;button aria-label=&#8221;Close menu&#8221;>&lt;img\u00a0src=&#8221;icon-close.jpg&#8221; alt=&#8221;&#8221;>&lt;\/button><\/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>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>Buttons<\/h4><div><p>An interactive element that is used to trigger an action or process, such as submitting a form, opening a dialogue, or making a booking. Buttons should be created using the native semantic HTML &lt;button&gt; element.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Focus indicator<\/h4><div><p>A visible outline or highlight that shows where you are on a page when navigating by keyboard. Helps people see which button or link is currently selected.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Keyboard navigation<\/h4><div><p>Using the keys on a keyboard (like the arrow keys, Tab or Enter) to move around a website, document or app. People who cannot use a mouse may use keyboard navigation.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Links<\/h4><div><p>A hyperlink (&lt;a&gt;) used to take people to another page, section of a page, or external website. Links are for navigation, not triggering actions.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Screen readers<\/h4><div><p><span class=\"EOP SCXW153709951 BCX8\" data-ccp-props=\"{}\">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. <\/span><\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Semantic HTML<\/h4><div><p>Using the correct HTML element for its intended purpose, for example, using &lt;button&gt; for actions and &lt;a&gt; for navigation. Helps assistive technologies interpret content properly.<\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Tag<\/h4><div><p><span class=\"NormalTextRun SCXW95397026 BCX8\">Labels that describe the structure and content of a document, like headings, paragraphs, lists,\u00a0<\/span><span class=\"NormalTextRun SCXW95397026 BCX8\">titles<\/span><span class=\"NormalTextRun SCXW95397026 BCX8\">\u00a0and i<\/span><span class=\"NormalTextRun SCXW95397026 BCX8\">mag<\/span><span class=\"NormalTextRun SCXW95397026 BCX8\">es.\u00a0<\/span><span class=\"FindHit SCXW95397026 BCX8\">Tag<\/span><span class=\"NormalTextRun SCXW95397026 BCX8\">s tell assistive technologies like screen readers how to read the document in the right order and help people navigate it easily.<\/span><\/p>\n<\/div><\/div><div class=\"ace-definition-item\"><h4>Tap target<\/h4><div><p>The physical area someone can tap on a touchscreen. Tap targets should be at least 24 x 24 pixels to meet WCAG 2.5.8 Target Size criteria be comfortably usable for everyone. However, it is better practice to meet WCAG 2.5.5\u202fTarget Size (Enhanced) (Level AAA) that recommends at least 44\u00d744 CSS pixels, especially for touch interfaces, to account for real-world use, finger size, and motor control.<\/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\/WCAG22\/Understanding\/target-size-enhanced.html\">2.5.5 Target Size (Enhanced) (Level AAA)<\/a> Buttons must be at least 44&#215;44 pixels and have sufficient spacing<\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/Understanding\/target-size-minimum.html\">2.5.8 Target Size (Minimum) (Level AA) <\/a>Buttons must be at least 24&#215;24 pixels and have sufficient spacing<\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/focus-visible.html\">2.4.7 Focus Visible (Level AA)<\/a> Buttons must show a visible outline when selected using a keyboard<\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-minimum\">1.4.2 Contrast (Minimum) (Level AA)<\/a> Button text must have strong contrast against its background<\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/name-role-value.html\">4.1.2 Name, Role, Value (Level A)<\/a> Buttons must be labelled correctly for assistive technologies<\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/keyboard.html\">2.1.1 Keyboard (Level A)<\/a> Buttons must work without a mouse<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-ace-heading\"><strong>More resources&nbsp;<\/strong>&nbsp;<\/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.accessibilitychecker.org\/blog\/button-accessibility\/#:~:text=Every%20button%20on%20your%20site,Semantic%20HTML%20to%20Your%20Advantage\">Accessibility Checker: Unlock Button Accessibility: 6 Inclusive Steps<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/design-system.service.gov.uk\/components\/button\/\">GOV.UK: Component: Button<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/servicemanual.gov.scot\/developing-accessible-webpages\/accessible-links-and-buttons\">Scottish Government: Accessible Links and Buttons<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webaim.org\/techniques\/forms\/controls\">WebAIM: Creating Accessible Forms: Accessible Form Controls<\/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_4520\">\n\t\t\t\t\t\t\t\t\t\t<p id=\"desc_4520\">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 2.02 Use of Colour<\/h4>\n\t\t\t\t\t\t\t\t<p>Make accessible colour choices and avoid relying on colour alone or using colour combinations with poor contrast to communicate information. Check your colour choices to ensure they work for everyone. <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_4551\">\n\t\t\t\t\t\t\t\t\t\t<p id=\"desc_4551\">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 3.01 Descriptive Link Text<\/h4>\n\t\t\t\t\t\t\t\t<p>Provide descriptive link text that tells people where the link goes or what it will do.<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_4555\">\n\t\t\t\t\t\t\t\t\t\t<p id=\"desc_4555\">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 3.05 Forms<\/h4>\n\t\t\t\t\t\t\t\t<p>Build forms that are easy to understand, complete, and submit.<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_4556\">\n\t\t\t\t\t\t\t\t\t\t<p id=\"desc_4556\">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 3.06 Surveys<\/h4>\n\t\t\t\t\t\t\t\t<p>Create surveys in ways that are easy to understand and fill out.<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 SCXW144684611 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW144684611 BCX8\">Accessibility Checker (n.d.)\u00a0<\/span><\/span><span class=\"TextRun SCXW144684611 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW144684611 BCX8\">Unlock Button Accessibility: 6 Inclusive Steps<\/span><\/span><span class=\"TextRun SCXW144684611 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW144684611 BCX8\">\u00a0[online] Available at:\u00a0<\/span><\/span><a class=\"Hyperlink SCXW144684611 BCX8\" href=\"https:\/\/www.accessibilitychecker.org\/blog\/button-accessibility\/#:~:text=Every%20button%20on%20your%20site,Semantic%20HTML%20to%20Your%20Advantage\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW144684611 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW144684611 BCX8\" data-ccp-charstyle=\"Hyperlink\">Unlock Button Accessibility article<\/span><\/span><\/a><span class=\"TextRun SCXW144684611 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW144684611 BCX8\">\u00a0[Accessed 18 August 2025]<\/span><\/span><span class=\"EOP SCXW144684611 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 SCXW197326645 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW197326645 BCX8\">GOV.UK (n.d.)\u00a0<\/span><\/span><span class=\"TextRun SCXW197326645 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW197326645 BCX8\">Component: Button<\/span><\/span><span class=\"TextRun SCXW197326645 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW197326645 BCX8\">\u00a0[online] Available at:\u00a0<\/span><\/span><a class=\"Hyperlink SCXW197326645 BCX8\" href=\"https:\/\/design-system.service.gov.uk\/components\/button\/\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW197326645 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW197326645 BCX8\" data-ccp-charstyle=\"Hyperlink\">Design System service Button components<\/span><\/span><\/a><span class=\"TextRun SCXW197326645 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW197326645 BCX8\">\u00a0[Accessed 18 August 2025]<\/span><\/span><span class=\"EOP SCXW197326645 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>Opera North (n.d.), Access [online] Available at: <a href=\"https:\/\/www.operanorth.co.uk\/access\/#:~:text=operanorth.co.uk-,Accessible%20performances,-We%20offer%20audio\">Opera North Access<\/a> [accessed 14 August 2025]<\/p>\n<\/li>\n\t\t\t\t\t\t\t<li class = \"references-list-item\"><p><span class=\"TextRun SCXW18538099 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW18538099 BCX8\">Scottish Government (n.d.)\u00a0<\/span><\/span><span class=\"TextRun SCXW18538099 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW18538099 BCX8\">Accessible Links and Buttons<\/span><\/span><span class=\"TextRun SCXW18538099 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW18538099 BCX8\">\u00a0[online] Available at:\u00a0<\/span><\/span><a class=\"Hyperlink SCXW18538099 BCX8\" href=\"https:\/\/servicemanual.gov.scot\/developing-accessible-webpages\/accessible-links-and-buttons\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW18538099 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW18538099 BCX8\" data-ccp-charstyle=\"Hyperlink\">Accessible links and buttons article<\/span><\/span><\/a><span class=\"TextRun SCXW18538099 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW18538099 BCX8\">\u00a0[Accessed 18 August 2025]<\/span><\/span><span class=\"EOP SCXW18538099 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 SCXW17111971 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SpellingErrorV2Themed SCXW17111971 BCX8\">WebAIM<\/span><span class=\"NormalTextRun SCXW17111971 BCX8\">\u00a0(n.d.)\u00a0<\/span><\/span><span class=\"TextRun SCXW17111971 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW17111971 BCX8\">Creating Accessible Forms: Accessible Form Controls<\/span><\/span><span class=\"TextRun SCXW17111971 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW17111971 BCX8\">\u00a0[<\/span><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW17111971 BCX8\">online<\/span><span class=\"NormalTextRun SCXW17111971 BCX8\">] Available at:\u00a0<\/span><\/span><a class=\"Hyperlink SCXW17111971 BCX8\" href=\"https:\/\/webaim.org\/techniques\/forms\/controls\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"TextRun Underlined SCXW17111971 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"none\"><span class=\"NormalTextRun SCXW17111971 BCX8\" data-ccp-charstyle=\"Hyperlink\">Accessible Form Controls article<\/span><\/span><\/a><span class=\"TextRun SCXW17111971 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW17111971 BCX8\">\u00a0[Accessed 18 August 2025]<\/span><\/span><span class=\"EOP SCXW17111971 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 3.02 Identifiable Buttons<\/h3><nav class=\"sub-nav\"><ul><li><a href=\"#overview\">Overview (Back to top)<\/a><\/li><li><a href=\"#examples\">Practical example<\/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 3.02 Identifiable Buttons<\/h3><ul><li><a href=\"#overview\">Overview (Back to top)<\/a><\/li><li><a href=\"#examples\">Practical example<\/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 3.02 Identifiable Buttons\" 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 3.02 Identifiable Buttons\" 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","protected":false},"featured_media":0,"parent":4550,"menu_order":2,"template":"","class_list":["post-4552","standard","type-standard","status-publish","hentry"],"acf":{"short_description":"Create buttons that look like buttons, are big enough to use, and tell people what they do when clicked.","make_visible_to_taster_account":false},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Identifiable Buttons - 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\/links-buttons-forms-and-surveys\/identifiable-buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Identifiable Buttons - All In\" \/>\n<meta property=\"og:url\" content=\"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/links-buttons-forms-and-surveys\/identifiable-buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"All In\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-09T12:23:57+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=\"5 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\\\/links-buttons-forms-and-surveys\\\/identifiable-buttons\\\/\",\"url\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/links-buttons-forms-and-surveys\\\/identifiable-buttons\\\/\",\"name\":\"Identifiable Buttons - All In\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/#website\"},\"datePublished\":\"2025-11-12T14:51:54+00:00\",\"dateModified\":\"2026-09-09T12:23:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/links-buttons-forms-and-surveys\\\/identifiable-buttons\\\/#breadcrumb\"},\"inLanguage\":\"gd-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/links-buttons-forms-and-surveys\\\/identifiable-buttons\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/links-buttons-forms-and-surveys\\\/identifiable-buttons\\\/#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\":\"Links, Buttons, Forms, and Surveys\",\"item\":\"https:\\\/\\\/allin.online\\\/gd-gb\\\/standard\\\/digital-communications\\\/links-buttons-forms-and-surveys\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Identifiable Buttons\"}]},{\"@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":"Identifiable Buttons - 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\/links-buttons-forms-and-surveys\/identifiable-buttons\/","og_locale":"en_US","og_type":"article","og_title":"Identifiable Buttons - All In","og_url":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/links-buttons-forms-and-surveys\/identifiable-buttons\/","og_site_name":"All In","article_modified_time":"2026-09-09T12:23:57+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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/links-buttons-forms-and-surveys\/identifiable-buttons\/","url":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/links-buttons-forms-and-surveys\/identifiable-buttons\/","name":"Identifiable Buttons - All In","isPartOf":{"@id":"https:\/\/allin.online\/gd-gb\/#website"},"datePublished":"2025-11-12T14:51:54+00:00","dateModified":"2026-09-09T12:23:57+00:00","breadcrumb":{"@id":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/links-buttons-forms-and-surveys\/identifiable-buttons\/#breadcrumb"},"inLanguage":"gd-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/links-buttons-forms-and-surveys\/identifiable-buttons\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/links-buttons-forms-and-surveys\/identifiable-buttons\/#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":"Links, Buttons, Forms, and Surveys","item":"https:\/\/allin.online\/gd-gb\/standard\/digital-communications\/links-buttons-forms-and-surveys\/"},{"@type":"ListItem","position":4,"name":"Identifiable Buttons"}]},{"@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\/4552","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\/4550"}],"wp:attachment":[{"href":"https:\/\/allin.online\/gd-gb\/wp-json\/wp\/v2\/media?parent=4552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}