CINXE.COM
James Buller – Accessibility in government
<!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>James Buller – 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 » Posts by James Buller Feed" href="https://accessibility.blog.gov.uk/author/james-buller/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.2' 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.2' 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.2' 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.2" id="main-js"></script> <script type="text/javascript" src="https://cc.cdn.civiccomputing.com/9/cookieControl-9.x.min.js?ver=6.7.2" 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.2" 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.2" 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.2" 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 author author-james-buller author-473 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"> <div class="author-container"> <div class="govuk-grid-row author-details"> <div class="govuk-grid-column-one-quarter avatar"> <img alt='' src='https://secure.gravatar.com/avatar/9b5861e608ed11e842ff555b939ea732?s=140&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/9b5861e608ed11e842ff555b939ea732?s=280&d=mm&r=g 2x' class='avatar pull-left media-object avatar-140 photo' height='140' width='140' decoding='async'/> </div> <div class="govuk-grid-column-three-quarters"> <h1 class="govuk-heading-l">James Buller</h1> </div> </div> <article class="post-2280 post type-post status-publish format-standard has-post-thumbnail hentry category-access-needs category-accessibility category-accessibility-regulations category-testing"> <header> <h2 class="govuk-heading-m"><a href="https://accessibility.blog.gov.uk/2024/09/03/tackling-a-systems-accessibility-without-testing/">Tackling a system's accessibility without testing</a></h2> <div class="govuk-body-s"> <span class="govuk-visually-hidden">Posted by: </span> <a href="https://accessibility.blog.gov.uk/author/james-buller/" title="Posts by James Buller" class="author url fn" rel="author">James Buller</a>, <a href="https://accessibility.blog.gov.uk/author/guerman-cope-senior-accessibility-consultant/" title="Posts by Guerman Cope, Senior Accessibility Consultant, Home Office" class="author url fn" rel="author">Guerman Cope, Senior Accessibility Consultant, Home Office</a> and <a href="https://accessibility.blog.gov.uk/author/julie-maybury-user-centred-design-team-home-office/" title="Posts by Julie Maybury, User Centred Design Team, Home Office" class="author url fn" rel="author">Julie Maybury, User Centred Design Team, Home Office</a>, <span class="govuk-visually-hidden">Posted on: </span><time class="updated" datetime="2024-09-03T11:11:51+01:00">3 September 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-regulations/" rel="category tag">Accessibility Regulations</a>, <a href="https://accessibility.blog.gov.uk/category/testing/" rel="category tag">Testing</a></div> <img width="620" height="465" src="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/08/20240821_161855-620x465.jpg" class="attachment-large size-large wp-post-image" alt="A magnifying glass placed over a printed document showing the importance of understanding the WCAG principles and included disabled people in your research." decoding="async" fetchpriority="high" srcset="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/08/20240821_161855-620x465.jpg 620w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/08/20240821_161855-310x233.jpg 310w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/08/20240821_161855-768x576.jpg 768w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/08/20240821_161855-1536x1152.jpg 1536w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2024/08/20240821_161855-2048x1536.jpg 2048w" sizes="(max-width: 620px) 100vw, 620px" /> </header> <div class="entry-summary"> <p>The Web Content Accessibility Guidelines (WCAG) provides a helpful framework for identifying technical accessibility issues, but what happens when the same issues crop up time and again? How can you find the causes and change the culture of the team behind the system?</p> </div> <footer class="govuk-body-s"> <a class="govuk-link" href="https://accessibility.blog.gov.uk/2024/09/03/tackling-a-systems-accessibility-without-testing/"><strong>Read more</strong> <span class="govuk-visually-hidden">of Tackling a system's accessibility without testing</span></a> - <a href="https://accessibility.blog.gov.uk/2024/09/03/tackling-a-systems-accessibility-without-testing/#comments" class="govuk-link">4 comments</a> </footer> </article> <article class="post-428 post type-post status-publish format-standard has-post-thumbnail hentry category-access-needs category-accessibility-and-me category-assistive-technology"> <header> <h2 class="govuk-heading-m"><a href="https://accessibility.blog.gov.uk/2016/08/22/accessibility-and-me-james-buller/">Accessibility and me: James Buller</a></h2> <div class="govuk-body-s"> <span class="govuk-visually-hidden">Posted by: </span> <a href="https://accessibility.blog.gov.uk/author/james-buller/" title="Posts by James Buller" class="author url fn" rel="author">James Buller</a>, <span class="govuk-visually-hidden">Posted on: </span><time class="updated" datetime="2016-08-22T17:15:50+01:00">22 August 2016</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-and-me/" rel="category tag">Accessibility and Me</a>, <a href="https://accessibility.blog.gov.uk/category/assistive-technology/" rel="category tag">Assistive technology</a></div> <img width="620" height="465" src="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2016/08/James-featured-image-620x465.jpg" class="attachment-large size-large wp-post-image" alt="Laptop keyboard with high visibility silicone skin (large black characters on yellow keys)" decoding="async" srcset="https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2016/08/James-featured-image-e1471420509431.jpg 620w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2016/08/James-featured-image-310x233.jpg 310w, https://accessibility.blog.gov.uk/wp-content/uploads/sites/52/2016/08/James-featured-image-768x576.jpg 768w" sizes="(max-width: 620px) 100vw, 620px" /> </header> <div class="entry-summary"> <p><span class="excerpt_part">...colleagues' post-it notes. As well as being hard to see, there are <strong>physical</strong> barriers or social expectations that inhibit my methods of perceiving them. Then there are the problems of...</span></p> </div> <footer class="govuk-body-s"> <a class="govuk-link" href="https://accessibility.blog.gov.uk/2016/08/22/accessibility-and-me-james-buller/"><strong>Read more</strong> <span class="govuk-visually-hidden">of Accessibility and me: James Buller</span></a> </footer> </article> </div> </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 (75)</option> <option class="level-0" value="42">Accessibility and Me (9)</option> <option class="level-0" value="89">Accessibility Monitoring (7)</option> <option class="level-0" value="68">Accessibility Regulations (18)</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">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="132">Quiz (1)</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 (2)</option> <option class="level-0" value="31">User research (13)</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>