Accessibility Accessibility

<!DOCTYPE html> <html lang="en-US" data-lang="en-US" crm-lang="en-US" dir="ltr" crm-lcid="1033" same-site-mode="None"> <head> <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script type="text/javascript" > </script> <title> Accessibility Accessibility </title> <script src="/_portal/0fab8bf1-1f22-ed11-9db1-000d3ad67a91/Resources/ResourceManager?lang=en-US"></script> <script type="text/javascript"> // Refresh all powerBI Iframes on Login in one Iframe window.addEventListener('message', function (event) { if (event && event.data && event.data == 'refreshPowerBI') { $("iframe.powerbi").each(function () { this.src = this.src; }); } }); // Fix for incorrect viewport width setting in IE 10 on Windows Phone 8. if (navigator.userAgent.match(/IEMobile\/10\.0/)) { var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}")); document.getElementsByTagName("head")[0].appendChild(msViewportStyle); } </script>   <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <link href="https://content.powerapps.com/resource/powerappsportal/dist/font-awesome.bundle-3d8a58a48f.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/font-awesome.bundle-3d8a58a48f.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <link href="https://content.powerapps.com/resource/powerappsportal/dist/preform.bundle-07636d9605.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/preform.bundle-07636d9605.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <link href="/font-awesome.6.2.1.all.min.css?1731495489000" rel="stylesheet" /> <link href="/my-imperial.css?1731495496000" rel="stylesheet" />  <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="pragma" content="no-cache"> <meta name="robots" content="none"> <link rel="stylesheet" href="/bootstrap.min.css?100720241419"> <link rel="stylesheet" href="/font-awesome.6.2.1.all.min.css?1676890769000" /> <link rel="stylesheet" href="/my-imperial.css?1676890770000" />  <script type="text/javascript" src="https://cdn-ukwest.onetrust.com/consent/7b45de2d-9f4d-460a-8cbf-53d0b8898be4/OtAutoBlock.js"></script> <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="7b45de2d-9f4d-460a-8cbf-53d0b8898be4"></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <link href="https://content.powerapps.com/resource/powerappsportal/dist/pwa-style.bundle-2739c60227.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/pwa-style.bundle-2739c60227.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> </head> <body data-sitemap-state="/Accessibility/:/" data-dateformat="dd-MMM-yyyy" data-timeformat="h:mm tt" data-datetimeformat="dd-MMM-yyyy h:mm tt" data-app-path="/" data-ckeditor-basepath="/js/BaseHtmlContentDesigner/Libs/msdyncrm_/libs/ckeditor/" data-case-deflection-url="/_services/search/0fab8bf1-1f22-ed11-9db1-000d3ad67a91"> <link href="https://content.powerapps.com/resource/powerappsportal/dist/pcf-style.bundle-2659c6f064.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/pcf-style.bundle-2659c6f064.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <div id="offlineNotificationBar" style="display: none;"> <img alt="web" id="web" onerror="javascript: var target = event.target; var img = document.createElement('img'); img.src = '/css/images/web.png'; img.alt = 'web'; img.id = 'web' ; target.insertAdjacentElement('afterend',img); target.remove();" src="https://content.powerapps.com/resource/powerappsportal/img/web.png" /> <div id="message">You’re offline. This is a read only version of the page.</div> <div id="close" onclick="this.parentElement.style.display='none';"><img alt="close" onerror="javascript: var target = event.target; var img = document.createElement('img'); img.src = '/css/images/close.png'; img.alt = 'close'; img.id = '' ; target.insertAdjacentElement('afterend',img); target.remove();" src="https://content.powerapps.com/resource/powerappsportal/img/close.png" /></div> </div> <script type="text/javascript"> window.DisableCkEditor = window.DisableCkEditor || {}; DisableCkEditor.Value = 'False'; </script> <script type="text/javascript"> var enableOmniChannelWidgetWithSiteCopilot = 'False'; if (enableOmniChannelWidgetWithSiteCopilot === "True" || enableOmniChannelWidgetWithSiteCopilot === "true") { const authUrl = window.location.origin + "/_services/auth/portalusertoken"; const fetchWithRetries = async (url, options, retries) => { try { const authResponse = await fetch(url, options); const token = await authResponse.text(); sessionStorage['c2Token'] = token; } catch (err) { if (retries === 1) throw err; return await fetchWithRetries(url, options, retries - 1); } }; fetchWithRetries(authUrl, { method: "POST" }, 4); } </script> <script type="text/javascript"> var isPvaBotAuthenticated = sessionStorage['isPvaBotAuthenticated']; var isPortalUserLoggedIn = 'False'; if ((isPvaBotAuthenticated != null || isPvaBotAuthenticated != undefined) && isPvaBotAuthenticated != isPortalUserLoggedIn) { sessionStorage['triggerPvaBotSignOut'] = true; sessionStorage.removeItem('c2Token'); sessionStorage.removeItem('directLinetoken'); sessionStorage.removeItem('conversation_Id'); } sessionStorage['isPvaBotAuthenticated'] = isPortalUserLoggedIn; </script> <script type="text/javascript"> window["Microsoft"] = window["Microsoft"] || {}; window["Microsoft"].Dynamic365 = { Portal: { User: { userName: '', contactId: '' }, version: '9.6.10.11', type: 'CDSStarterPortal', id: '8c140c30-4a34-47c2-bf22-ec61534e03de', geo: 'GBR', tenant: '2b897507-ee8c-4575-830b-4f8267c3d307', correlationId: 'ba9fb75c-5e18-4a4d-aafa-659dcda4799a', orgEnvironmentId: '68ce8ab9-540a-e888-ba28-1ddce608f3ad', orgId: 'f152573f-fb95-49d8-a928-b8d8e57cc426', portalProductionOrTrialType: 'Production', isTelemetryEnabled: 'True', InstrumentationSettings: { instrumentationKey: '197418c5cb8c4426b201f9db2e87b914-87887378-2790-49b0-9295-51f43b6204b1-7172', collectorEndpoint: 'https://eu-mobile.events.data.microsoft.com/OneCollector/1.0/' }, timerProfileForBatching: 'NEAR_REAL_TIME' } } // Mark request not cacheable if Dynamics365PortalAnalytics cookie is being refreshed by the server or if the cookie in request header is invalid // For client side telemetry intializing Dynamics365PortalAnalytics cookie object window["Microsoft"].Dynamic365.Portal.dynamics365PortalAnalytics = 'E54j9_9OESE51eLzC6dkhaP7SX6Hajp1hBnyOIQLr2_Ocj-XuVnIICLjqbdVbZgQfaHkUskg4ZGLrFhrnP4OXOCEeYbi1EdEg2mu4BYW85RW7FbCpi_j9qMys14vna1yoAzx2iT5vEtP4naV91wBcQ2'; // CodeQL [SM00430] False Positive: only alphanumeric chars allowed, for non-alphanumeric char it will return INVALID_CHARACTERS_IN_COOKIE localStorage.setItem("Dynamics365PortalAnalytics", window["Microsoft"].Dynamic365.Portal.dynamics365PortalAnalytics); </script> <script type="text/javascript"> const intercept = () => { let send = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.send = function () { this.addEventListener('readystatechange', function () { if (this.readyState === 4 && this.getAllResponseHeaders().indexOf("x-ms-user-trace") >= 0 && this.getResponseHeader('x-ms-user-trace')) { try { var userTrace = JSON.parse(atob(this.getResponseHeader('x-ms-user-trace'))); document.dispatchEvent(new CustomEvent('updateDevToolRuntime', { detail: userTrace } )); } catch (err) { console.log("In intercept for ajax call, Exception while parsing UserTrace header" + err); } } }, false); send.apply(this, arguments); }; }; intercept(); document.addEventListener("pagesRuntimeMessageProcessedInDevtool", function () { ClientLogWrapper.getLogger().traceInfo("pagesRuntimeMessageProcessedInDevtool", "Devtool"); }); </script>  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-58L6G5BX');</script>    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58L6G5BX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>    <div aria-labelledby="loadingSpinnerLabel" aria-hidden="true" class="modal show fade bg-primary bg-opacity-50" id="loadingSpinner" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"> <div class="modal-dialog modal-dialog-centered d-flex justify-content-center align-items-center">  <div class="spinner-border text-white" role="status" style="width: 10rem; height: 10rem;"> <span class="visually-hidden" id="loadingSpinnerLabel">Loading...</span> </div> </div> </div>  <header>  <nav class="navbar navbar-expand bg-imperialnavy py-3" aria-label="Main navigation"> <div class="container-fluid px-md-5"> <a class="fixed-top sr-only-focusable bg-secondary text-white col-2 p-2" href="#content">Skip to main content</a> <div class="d-flex">  <div class=""> <a class=" navbar-brand " href="/" title="My Imperial Home"> <span class="sr-only">My Imperial</span> <svg xmlns="http://www.w3.org/2000/svg" width="200" viewBox="0 0 274 30.09" class="col-7 col-md-10 col-xl-12" role="img"> <title>Imperial College London</title> <g fill="#fff"> <polygon points="113.63 0 113.63 30.09 133.19 30.09 133.19 24.83 119.35 24.83 119.35 17.3 131.99 17.3 131.99 12.19 119.35 12.19 119.35 5.27 133.19 5.27 133.19 0 113.63 0"> </polygon> <path d="M89.86,4.81H85.65V15h4.21c3.3,0,5.72-1.59,5.72-5.07s-2.42-5.07-5.72-5.07m.3,15H85.65V30.05H79.93V0H90.16c6.42,0,11.44,2.91,11.44,9.93s-5.06,9.93-11.44,9.93" transform="translate(0 0.05)"></path> <polygon points="182.84 0 182.84 5.27 189.91 5.27 189.91 24.83 182.84 24.83 182.84 30.09 202.71 30.09 202.71 24.83 195.63 24.83 195.63 5.27 202.71 5.27 202.71 0 182.84 0"> </polygon> <path d="M163.66,9.28c0,3.63-2.1,4.77-5.72,4.77h-4.81V4.81h4.81c3.92,0,5.72,1.46,5.72,4.47m6,0c0-7-4.81-9.33-11.13-9.33H147.41v30.1h5.72V18.91h5.6l5.83,11.15h6.33l-6.46-12.34c3.14-1.4,5.25-4.09,5.25-8.43" transform="translate(0 0.05)"></path> <path d="M227.79,5.29l4.11,13.28h-8.22ZM224,0l-9.93,30.1h6l2-6.62h11.24l2.05,6.62h6L231.55,0Z" transform="translate(0 0.05)"></path> <polygon points="254.39 0 254.39 30.09 274 30.09 274 24.83 260.11 24.83 260.11 0 254.39 0"></polygon> <polygon points="57.26 0 50.04 17.69 42.81 0 34.69 0 34.69 30.09 40.11 30.09 40.11 7.59 47.03 23.47 47.33 23.47 52.74 23.47 53.05 23.47 59.97 7.59 59.97 30.09 65.38 30.09 65.38 0 57.26 0"> </polygon> <polygon points="0 0 0 5.27 7.07 5.27 7.07 24.83 0 24.83 0 30.09 19.86 30.09 19.86 24.83 12.79 24.83 12.79 5.27 19.86 5.27 19.86 0 0 0"> </polygon> </g> </svg> </a> </div> </div> </nav> </div>  <div class="offcanvas offcanvas-start bg-imperialnavy text-light" id="offcanvas" data-bs-keyboard="true" data-bs-scroll="false" data-bs-backdrop="true">  <div class="offcanvas-header"> <div class="container">  <div class="row height d-flex float-end"> <div class="col-12 mx-2 my-2 align-content-center"> <a href="#" class="fa fa-chevron-left btn btn-imperialnavy" data-bs-dismiss="offcanvas" aria-label="Close menu" tabindex="0"></a> </div> </div>  <div class="row px-5 height d-flex float-start">  <div class="col-2 px-1"> </div>  <div class="col-10"> <div class="">  <h2 class="offcanvas-title fs-4"><span class="text-white"> <a class="text-decoration-none text-white" href="/SignIn?returnUrl=%2FAccessibility%2F">Sign in</a> </span> </h2> </div>  </div>  <div class="col-2"> </div> </div> </div> </div>  <div class="offcanvas-body px-0"> <div class="container-fluid">      <div class="row height d-flex justify-content-center align-items-end flex-column"> <div class="col-10 p-1"> <ul class="nav nav-pills flex-column mb-sm-auto mb-0 align-items-start" id="menu">  <li class="nav-item py-1"> <a href="/?&tilegrouping=home" class="nav-link text-truncate text-white fs-5"> <span class="ms-1 d-sm-inline">Home</span><i class="fa-solid fa-caret-right px-2"></i> </a> </li>  </ul> </div> <div class="mt-5">  </div> </div> </div> </div> </div> </header>   <div class="bg-imperialnavy p-0 m-0"> <div class="container-fluid px-md-5 mb-4"> <div class="row">  <div class="mt-md-3 mt-2 col-1 text-left"> </div> <div class="mt-2 mt-md-3 col-10"> <h1 class="text-white text-center fw-bold text-wrap">Accessibility</h1> </div> <div class="col-1"></div> </div> </div>  <div class="py-2 mt-0 rounded-header-top bg-white d-block"> </div>  </div>  <div class="min-vh-100">  <div class="container-fluid px-md-5">   <div id="antiforgerytoken" data-url="/_layout/tokenhtml"></div>  <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/client-telemetry.bundle-c71b2e2d47.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/client-telemetry.bundle-c71b2e2d47.js" type="text/javascript"></script>  <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/client-telemetry-wrapper.bundle-633e70f51b.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/client-telemetry-wrapper.bundle-633e70f51b.js" type="text/javascript"></script> <script> window.clientLogWrapper = new ClientLogWrapper(); </script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/preform.moment_2_29_4.bundle-4fdd3f639b.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/preform.moment_2_29_4.bundle-4fdd3f639b.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-dependency.bundle-805a1661b7.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-dependency.bundle-805a1661b7.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf.bundle-9183da3d63.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf.bundle-9183da3d63.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-extended.bundle-e303d53553.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-extended.bundle-e303d53553.js" type="text/javascript"></script>    <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item fw-bold fs-5"> <a href="/" class="text-decoration-none text-black" title="My Imperial"> <i class="fa-solid fa-chevron-left text-primary fs-5 pe-2"></i>My Imperial </a> </li> </ol> </nav>  <div class="sr-only" id="content">Main content</div>  <section> <div class="page-copy"> <div class="xrm-editable-html xrm-attribute"><div class="xrm-attribute-value"><h2>Accessibility on My Imperial Portal</h2> <p>This statement applies to content published on My Imperial Portal, it does not apply to content on any external websites or systems that we may feature links to.</p> <p>We want as many people as possible to be able to use this website. For example, that means you should be able to:</p> <ul> <li>The display of all content is optimized for all screen sizes.</li> <li>Skip to main content links are present.</li> <li>Text resizing and zooming in are enabled.</li> <li>Color contrasts meet the minimum 4.5:1 ratio.</li> <li>Video captions, transcriptions, and audio descriptions are present.</li> <li>Any content types or features that have been optimized to meet accessibility such as accordions, slideshow/carousels, tables, and tab and links.</li> </ul> <p><a href="https://mcmw.abilitynet.org.uk/" target="_blank">AbilityNet</a> has advice on making your device easier to use if you have a disability.</p> <h2>How accessible My Imperial Portal is</h2> <p>Parts of this platform are not fully accessible. For example:</p> <ul> <li>Heading structures are not consistent or incorrect.</li> <li>Page titles are not unique or descriptive.</li> <li>Keyboard only function is not consistent.</li> <li>Illogical tab order.</li> <li>Visible focus indicator is missing, which affects keyboard only operations as well as users with limited vision.</li> <li>Older documents in PDF format are not fully accessible.</li> </ul> <h3>What we do about known issues</h3> <p>We work to achieve and maintain WCAG 2.1 AA standards, but it is not always possible for all our content to be accessible. Where content is not accessible, we will state a reason, warn users, and offer alternatives.</p> <h3>Technical information about this app’s accessibility</h3> <p>Imperial College London is committed to making its platforms accessible in accordance with <a href="https://www.legislation.gov.uk/uksi/2018/952/contents/made" target="_blank">the Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018</a>.</p> <p>Imperial College My Imperial app is partially compliant with the <a href="https://www.w3.org/TR/WCAG21/" target="_blank"> Web Content Accessibility Guidelines version 2.1</a> AA standard, due to the known issues listed below.</p> <h4>Non accessible content</h4> <p>Some documents and content are <a href="https://www.legislation.gov.uk/uksi/2018/952/regulation/4/made" target="_blank">exempt from the regulations</a> (such as live video content and PDFs or other documents published before 23 September 2018 if they’re not essential to providing our services), so we do not currently have any plans to make them accessible. But if you need to access information in one of these document types, you can contact us and ask for an alternative format.</p> <p>On all pages, the decorative image found within the hamburger menu contains inappropriate alternative text. Which may cause confusion to screen reader users. This fails 1.1.1 non-text criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Most pages have incorrect heading structures. Headings are not correctly nested in hierarchical order. This fails 2.4.1 bypass blocks criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>A field set without a legend is present across all form pages. This fails 1.3.1 info and relationships criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Across all pages, all sections of the pages that tested, no content is contained within ARIA landmarks, which means page regions are not identified with landmarks. This fails 1.3.1 info and relationships criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Pages are missing descriptive page titles. This fails 2.4.2 page titles criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Identical link texts present: On the ‘Qualifications’ section of the application, there are multiple instances of ‘add qualification’ on this page, with no way to differentiate between them. This fails 2.4.4 Link Purpose (in context) criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Text Description Not Provided for Error Fields: On the ‘Add Qualification’ page, the text error does not highlight which form field is incorrectly entered. Because the form field that is invalid is not identified to the user, they may not be aware of which form field requires their attention. This fails 3.3.1 error identification criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Mandatory Fields Do Not Show Text Error: On the ‘Visa & Immigration’ application page, if the user submits the form with empty mandatory fields, an error is displayed which is not user friendly, displaying the full html error instead of simple text. This fails 3.3.1 error identification criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Low contrast issues: On the Home Dashboard, the menu navigation options text has a low contrast (4:1) On the Applications page, the applications link on the grey background has a low contrast (4.1:1) the selected page number has a low contrast (1.1:1) On all New Application pages, the completed pages in the side menu have a low contrast (3.5:1) the previous page button text has a low contrast (4.4:1) This fails 1.4.3 contrast (minimum) criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Across all pages, the cookies button has a contrast low contrast of 2.5:1 against the page background. On pages where a slider is present, the inactive slider has a low contrast of 1.8:1 against the page background. This fails 1.4.11 non- text contrast (minimum) criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Tab Order is Not Logical: On the homepage, a hidden tab stop is present between 'Applications' and 'References’. This fails 2.4.3 focus order criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Visible Tab focus indicator is missing on select elements: On select pages, such as the 'Disabilities' and 'About you' pages, the user is not provided a visible focus indicator for certain elements. On the 'Disabilities' page, the dropdown arrows for each disability are not highlighted correctly. On the 'About' page, no indicator for the 'Previous' button has been observed, this also affects pages where this button lacks styling. This fails 2.4.7 focus visible criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Autocomplete Attribute Not Present: On the 'About you' and 'Address' pages, fields such as 'Email', 'Phone' and the users name, do not contain an 'auto complete' attribute. This fails 1.3.5 Identity Input purpose criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Mobile- content announced incorrectly: On all pages on mobile devices, content is incorrectly announced across multiple pages. Some examples are: ‘Menu’ side nav, where the user is navigated to the main content first. On the Dashboard, the ‘Application’ and ‘References’ buttons do not announce until the user has swiped multiple times on the element, as each model receives focus on mobile devices. This fails 4.1.2. Name role Value criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Mobile – Unable to Upload Files Using Dragon Naturally Speaking; When interacting with any upload feature using Dragon Naturally Speaking, users are unable to interact with the component using any known voice commands. This fails 4.1.2. Name role Value criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <p>Missing start and end tags -Elements not nested according to their specifications -Elements contain duplicate attributes -IDs that are not unique, except where the specifications allow these features. This fails 4.1.1. Parsing criterion. We are aiming to resolve this by February 2024. <span style="color: blue;">(However, this cannot be addressed without the Vendor’s intervention. Therefore, this date may change depending on their timeline.)</span></p> <h4>Disproportionate burden:</h4> <p>N/A</p> <h3>Reporting accessibility issues</h3> <p>If you need information on this website in a different format like accessible PDF, large print, easy read, audio recording or braille or if you find any accessibility issues not listed on this page then please contact <a href="mailto:SLCRMteam@imperial.com">SLCRMteam@imperial.com</a>.</p> <p>We’ll consider your request and get back to you in enter a response time based on our SLAs, max 7 working days.</p> <h3>Enforcement procedure</h3> <p>The Equality and Human Rights Commission (EHRC) is responsible for enforcing the Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018 (the ‘accessibility regulations’). If you’re not happy with how we respond to your complaint, <a href="https://www.equalityadvisoryservice.com/" target="_blank">contact the Equality Advisory and Support Service (EASS)</a>.</p> <h3>How we test this website</h3> <p>The test carried out by our external quality assurance company Zoonou consisted of an accessibility review of the My Imperial Portal against WCAG 2.1 Level A and AA criterions. Testing was conducted against the application and the accompanying pages. One user journey was conducted against the 7 assistive technologies specified below.</p> <p>Target Template URLs</p> <ul> <li>Home dashboard</li> <li>Applications</li> <li>New Application - Proposed studies</li> <li>New Application - About You</li> <li>New Application - Address</li> <li>New Application - Visas and immigration</li> <li>New Application - Disabilities - Add Disability</li> <li>New Application - Professional Experience</li> <li>New Application - Professional Experience - Add Experience</li> <li>New Application – Qualifications</li> <li>New Application - References - Add New Reference</li> <li>New Application - Supporting Documents</li> <li>New Application - Declaration and submission</li> <li>References - Will require Dummy Data</li> </ul> <p>On the test environments:</p> <ul> <li>Windows 11, Chrome 116</li> <li>Windows 11, Edge 116, JAWS 2023</li> <li>Windows 11, Firefox 115, NVDA</li> <li>Windows 11, Chrome 116, ZoomText</li> <li>Windows 11, Edge 116, Dragon Naturally Speaking</li> <li>MacOS 10.16, Safari, VoiceOver</li> <li>iOS, Safari, VoiceOver</li> <li>Google Pixel 3XL – Android 12 – Chrome 116 - Talkback</li> </ul> <p>Last updated: This statement was prepared on 12/09/2023. It was last updated on February 2024.</p></div></div> </div> </section>     <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-loader.bundle-f4a0e619b8.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-loader.bundle-f4a0e619b8.js" type="text/javascript"></script> <div id="pp-native-controls-react-root"></div> <script>window._nativeControlConfig = { "publicPath":"https://content.powerapps.com/resource/powerappsportal/controls", "versions": {"pcf_loader":"0.0.29","pcf_controls":"3.3.1","mf_shared":"0.2.9","host":"0.4.0","data_grid":"1.1.30","controls_fluent_v9":"0.0.32"} }</script> <script defer="defer" src="https://content.powerapps.com/resource/powerappsportal/controls/host/main.e9930a0a5c.chunk.js"></script> </div>  </div>   <footer role="contentinfo" class="footer mt-4 pt-3 bg-light"> <div class="hidden-print"> <div class="container-fluid px-5"> <div class="row text-dark px-4"> <div class="col-6 text-left"> <ul class="list-inline"> <li class="list-inline-item"> <a class="text-dark" target="_blank" href="https://servicemgt.imperial.ac.uk/ask">Support</a> </li> <li class="list-inline-item"> <a class="text-dark" target="_blank" href="https://www.imperial.ac.uk/admin-services/secretariat/information-governance/data-protection/processing-personal-data/privacy-notices/">Privacy notices</a> </li> <li class="list-inline-item"> <a class="text-dark" href="/Accessibility/">Accessibility</a> </li> </ul> </div> <div class="col-6"> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"><p class="mb-0 text-end">© 2024 - <a href="https://www.imperial.ac.uk" class="text-dark" target="_blank">Imperial College London</a></p></div></div> </div> </div> </div> </div>  <div class="modal show fade" tabindex="-1" aria-labelledby="AccessibilityStatmentPopup" aria-hidden="true" id="AccessibilityStatmentPopup" data-bs-backdrop="static" data-bs-keyboard="false"> <div class="modal-dialog modal-dialog-centered d-flex justify-content-center align-items-center"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title h4 fw-bolder"> <p>Accessibility statement</p> </div>  <button type="button" class="btn-close rounded-circle" data-dismiss="modal" aria-label="Close accessibility statement"></button> </div> <div class="modal-body"> <div class="row"> <div class="col py-2"> We are working on our accessibility statement, in the meantime please reach out to our team at <a href="mailto:SLCRMteam@imperial.ac.uk">SLCRMteam@imperial.ac.uk</a> should you need any support. </div> </div> </div> </div> </div> </div>  </footer> <script src="/bootstrap.min.js"></script> <script> $(document).ready(function () { let elements = document.querySelectorAll('select'); if (elements && elements[0]) { // check if the first element exists for (let i = 0; i < elements.length; i++) { elements[i].classList.add('form-select'); } } }); let elements = document.querySelectorAll('input[type=checkbox]'); if (elements && elements[0]) { // check if the first element exists for (let i = 0; i < elements.length; i++) { elements[i].classList.add('form-check-input'); } }; </script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/bootstrap.bundle-105a4995b8.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/bootstrap.bundle-105a4995b8.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/postpreform.bundle-184c77da50.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/postpreform.bundle-184c77da50.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/app.bundle-dad47d7e41.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/app.bundle-dad47d7e41.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/default-1033.moment_2_29_4.bundle-eda4e638fd.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/default-1033.moment_2_29_4.bundle-eda4e638fd.js" type="text/javascript"></script> <script> //this event will update the title of the page based on active breadcrumb $('.breadcrumb').ready(function () { if ($('.breadcrumb').is(':visible')) { document.querySelector('title').innerHTML = ($('.breadcrumb > li.active').text() + "Accessibility"); } }); function GoToNewEditor() { var editCmsUrlSegment = "EditInCms"; var currentUrl = window.location.href; if (currentUrl.indexOf('?') > -1) { var urlSegments = currentUrl.split("?"); window.location.href = window.location.origin + '/' + editCmsUrlSegment + window.location.pathname + '?' + urlSegments[1]; } else { window.location.href = window.location.origin + '/' + editCmsUrlSegment + window.location.pathname; } } </script> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.getRegistrations().then(function(registrations) { for(let registration of registrations) { registration.unregister(); }}).catch(function(err) { console.log('Service Worker unregister action failed: ', err); }); } </script>  </body> </html>

CINXE.COM

Accessibility Accessibility