CINXE.COM

<!doctype html> <html lang="en" class="govuk-template"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="theme-color" content="#0b0c0c"> <link rel="icon" sizes="48x48" href="https://accessibility.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/dist/govuk/assets/images/favicon.ico"> <link rel="icon" sizes="any" href="https://accessibility.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/dist/govuk/assets/images/favicon.svg" type="image/svg+xml"> <link rel="mask-icon" href="https://accessibility.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-mask.svg" color="#0b0c0c"> <link rel="apple-touch-icon" href="https://accessibility.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/dist/govuk/assets/images/govuk-icon-180.png"> <link rel="manifest" href="https://accessibility.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/dist/govuk/assets/manifest.json"> <title>Design – Accessibility in government</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//cc.cdn.civiccomputing.com' /> <link rel='dns-prefetch' href='//accessibility.blog.gov.uk' /> <link rel="alternate" type="application/atom+xml" title="Accessibility in government » Feed" href="https://accessibility.blog.gov.uk/feed/" /> <link rel="alternate" type="application/atom+xml" title="Accessibility in government » Design Category Feed" href="https://accessibility.blog.gov.uk/category/design/feed/" /> <link rel='stylesheet' id='wp-block-library-css' href='https://accessibility.blog.gov.uk/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='co-authors-plus-coauthors-style-inline-css' type='text/css'> .wp-block-co-authors-plus-coauthors.is-layout-flow [class*=wp-block-co-authors-plus]{display:inline} </style> <style id='co-authors-plus-avatar-style-inline-css' type='text/css'> .wp-block-co-authors-plus-avatar :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-avatar :where(img){vertical-align:middle}.wp-block-co-authors-plus-avatar:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-avatar.aligncenter{display:table;margin-inline:auto} </style> <style id='co-authors-plus-image-style-inline-css' type='text/css'> .wp-block-co-authors-plus-image{margin-bottom:0}.wp-block-co-authors-plus-image :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-image :where(img){vertical-align:middle}.wp-block-co-authors-plus-image:is(.alignfull,.alignwide) :where(img){width:100%}.wp-block-co-authors-plus-image:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-image.aligncenter{display:table;margin-inline:auto} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: var(--wp--custom--govuk-color--black);--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: var(--wp--custom--govuk-color--white);--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--dark-grey: var(--wp--custom--govuk-color--dark-grey);--wp--preset--color--mid-grey: var(--wp--custom--govuk-color--mid-grey);--wp--preset--color--light-grey: var(--wp--custom--govuk-color--light-grey);--wp--preset--color--blue: var(--wp--custom--govuk-color--blue);--wp--preset--color--green: var(--wp--custom--govuk-color--green);--wp--preset--color--turquoise: var(--wp--custom--govuk-color--turquoise);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--spacing--1: 0.3125rem;--wp--preset--spacing--2: 0.625rem;--wp--preset--spacing--3: 0.9375rem;--wp--preset--spacing--4: clamp(0.9375rem, (100vw - 40rem) * 1000, 1.25rem);--wp--preset--spacing--5: clamp(0.9375rem, (100vw - 40rem) * 1000, 1.5625rem);--wp--preset--spacing--6: clamp(1.25rem, (100vw - 40rem) * 1000, 1.875rem);--wp--preset--spacing--7: clamp(1.5625rem, (100vw - 40rem) * 1000, 2.5rem);--wp--preset--spacing--8: clamp(1.875rem, (100vw - 40rem) * 1000, 3.125rem);--wp--preset--spacing--9: clamp(2.5rem, (100vw - 40rem) * 1000, 3.75rem);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);--wp--custom--govuk-color--black: #0b0c0c;--wp--custom--govuk-color--dark-grey: #505a5f;--wp--custom--govuk-color--mid-grey: #b1b4b6;--wp--custom--govuk-color--light-grey: #f3f2f1;--wp--custom--govuk-color--white: #ffffff;--wp--custom--govuk-color--blue: #1d70b8;--wp--custom--govuk-color--green: #00703c;--wp--custom--govuk-color--turquoise: #28a197;}:root { --wp--style--global--content-size: 630px;--wp--style--global--wide-size: 960px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-dark-grey-color{color: var(--wp--preset--color--dark-grey) !important;}.has-mid-grey-color{color: var(--wp--preset--color--mid-grey) !important;}.has-light-grey-color{color: var(--wp--preset--color--light-grey) !important;}.has-blue-color{color: var(--wp--preset--color--blue) !important;}.has-green-color{color: var(--wp--preset--color--green) !important;}.has-turquoise-color{color: var(--wp--preset--color--turquoise) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-dark-grey-background-color{background-color: var(--wp--preset--color--dark-grey) !important;}.has-mid-grey-background-color{background-color: var(--wp--preset--color--mid-grey) !important;}.has-light-grey-background-color{background-color: var(--wp--preset--color--light-grey) !important;}.has-blue-background-color{background-color: var(--wp--preset--color--blue) !important;}.has-green-background-color{background-color: var(--wp--preset--color--green) !important;}.has-turquoise-background-color{background-color: var(--wp--preset--color--turquoise) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-dark-grey-border-color{border-color: var(--wp--preset--color--dark-grey) !important;}.has-mid-grey-border-color{border-color: var(--wp--preset--color--mid-grey) !important;}.has-light-grey-border-color{border-color: var(--wp--preset--color--light-grey) !important;}.has-blue-border-color{border-color: var(--wp--preset--color--blue) !important;}.has-green-border-color{border-color: var(--wp--preset--color--green) !important;}.has-turquoise-border-color{border-color: var(--wp--preset--color--turquoise) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='dxw-digest-css' href='https://accessibility.blog.gov.uk/wp-content/plugins/dxw-digest/app/../assets/css/dxw-digest.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='main-css' href='https://accessibility.blog.gov.uk/wp-content/themes/gds-blogs/build/main-0566a8b01e488d9fbc668127d32dea37ab80a01b.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='aurora-heatmap-css' href='https://accessibility.blog.gov.uk/wp-content/plugins/aurora-heatmap/style.css?ver=1.7.0' type='text/css' media='all' /> <script type="text/javascript" src="https://accessibility.blog.gov.uk/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://accessibility.blog.gov.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://accessibility.blog.gov.uk/wp-content/themes/gds-blogs/build/main-bdbbaa23ed10d34e682628c40cc36fe4e7c631b9.min.js?ver=6.7.1" id="main-js"></script> <script type="text/javascript" src="https://cc.cdn.civiccomputing.com/9/cookieControl-9.x.min.js?ver=6.7.1" id="cookieControl-js"></script> <script type="text/javascript" id="cookieControlConfig-js-extra"> /* <![CDATA[ */ var cookieControlSettings = {"apiKey":"c8b1d37ba682b6d122f1360da011322b3b755539","product":"PRO","domain":"accessibility.blog.gov.uk"}; /* ]]> */ </script> <script type="text/javascript" src="https://accessibility.blog.gov.uk/wp-content/plugins/gds-cookies-and-analytics/assets/cookieControlConfig.js?ver=6.7.1" id="cookieControlConfig-js"></script> <script type="text/javascript" src="https://accessibility.blog.gov.uk/wp-content/plugins/dxw-digest/app/../assets/js/dxw-digest.js?ver=6.7.1" id="dxw-digest-js"></script> <script type="module" src="https://accessibility.blog.gov.uk/wp-content/themes/gds-blogs/build/govuk-frontend-load.js?ver=6.7.1" id="govuk-frontend-js"></script> <script type="text/javascript" id="aurora-heatmap-js-extra"> /* <![CDATA[ */ var aurora_heatmap = {"_mode":"reporter","ajax_url":"https:\/\/accessibility.blog.gov.uk\/wp-admin\/admin-ajax.php","action":"aurora_heatmap","reports":"click_pc,click_mobile","debug":"0","ajax_delay_time":"3000","ajax_interval":"10","ajax_bulk":null}; /* ]]> */ </script> <script type="text/javascript" src="https://accessibility.blog.gov.uk/wp-content/plugins/aurora-heatmap/js/aurora-heatmap.min.js?ver=1.7.0" id="aurora-heatmap-js"></script> <meta name="description" content="This is for everyone: documenting how we rebuild inclusive digital services across government" /> <meta name="google-site-verification" content="ItOAFjXGR_4i9JAle39Jk30xJa-FOVuAyMV0hHme3k4" /> </head> <body class="archive category category-design category-22 govuk-template__body"> <script>document.body.className += ' js-enabled' + ('noModule' in HTMLScriptElement.prototype ? ' govuk-frontend-supported' : '');</script> <a href="#content" class="govuk-skip-link" data-module="govuk-skip-link">Skip to main content</a> <header role="banner" class="govuk-header" data-module="govuk-header"> <div class="govuk-header__container govuk-width-container"> <div class="govuk-header__logo"> <a href="https://www.gov.uk/" title="Go to the GOV.UK homepage" id="logo" class="govuk-header__link govuk-header__link--homepage"> <svg focusable="false" role="img" class="govuk-header__logotype" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 30" height="30" width="148" aria-label="GOV.UK" fill="white" > <title>GOV.UK</title> <path d="M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.8c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4M17 4.7l2.3 1.2V2.5l-2.3.7-.2-.2.9-3h-3.4l.9 3-.2.2c-.1.1-2.3-.7-2.3-.7v3.4L15 4.7c.1.1.1.2.2.2l-1.3 4c-.1.2-.1.4-.1.6 0 1.1.8 2 1.9 2.2h.7c1-.2 1.9-1.1 1.9-2.1 0-.2 0-.4-.1-.6l-1.3-4c-.1-.2 0-.2.1-.3m-7.6 5.7c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m-5 3c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s.1 2 1 2.4m-3.2 4.8c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m14.8 11c4.4 0 8.6.3 12.3.8 1.1-4.5 2.4-7 3.7-8.8l-2.5-.9c.2 1.3.3 1.9 0 2.7-.4-.4-.8-1.1-1.1-2.3l-1.2 4c.7-.5 1.3-.8 2-.9-1.1 2.5-2.6 3.1-3.5 3-1.1-.2-1.7-1.2-1.5-2.1.3-1.2 1.5-1.5 2.1-.1 1.1-2.3-.8-3-2-2.3 1.9-1.9 2.1-3.5.6-5.6-2.1 1.6-2.1 3.2-1.2 5.5-1.2-1.4-3.2-.6-2.5 1.6.9-1.4 2.1-.5 1.9.8-.2 1.1-1.7 2.1-3.5 1.9-2.7-.2-2.9-2.1-2.9-3.6.7-.1 1.9.5 2.9 1.9l.4-4.3c-1.1 1.1-2.1 1.4-3.2 1.4.4-1.2 2.1-3 2.1-3h-5.4s1.7 1.9 2.1 3c-1.1 0-2.1-.2-3.2-1.4l.4 4.3c1-1.4 2.2-2 2.9-1.9-.1 1.5-.2 3.4-2.9 3.6-1.9.2-3.4-.8-3.5-1.9-.2-1.3 1-2.2 1.9-.8.7-2.3-1.2-3-2.5-1.6.9-2.2.9-3.9-1.2-5.5-1.5 2-1.3 3.7.6 5.6-1.2-.7-3.1 0-2 2.3.6-1.4 1.8-1.1 2.1.1.2.9-.3 1.9-1.5 2.1-.9.2-2.4-.5-3.5-3 .6 0 1.2.3 2 .9l-1.2-4c-.3 1.1-.7 1.9-1.1 2.3-.3-.8-.2-1.4 0-2.7l-2.9.9C1.3 23 2.6 25.5 3.7 30c3.7-.5 7.9-.8 12.3-.8m28.3-11.6c0 .9.1 1.7.3 2.5.2.8.6 1.5 1 2.2.5.6 1 1.1 1.7 1.5.7.4 1.5.6 2.5.6.9 0 1.7-.1 2.3-.4s1.1-.7 1.5-1.1c.4-.4.6-.9.8-1.5.1-.5.2-1 .2-1.5v-.2h-5.3v-3.2h9.4V28H55v-2.5c-.3.4-.6.8-1 1.1-.4.3-.8.6-1.3.9-.5.2-1 .4-1.6.6s-1.2.2-1.8.2c-1.5 0-2.9-.3-4-.8-1.2-.6-2.2-1.3-3-2.3-.8-1-1.4-2.1-1.8-3.4-.3-1.4-.5-2.8-.5-4.3s.2-2.9.7-4.2c.5-1.3 1.1-2.4 2-3.4.9-1 1.9-1.7 3.1-2.3 1.2-.6 2.6-.8 4.1-.8 1 0 1.9.1 2.8.3.9.2 1.7.6 2.4 1s1.4.9 1.9 1.5c.6.6 1 1.3 1.4 2l-3.7 2.1c-.2-.4-.5-.9-.8-1.2-.3-.4-.6-.7-1-1-.4-.3-.8-.5-1.3-.7-.5-.2-1.1-.2-1.7-.2-1 0-1.8.2-2.5.6-.7.4-1.3.9-1.7 1.5-.5.6-.8 1.4-1 2.2-.3.8-.4 1.9-.4 2.7zM71.5 6.8c1.5 0 2.9.3 4.2.8 1.2.6 2.3 1.3 3.1 2.3.9 1 1.5 2.1 2 3.4s.7 2.7.7 4.2-.2 2.9-.7 4.2c-.4 1.3-1.1 2.4-2 3.4-.9 1-1.9 1.7-3.1 2.3-1.2.6-2.6.8-4.2.8s-2.9-.3-4.2-.8c-1.2-.6-2.3-1.3-3.1-2.3-.9-1-1.5-2.1-2-3.4-.4-1.3-.7-2.7-.7-4.2s.2-2.9.7-4.2c.4-1.3 1.1-2.4 2-3.4.9-1 1.9-1.7 3.1-2.3 1.2-.5 2.6-.8 4.2-.8zm0 17.6c.9 0 1.7-.2 2.4-.5s1.3-.8 1.7-1.4c.5-.6.8-1.3 1.1-2.2.2-.8.4-1.7.4-2.7v-.1c0-1-.1-1.9-.4-2.7-.2-.8-.6-1.6-1.1-2.2-.5-.6-1.1-1.1-1.7-1.4-.7-.3-1.5-.5-2.4-.5s-1.7.2-2.4.5-1.3.8-1.7 1.4c-.5.6-.8 1.3-1.1 2.2-.2.8-.4 1.7-.4 2.7v.1c0 1 .1 1.9.4 2.7.2.8.6 1.6 1.1 2.2.5.6 1.1 1.1 1.7 1.4.6.3 1.4.5 2.4.5zM88.9 28 83 7h4.7l4 15.7h.1l4-15.7h4.7l-5.9 21h-5.7zm28.8-3.6c.6 0 1.2-.1 1.7-.3.5-.2 1-.4 1.4-.8.4-.4.7-.8.9-1.4.2-.6.3-1.2.3-2v-13h4.1v13.6c0 1.2-.2 2.2-.6 3.1s-1 1.7-1.8 2.4c-.7.7-1.6 1.2-2.7 1.5-1 .4-2.2.5-3.4.5-1.2 0-2.4-.2-3.4-.5-1-.4-1.9-.9-2.7-1.5-.8-.7-1.3-1.5-1.8-2.4-.4-.9-.6-2-.6-3.1V6.9h4.2v13c0 .8.1 1.4.3 2 .2.6.5 1 .9 1.4.4.4.8.6 1.4.8.6.2 1.1.3 1.8.3zm13-17.4h4.2v9.1l7.4-9.1h5.2l-7.2 8.4L148 28h-4.9l-5.5-9.4-2.7 3V28h-4.2V7zm-27.6 16.1c-1.5 0-2.7 1.2-2.7 2.7s1.2 2.7 2.7 2.7 2.7-1.2 2.7-2.7-1.2-2.7-2.7-2.7z"></path> </svg> </a> </div> </div> </header> <div class="govuk-width-container"> <header class="header" aria-label="blog name"> <div class="govuk-grid-row"> <div class="govuk-grid-column-two-thirds"> <div class="blog-title govuk-heading-xl"> <span class="blog"><a href="https://www.blog.gov.uk/">Blog</a></span> <a href="https://accessibility.blog.gov.uk">Accessibility in government</a> </div> <div class="bottom blog-meta"> <dl> <dt>Organisations:</dt> <dd><a href="https://www.gov.uk/government/organisations/civil-service">Civil Service</a></dd> </dl> </div> </div> <div class="govuk-grid-column-one-third"> <div class="bottom search-container"> <form role="search" method="get" id="searchform" class="form-search" action="https://accessibility.blog.gov.uk/"> <label class="govuk-label govuk-label--m" for="s">Search blog</label> <div class="search-input-wrapper"> <input enterkeyhint="search" title="Search" type="search" value="" name="s" id="s" class="search-query"> <input type="submit" id="searchsubmit" value="Search" class="btn"> </div> </form> </div> </div> </div> </header> <main id="content" class="govuk-grid-row" role="main"> <div class="govuk-grid-column-two-thirds main-content"> <hr class="govuk-section-break govuk-section-break--l govuk-section-break--visible"> <h1 class="govuk-heading-l">Design</h1> <article class="post-2293 post type-post status-publish format-standard has-post-thumbnail hentry category-accessibility category-community category-content category-design"> <header> <h2 class="govuk-heading-m"><a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/10/29/accessibility-and-inclusive-design-manual-blog/">Accessibility and inclusive design manual blog</a></h2> <div class="govuk-body-s"> <span class="govuk-visually-hidden">Posted by: </span> <a href="https://accessibility.blog.gov.uk/author/andy-jones-head-of-design-department-for-education/" title="Posts by Andy Jones, Head of Design, Department for Education" class="author url fn" rel="author">Andy Jones, Head of Design, Department for Education</a>, <a href="https://accessibility.blog.gov.uk/author/jake-lloyd-senior-accessibility-specialist-department-for-education/" title="Posts by Jake Lloyd, Senior Accessibility Specialist, Department for Education" class="author url fn" rel="author">Jake Lloyd, Senior Accessibility Specialist, Department for Education</a> and <a href="https://accessibility.blog.gov.uk/author/kerry-lyons-senior-content-designer-department-for-education/" title="Posts by Kerry Lyons, Senior Content Designer, Department for Education" class="author url fn" rel="author">Kerry Lyons, Senior Content Designer, Department for Education</a>, <span class="govuk-visually-hidden">Posted on: </span><time class="updated" datetime="2024-10-29T14:20:32+00:00">29 October 2024</time> - <span class="govuk-visually-hidden">Categories: </span> <a href="https://accessibility.blog.gov.uk/category/accessibility/" rel="category tag">Accessibility</a>, <a href="https://accessibility.blog.gov.uk/category/community/" rel="category tag">Community</a>, <a href="https://accessibility.blog.gov.uk/category/content/" rel="category tag">Content</a>, <a href="https://accessibility.blog.gov.uk/category/design/" rel="category tag">Design</a></div> <img width="620" height="381" src="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/10/DofE-blog-pic-620x381.jpg" class="attachment-large size-large wp-post-image" alt="Screenshot of homepage for the Department for Education Accessibility and inclusive design manual. The content explains that the manual includes everything you need to understand how we create accessible, inclusive products and services in Department for Education." decoding="async" fetchpriority="high" srcset="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/10/DofE-blog-pic-620x381.jpg 620w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/10/DofE-blog-pic-310x191.jpg 310w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/10/DofE-blog-pic-768x472.jpg 768w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/10/DofE-blog-pic.jpg 898w" sizes="(max-width: 620px) 100vw, 620px" /> </header> <p>How the Department of Education (DfE) are supporting teams through user-focused accessibility and inclusive design guidance and training to ensure that everyone has access to the services they need.</p> <footer class="govuk-body-s"> <a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/10/29/accessibility-and-inclusive-design-manual-blog/"><strong>Read more</strong> <span class="govuk-visually-hidden">of Accessibility and inclusive design manual blog</span></a> </footer> </article> <article class="post-2265 post type-post status-publish format-standard has-post-thumbnail hentry category-accessibility category-design"> <header> <h2 class="govuk-heading-m"><a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/07/17/alternative-text-in-action/">Alternative text in action</a></h2> <div class="govuk-body-s"> <span class="govuk-visually-hidden">Posted by: </span> <a href="https://accessibility.blog.gov.uk/author/katherine-moonan-accessibility-specialist/" title="Posts by Katherine Moonan - Senior Accessibility Specialist" class="author url fn" rel="author">Katherine Moonan - Senior Accessibility Specialist</a> and <a href="https://accessibility.blog.gov.uk/author/samantha-merrett-accessibility-lead-food-standards-agency/" title="Posts by Samantha Merrett, Senior Accessibility Specialist, Ministry of Justice" class="author url fn" rel="author">Samantha Merrett, Senior Accessibility Specialist, Ministry of Justice</a>, <span class="govuk-visually-hidden">Posted on: </span><time class="updated" datetime="2024-07-17T11:15:02+01:00">17 July 2024</time> - <span class="govuk-visually-hidden">Categories: </span> <a href="https://accessibility.blog.gov.uk/category/accessibility/" rel="category tag">Accessibility</a>, <a href="https://accessibility.blog.gov.uk/category/design/" rel="category tag">Design</a></div> <img width="620" height="278" src="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/07/apple-alt-text-picture-620x278.png" class="attachment-large size-large wp-post-image" alt="A bowl of apples with a speech bubble showing an incorrect and misleading description for the image." decoding="async" srcset="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/07/apple-alt-text-picture-620x278.png 620w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/07/apple-alt-text-picture-310x139.png 310w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/07/apple-alt-text-picture-768x345.png 768w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/07/apple-alt-text-picture.png 904w" sizes="(max-width: 620px) 100vw, 620px" /> </header> <p>We want to share some top tips on writing and using alternative text to encourage everyone to add it into their content every day. Our tips can be applied no matter what software or application you’re using.</p> <footer class="govuk-body-s"> <a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/07/17/alternative-text-in-action/"><strong>Read more</strong> <span class="govuk-visually-hidden">of Alternative text in action</span></a> - <a href="https://accessibility.blog.gov.uk/2024/07/17/alternative-text-in-action/#comments" class="govuk-link">6 comments</a> </footer> </article> <article class="post-2229 post type-post status-publish format-standard has-post-thumbnail hentry category-accessibility category-accessibility-regulations category-design"> <header> <h2 class="govuk-heading-m"><a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/04/04/gov-uk-id-check-app-building-an-accessible-digital-identity-app/">GOV.UK ID Check app: Building an accessible digital identity app</a></h2> <div class="govuk-body-s"> <span class="govuk-visually-hidden">Posted by: </span> <a href="https://accessibility.blog.gov.uk/author/shaun-conner-head-of-accessibility-for-gov-uk-one-login-gds/" title="Posts by Shaun Conner - Head of Accessibility for GOV.UK One Login - GDS" class="author url fn" rel="author">Shaun Conner - Head of Accessibility for GOV.UK One Login - GDS</a> and <a href="https://accessibility.blog.gov.uk/author/tom-bassett-head-of-delivery-for-gov-uk-one-login-gds/" title="Posts by Tom Bassett - Head of Delivery for GOV.UK One Login - GDS" class="author url fn" rel="author">Tom Bassett - Head of Delivery for GOV.UK One Login - GDS</a>, <span class="govuk-visually-hidden">Posted on: </span><time class="updated" datetime="2024-04-04T14:33:10+01:00">4 April 2024</time> - <span class="govuk-visually-hidden">Categories: </span> <a href="https://accessibility.blog.gov.uk/category/accessibility/" rel="category tag">Accessibility</a>, <a href="https://accessibility.blog.gov.uk/category/accessibility-regulations/" rel="category tag">Accessibility Regulations</a>, <a href="https://accessibility.blog.gov.uk/category/design/" rel="category tag">Design</a></div> <img width="512" height="288" src="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/04/app-blog-feature-.jpeg" class="attachment-large size-large wp-post-image" alt="GOV.UK ‘Confirm your identity’ page on a mobile device" decoding="async" srcset="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/04/app-blog-feature-.jpeg 512w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/04/app-blog-feature--310x174.jpeg 310w" sizes="(max-width: 512px) 100vw, 512px" /> </header> <p>The background At Government Digital Service (GDS), our mission is to make digital government simpler, clearer and faster for everyone. As part of the GOV.UK One Login programme, we released the GOV.UK ID Check app for iOS and Android last …</p> <footer class="govuk-body-s"> <a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/04/04/gov-uk-id-check-app-building-an-accessible-digital-identity-app/"><strong>Read more</strong> <span class="govuk-visually-hidden">of GOV.UK ID Check app: Building an accessible digital identity app</span></a> </footer> </article> <article class="post-2180 post type-post status-publish format-standard has-post-thumbnail hentry category-access-needs category-accessibility category-accessibility-and-me category-design category-user-research"> <header> <h2 class="govuk-heading-m"><a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/02/21/accessibility-and-service-design-for-inclusion/">Accessibility and service design for inclusion</a></h2> <div class="govuk-body-s"> <span class="govuk-visually-hidden">Posted by: </span> <a href="https://accessibility.blog.gov.uk/author/rachel-a-wood-service-design-lead-basildon-council/" title="Posts by Rachel A.Wood, Service Design Lead, Basildon Council" class="author url fn" rel="author">Rachel A.Wood, Service Design Lead, Basildon Council</a>, <span class="govuk-visually-hidden">Posted on: </span><time class="updated" datetime="2024-02-21T11:56:16+00:00">21 February 2024</time> - <span class="govuk-visually-hidden">Categories: </span> <a href="https://accessibility.blog.gov.uk/category/access-needs/" rel="category tag">Access needs</a>, <a href="https://accessibility.blog.gov.uk/category/accessibility/" rel="category tag">Accessibility</a>, <a href="https://accessibility.blog.gov.uk/category/accessibility-and-me/" rel="category tag">Accessibility and Me</a>, <a href="https://accessibility.blog.gov.uk/category/design/" rel="category tag">Design</a>, <a href="https://accessibility.blog.gov.uk/category/user-research/" rel="category tag">User research</a></div> <img width="620" height="537" src="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/02/Rachel-A.Wood-GDS-Guest-Blog-Image-020224-620x537.jpg" class="attachment-large size-large wp-post-image" alt="Items show the disability journey for someone who has issues with immunity and mobility. It includes a purple flower, a post it note, medication boxes and a walking stick." decoding="async" loading="lazy" srcset="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/02/Rachel-A.Wood-GDS-Guest-Blog-Image-020224-620x537.jpg 620w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/02/Rachel-A.Wood-GDS-Guest-Blog-Image-020224-310x269.jpg 310w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/02/Rachel-A.Wood-GDS-Guest-Blog-Image-020224-768x666.jpg 768w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/02/Rachel-A.Wood-GDS-Guest-Blog-Image-020224-1536x1332.jpg 1536w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/02/Rachel-A.Wood-GDS-Guest-Blog-Image-020224-2048x1775.jpg 2048w" sizes="auto, (max-width: 620px) 100vw, 620px" /> </header> <p>This blog explores accessibility and universal service design from both a professional and personal experience and suggests what might be happening next.</p> <footer class="govuk-body-s"> <a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/02/21/accessibility-and-service-design-for-inclusion/"><strong>Read more</strong> <span class="govuk-visually-hidden">of Accessibility and service design for inclusion</span></a> </footer> </article> <article class="post-2153 post type-post status-publish format-standard has-post-thumbnail hentry category-accessibility category-accessibility-regulations category-design"> <header> <h2 class="govuk-heading-m"><a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/01/11/get-to-wcag-2-2-faster-with-the-gov-uk-design-system/">Get to WCAG 2.2 faster with the GOV.UK Design System</a></h2> <div class="govuk-body-s"> <span class="govuk-visually-hidden">Posted by: </span> <a href="https://accessibility.blog.gov.uk/author/david-cox-senior-accessibility-specialist-gds/" title="Posts by David Cox - Senior Accessibility Specialist" class="author url fn" rel="author">David Cox - Senior Accessibility Specialist</a> and <a href="https://accessibility.blog.gov.uk/author/gov-uk-design-system-team-gds/" title="Posts by GOV.UK Design System team, GDS" class="author url fn" rel="author">GOV.UK Design System team, GDS</a>, <span class="govuk-visually-hidden">Posted on: </span><time class="updated" datetime="2024-01-11T11:31:20+00:00">11 January 2024</time> - <span class="govuk-visually-hidden">Categories: </span> <a href="https://accessibility.blog.gov.uk/category/accessibility/" rel="category tag">Accessibility</a>, <a href="https://accessibility.blog.gov.uk/category/accessibility-regulations/" rel="category tag">Accessibility Regulations</a>, <a href="https://accessibility.blog.gov.uk/category/design/" rel="category tag">Design</a></div> <img width="620" height="413" src="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/01/WCAG-2.2-BLOG-620x413.png" class="attachment-large size-large wp-post-image" alt="An illustrated screenshot of a Design System guidance page with WCAG 2.2 tags" decoding="async" loading="lazy" srcset="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/01/WCAG-2.2-BLOG-620x413.png 620w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/01/WCAG-2.2-BLOG-310x207.png 310w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/01/WCAG-2.2-BLOG-768x512.png 768w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/01/WCAG-2.2-BLOG.png 960w" sizes="auto, (max-width: 620px) 100vw, 620px" /> </header> <p>UK government services can use the GOV.UK Design System to help meet the latest accessibility guidelines, before monitoring for WCAG 2.2 starts in October 2024.</p> <footer class="govuk-body-s"> <a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/01/11/get-to-wcag-2-2-faster-with-the-gov-uk-design-system/"><strong>Read more</strong> <span class="govuk-visually-hidden">of Get to WCAG 2.2 faster with the GOV.UK Design System</span></a> - <a href="https://accessibility.blog.gov.uk/2024/01/11/get-to-wcag-2-2-faster-with-the-gov-uk-design-system/#comments" class="govuk-link">2 comments</a> </footer> </article> <article class="post-2011 post type-post status-publish format-standard has-post-thumbnail hentry category-accessibility category-accessibility-and-me category-community category-design"> <header> <h2 class="govuk-heading-m"><a class="govuk-link" href="https://accessibility.blog.gov.uk/2022/12/16/designing-in-a-colour-blind-world/">Designing in a colour blind world</a></h2> <div class="govuk-body-s"> <span class="govuk-visually-hidden">Posted by: </span> <a href="https://accessibility.blog.gov.uk/author/scott-forsyth-senior-service-designer-cdio-innovation-hmrc/" title="Posts by Scott Forsyth, Senior Service Designer, CDIO Innovation, HMRC" class="author url fn" rel="author">Scott Forsyth, Senior Service Designer, CDIO Innovation, HMRC</a>, <span class="govuk-visually-hidden">Posted on: </span><time class="updated" datetime="2022-12-16T11:14:04+00:00">16 December 2022</time> - <span class="govuk-visually-hidden">Categories: </span> <a href="https://accessibility.blog.gov.uk/category/accessibility/" rel="category tag">Accessibility</a>, <a href="https://accessibility.blog.gov.uk/category/accessibility-and-me/" rel="category tag">Accessibility and Me</a>, <a href="https://accessibility.blog.gov.uk/category/community/" rel="category tag">Community</a>, <a href="https://accessibility.blog.gov.uk/category/design/" rel="category tag">Design</a></div> <img width="620" height="413" src="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/12/Copic-colours-01-1-620x413.jpg" class="attachment-large size-large wp-post-image" alt="3 collections of marker pens grouped together by colour" decoding="async" loading="lazy" srcset="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/12/Copic-colours-01-1-620x413.jpg 620w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/12/Copic-colours-01-1-310x207.jpg 310w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/12/Copic-colours-01-1-768x512.jpg 768w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/12/Copic-colours-01-1-1536x1024.jpg 1536w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/12/Copic-colours-01-1-2048x1366.jpg 2048w" sizes="auto, (max-width: 620px) 100vw, 620px" /> </header> <p>In everyday life, being colour blind brings about challenges which normal sighted people probably aren’t aware of, like if a banana is ripe or unripe.</p> <footer class="govuk-body-s"> <a class="govuk-link" href="https://accessibility.blog.gov.uk/2022/12/16/designing-in-a-colour-blind-world/"><strong>Read more</strong> <span class="govuk-visually-hidden">of Designing in a colour blind world</span></a> - <a href="https://accessibility.blog.gov.uk/2022/12/16/designing-in-a-colour-blind-world/#comments" class="govuk-link">1 comment</a> </footer> </article> <nav class="page-numbers-container pagination-container" aria-label="Pagination"> <div class="govuk-grid-row"> <div class="pagination"><ul class="list-inline"> <li class="active"><span class="govuk-visually-hidden">Page </span>1</li> <li><a href="https://accessibility.blog.gov.uk/category/design/page/2/"><span class="govuk-visually-hidden">Page </span>2</a></li> <li>…</li> <li><a href="https://accessibility.blog.gov.uk/category/design/page/4/"><span class="govuk-visually-hidden">Page </span>4</a></li> </ul></div> <div class="next"> <a href="https://accessibility.blog.gov.uk/category/design/page/2/" rel="next"> Next <span class="hidden">page</span> </a> </div> </div> </nav> </div> <div class="govuk-grid-column-one-third sidebar-contain"> <div class="sidebar"> <h2 class="govuk-heading-m govuk-visually-hidden">Related content and links</h2> <section class="widget about_widget"><h3>Accessibility in government</h3><p>This is for everyone: documenting how we're rebuilding inclusive digital services across the UK Government.<br /> <a href="https://accessibility.blog.gov.uk/about/">Find out more</a></p> </section><section class="widget text-5 widget_text"><div class="widget-inner"> <div class="textwidget"><p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1617" src="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2019/09/Accessibility_Blog.png" alt="showing accessible and inaccessible text" width="300" height="201" /></p> <p><b>How accessible is your website?</b></p> <p><span style="font-weight: 400">Public sector organisations have a legal duty to make websites accessible. Find out how your organisation is impacted at <a href="https://accessibility.campaign.gov.uk/?utm_source=Blogs&utm_medium=GDS&utm_campaign=access_regs">GOV.UK/accessibility-regulations</a> </span></p> <p dir="ltr">GOV.UK service and product owners need to upload an<span> </span><a href="https://www.gov.uk/service-manual/helping-people-to-use-your-service/publishing-information-about-your-services-accessibility?utm_source=Insidegov&utm_medium=banner&utm_campaign=access_regs"><span>accessibility page</span></a> <span>and publishers need to upload an </span><a href="https://www.gov.uk/government/publications/sample-accessible-document-policy?utm_source=Insidegov&utm_medium=banner&utm_campaign=access_regs"><span>accessible documents policy</span></a><span>.</span></p> </div> </div></section><section class="widget text-7 widget_text"><div class="widget-inner"><h3>Subscribe to Open Notes</h3> <div class="textwidget"><p><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-1980" src="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/10/P1011937-310x207.jpg" alt="Man smiles at camera whilst working on his laptop." width="310" height="207" srcset="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/10/P1011937-310x207.jpg 310w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/10/P1011937-620x413.jpg 620w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/10/P1011937-768x512.jpg 768w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2022/10/P1011937.jpg 1500w" sizes="auto, (max-width: 310px) 100vw, 310px" /></p> <p><a href="http://eepurl.com/h9n83j"><span style="font-weight: 400">Sign up to get updates direct to your inbox</span></a><span style="font-weight: 400"> and stay informed about improvements to digital products and services in government.</span></p> </div> </div></section><section class="widget categories-2 widget_categories"><div class="widget-inner"><h3>Categories</h3><form action="https://accessibility.blog.gov.uk" method="get"><label class="screen-reader-text" for="cat">Categories</label><select name='cat' id='cat' class='postform'> <option value='-1'>Select Category</option> <option class="level-0" value="32">Access needs  (23)</option> <option class="level-0" value="10">Accessibility  (72)</option> <option class="level-0" value="42">Accessibility and Me  (9)</option> <option class="level-0" value="89">Accessibility Monitoring  (6)</option> <option class="level-0" value="68">Accessibility Regulations  (17)</option> <option class="level-0" value="33">Assistive technology  (19)</option> <option class="level-0" value="5">BSL  (3)</option> <option class="level-0" value="29">Code  (7)</option> <option class="level-0" value="34">Community  (13)</option> <option class="level-0" value="8">Conferences  (5)</option> <option class="level-0" value="30">Content  (12)</option> <option class="level-0" value="7">CSUN  (1)</option> <option class="level-0" value="22" selected="selected">Design  (21)</option> <option class="level-0" value="63">Easy Read  (1)</option> <option class="level-0" value="88">Events  (2)</option> <option class="level-0" value="6">Testing  (17)</option> <option class="level-0" value="1">Uncategorized  (1)</option> <option class="level-0" value="130">Unlocking Accessibility  (1)</option> <option class="level-0" value="31">User research  (12)</option> </select> </form><script type="text/javascript"> /* <![CDATA[ */ (function() { var dropdown = document.getElementById( "cat" ); function onCatChange() { if ( dropdown.options[ dropdown.selectedIndex ].value > 0 ) { dropdown.parentNode.submit(); } } dropdown.onchange = onCatChange; })(); /* ]]> */ </script> </div></section><section class="widget nav_menu-2 widget_nav_menu"><div class="widget-inner"><h3>Blogs and resources from GDS</h3><div class="menu-blogs-and-resources-container"><ul id="menu-blogs-and-resources" class="menu"><li id="menu-item-4" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4"><a href="http://digital.cabinetoffice.gov.uk">Government Digital Service blog</a></li> <li id="menu-item-5" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5"><a href="https://www.gov.uk/service-manual">Government Service Design Manual</a></li> <li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="https://www.gov.uk/designprinciples/styleguide">GDS Content Style Guide</a></li> <li id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7"><a href="https://www.gov.uk/service-manual/digital-by-default">Digital by Default Service Standard</a></li> <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"><a href="https://www.gov.uk/designprinciples">GDS Design Principles</a></li> <li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a href="https://designnotes.blog.gov.uk/">GDS Design Notes blog</a></li> </ul></div></div></section><section class="widget feed_email_widget-2 feed_email_widget"><div class="widget-inner"> <h3>Sign up and manage updates</h3> <div class="subscribe icons-buttons"> <ul> <li> <a aria-label="Sign up and manage updates by email" href="/subscribe/" class="email">Email</a> </li> <li> <a aria-label="Use this with a feed reader to subscribe" href="https://accessibility.blog.gov.uk/feed/" class="feed">Atom</a> </li> </ul> <div class="govuk-clearfix"></div> </div> </div></section> <section class="widget text-4 widget_text"><div class="widget-inner"><h3>Comments and moderation</h3> <div class="textwidget"><a href="https://accessibility.blog.gov.uk/blog-comment-and-moderation-guidelines/">Read our guidelines</a></div> </div></section></div> </div> </main> </div> <footer class="govuk-footer js-footer" role="contentinfo"> <div class="govuk-width-container"> <div class="govuk-footer__meta"> <div class="govuk-footer__meta-item govuk-footer__meta-item--grow"> <h2 class="govuk-visually-hidden">Useful links</h2> <ul id="menu-footer" class="govuk-footer__inline-list"> <li class="govuk-footer__inline-list-item menu-all-government-blogs"><a class="govuk-footer__link" href="https://www.blog.gov.uk">All GOV.UK blogs</a></li> <li class="govuk-footer__inline-list-item menu-all-government-blog-posts"><a class="govuk-footer__link" href="https://www.blog.gov.uk/all-posts/">All GOV.UK blog posts</a></li> <li class="govuk-footer__inline-list-item menu-gov-uk"><a class="govuk-footer__link" href="https://www.gov.uk">GOV.UK</a></li> <li class="govuk-footer__inline-list-item menu-all-departments"><a class="govuk-footer__link" href="https://www.gov.uk/government/organisations">All departments</a></li> <li class="govuk-footer__inline-list-item menu-a11y"><a class="govuk-footer__link" href="https://www.blog.gov.uk/accessibility-statement/">Accessibility statement</a></li> <li class="govuk-footer__inline-list-item menu-cookies"><a class="govuk-footer__link" href="https://www.blog.gov.uk/cookies">Cookies</a></li> </ul> <svg aria-hidden="true" focusable="false" class="govuk-footer__licence-logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 483.2 195.7" height="17" width="41"> <path fill="currentColor" d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145" /> </svg> <span class="govuk-footer__licence-description"> <span class="govuk-footer__licence-description">All content is available under the <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence v3.0</a>, except where otherwise stated</span> </span> </div> <div class="govuk-footer__meta-item"> <a class="govuk-footer__link govuk-footer__copyright-logo" href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/">© Crown copyright</a> </div> </div> </div> </footer> <div id="global-app-error" class="app-error hidden"></div> <script type="text/javascript"> /* <![CDATA[ */ var relevanssi_rt_regex = /(&|\?)_(rt|rt_nonce)=(\w+)/g var newUrl = window.location.search.replace(relevanssi_rt_regex, '') history.replaceState(null, null, window.location.pathname + newUrl + window.location.hash) /* ]]> */ </script> </body> </html>