Relay UK - homepage

<!doctype html> <html lang="en" data-colour-scheme="colour-scheme-blue" data-is-publish="true"> <head> <meta charset="utf-8"/> <title>Relay UK - homepage | Relay UK</title> <meta name="description" content="Helping people with hearing and speech difficulties communicate with anyone over the phone, using the Relay UK service."/> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2,user-scalable=yes"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <link rel="canonical" href="https://www.relayuk.bt.com/"/> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/content/dam/shared-assets/logos/relay-uk-favicon.ico"/> <link rel="stylesheet" href="/etc.clientlibs/bt-wav/clientlibs/clientlib-header-footer.min.css" type="text/css"> <script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script> <script src="/etc.clientlibs/bt-wav/clientlibs/clientlib-header-footer.min.js"></script> <script> window.digitalData = window.digitalData || {}; window.digitalData.version = "1.0"; window.digitalData.page = { pageInfo: { pageID: "en", pageName: "Relay UK homepage" }, category: { primaryCategory: "Relay UK homepage", pageType: "T\u002D001\u002DA: Home V2 Page" }, attributes: { siteName: "Relay UK", homePageName: "Relay UK homepage", pageDepth: "0", pageNameOverride: "" } }; window.digitalData.event = [ ]; </script> <script>window.CQ = window.CQ || {}</script>  </head> <body class="non-touch-device aem-site"> <a href="#jumpToLinks" tabindex="1" class="component-jump-to-content--opener">Open links to jump to page content</a> <div class="component-jump-to-content"> <ul class="component-jump-to-content__list" id="jumpToLinks"> <li class="component-jump-to-content__list-item"> <a href="#top-navigation" tabindex="2" class="component-jump-to-content__list-item-anchor" aria-label="Jump to navigation"> Jump to navigation </a> </li> <li class="component-jump-to-content__list-item"> <a href="#main-content" tabindex="3" class="component-jump-to-content__list-item-anchor" aria-label="Jump to page content"> Jump to page content </a> </li> <li class="component-jump-to-content__list-item"> <a href="#footer" tabindex="4" class="component-jump-to-content__list-item-anchor" aria-label="Jump to footer"> Jump to footer </a> </li> </ul> </div> <div id="window_mediaDetector"></div>  <div> <div class="cmp-experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="bt-branded-nav parbase aem-GridColumn aem-GridColumn--default--12"> <script type="text/x-template" id="component-search-box__template__suggestion"> <li class="suggestion" @mousedown="applySuggestion" @mouseenter="function(e) { e.target.classList.toggle('selected'); }" @mouseleave="function(e) { e.target.classList.toggle('selected'); }" @click="applySuggestion" v-if="doRender" v-html="innerHtml" v-bind:class="highlightClass"> </li> </script> <script type="text/x-template" id="component-search-box__template__search-bar"> <form @submit.prevent="submitSearchForm" class="component-search-box__search-form"> <label for="site-search" class="component-search-box__search-form-label">Search our site</label> <input id="site-search" @keydown="onKeydownInputField" onfocus="this.placeholder=''" onblur="this.placeholder='Search our site'" v-model="searchTerm" type="text" class="component-search-box__search-form-field" placeholder="Search our site" autocomplete="off"> <span @click="clearSearchField" class="component-search-box__search-form-field-clear-button"></span> <button type="submit" class="button form-button button-primary-purple component-search-box__search-form-button"> {{searchButtonText}} </button> <div class="component-search-box__suggestions" v-bind:class="{'component-search-box__suggestions--hidden' : !shouldShowSuggestions}"> <ol class="component-search-box__suggestions-list"> <search-results-search-suggestion v-for="(item, idx) in suggestedTerms" :key="idx" @apply-search-suggestion="applySearchSuggestion" v-bind:is-highlighted="selectedSuggestionIndex==idx" v-bind:proposal="item" v-bind:term="searchTerm"></search-results-search-suggestion> </ol> </div> <div class='ser_key_error' style='display:none;'>Please enter at least 3 characters to search. Enter 6 characters or more for instant suggestions.</div> <div class='ser_key_error-six' style='display:none;'>Enter 6 characters or more for instant suggestions.</div> </form> </script> <script> </script>   <section data-component-path="/content/experience-fragments/relayuk/header_and_footer/header/master/jcr:content/root/bt_branded_nav" data-component-watch='["bt-branded-nav"]' class="component-bt-branded-nav no-logins no-site-title" data-search-page="/search.html">  <div class="top-nav-container" data-hidden-page-title="true"> <div class="component-bt-branded-nav__top col-group"> <div class="col-dt-12 component-bt-branded-nav__top-wrapper"> <div class="component-bt-branded-nav__top-logo col-mb-3"> <div class="component-bt-branded-nav__top-logo-logo-holder"> <a href="/" target="_self" class="component-bt-branded-nav__top-logo-anchor"> <img class="component-bt-branded-nav__top-logo-img" src="/logos/Relay-UK-Black.png" data-standard-contrast-logo="/content/dam/bt-wav-relayuk/logos/Relay-UK-Black.png" data-yellow-contrast-logo="/content/dam/bt-wav-relayuk/logos/Relay-UK-Black.png" data-dark-contrast-logo="/content/dam/bt-wav-relayuk/logos/Relau-UK-White.png" title="Relay UK Home page" data-title="Relay UK Home page" alt="Relay UK Home page"/> </a> </div> </div> <a class="component-bt-branded-nav__top-mob-title col-mb-6" href="#" aria-expanded="false" aria-label="Click to expand or collapse menu"> <span>Menu <i class="component-bt-branded-nav__top-mob-title-icon icon-down-chevron" aria-hidden="true"></i> </span> </a> <div class="component-bt-branded-nav__top-search hidden-site-title "> <div class="component-bt-branded-nav__top-search-wrapper"> <a class="component-bt-branded-nav__top-tab-title" href="#" aria-expanded="false" aria-label="Click to expand or collapse menu"> <span>Menu</span> <i class="component-bt-branded-nav__top-tab-title-icon icon-down-chevron" aria-hidden="true"></i> </a> <a href="#" class="component-bt-branded-nav__top-search-link" data-href="#" data-toggle="collapse" aria-expanded="false" aria-controls="search" title="Open the search area to search the NGTS website."> <i class="component-bt-branded-nav__top-search-icon icon-search" aria-hidden="true"></i> </a> </div> <div class="component-bt-branded-nav__top-search-form-desktop"> <div class="component-bt-branded-nav__top-search-form-desktop-column col-6 hide-site-title"> <a href="/" class="component-bt-branded-nav__top-search-form-desktop-columm-title hide-site-title page-title"> <span class="component-bt-branded-nav__main-title">Relay UK</span> </a> </div> <section class="component-bt-branded-nav__top-search-form-desktop-column col-mb-12 no-title " id="component-bt-branded-nav__top-search-desktop" data-search-page="/search.html" data-secure-search-path="https://my.btwholesale.com/secure-search/securesearch" data-solr-search="false"> <span class="component-bt-branded-nav__top-search-form-desktop-border hide-site-title"></span> <search-results-search-form :inner-search-term="searchTerm" @update-search-term="updateSearchTerm" @perform-search="performSearch"></search-results-search-form> </section> <div class="component-accessibility-control__accessibility-control" data-component-watch='["accessibility-control"]'> <div class="component-accessibility-control__link"> <button class="component-accessibility-control__link-anchor" aria-expanded="false"> <span class="component-accessibility-control__link-label">Accessibility</span> <i class="component-accessibility-control__arrow-down-icon icon-down-chevron"></i> </button> </div> </div> </div> </div> </div> <div class="component-accessibility-control"> <div class="component-accessibility-control__accordion-panel"> <span class="component-accessibility-control__border"></span> <div class="accessibility-controls"> <div class="component-accessibility-control__text-size"> <span class="component-accessibility-control__text-size-label"> Text size </span> <a data-accessibility-font-size="small" href="#" class="component-accessibility-control__text-size component-accessibility-control__text-size--small component-accessibility-control__options" aria-label="Font size small button"><span>A</span></a> <a data-accessibility-font-size="medium" href="#" class="component-accessibility-control__text-size component-accessibility-control__text-size--medium component-accessibility-control__options" aria-label="Font size medium button"><span>A</span></a> <a data-accessibility-font-size="large" href="#" class="component-accessibility-control__text-size component-accessibility-control__text-size--large component-accessibility-control__options" aria-label="Font size large button"><span>A</span></a> </div> <div class="component-accessibility-control__contrast"> <span class="component-accessibility-control__contrast-border"></span> <span class="component-accessibility-control__contrast-label"> Contrast </span> <a data-contrast-colour="light" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--light component-accessibility-control__options" aria-label="Contrast colour light button"><span>A</span></a> <a data-contrast-colour="yellow" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--yellow component-accessibility-control__options" aria-label="Contrast colour yellow button"><span>A</span></a> <a data-contrast-colour="dark" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--dark component-accessibility-control__options" aria-label="Contrast colour dark button"><span>A</span></a> </div> <div class="component-accessibility-control__guidelines"> <a href="/accessibility.html" target="_blank" class="component-accessibility-control__guidelines-anchor"> Accessibility guidelines </a> </div> </div> </div> </div> </div> </div> <div class="component-bt-branded-nav__top-search-form"> <div class="component-bt-branded-nav__top-search-form-column col-6 hide-site-title"> <a href="/" class="component-bt-branded-nav__top-search-form-columm-title hide-site-title page-title mobile-page-title"> <span class="component-bt-branded-nav__main-title">Relay UK</span> </a> </div> <section class="component-bt-branded-nav__top-search-form-column col-mb-12 no-title" id="component-bt-branded-nav__top-search" data-search-page="/search.html" data-secure-search-path="https://my.btwholesale.com/secure-search/securesearch" data-solr-search="false"> <span class="component-bt-branded-nav__top-search-form-border hide-site-title"></span> <search-results-search-form :inner-search-term="searchTerm" @update-search-term="updateSearchTerm" @perform-search="performSearch"></search-results-search-form> </section> </div>  <div class="component-bt-branded-nav__bottom component-bt-branded-nav__bottom--closed "> <div class="component-bt-branded-nav__breakout"> <div class="component-bt-branded-nav__breakout-inner col-group">  <ul class=" component-bt-branded-nav__bottom-nav component-bt-branded-nav__main-nav width-100 "> <li id="top-navigation" class="component-bt-branded-nav__main-nav-item "> <a href="/about-relay-uk.html" class="component-bt-branded-nav__main-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="About Relay UK"> <span class="component-bt-branded-nav__underlined"> About Relay UK </span> </span> </a> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/how-to-use-relay-uk.html" class="component-bt-branded-nav__main-nav-item-anchor "> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="How to use Relay UK"> <span class="component-bt-branded-nav__underlined"> How to use Relay UK </span> </span> </a> <i class="component-bt-branded-nav__main-nav-icon icon-down-chevron" aria-hidden="true"></i> <div class="component-bt-branded-nav__sub-nav-container"> <div class="component-bt-branded-nav__sub-nav-container-inner"> <ul data-eqh-menu-item-main class="component-bt-branded-nav__sub-nav component-bt-branded-nav__sub-nav--closed"> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/download-app.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Download app"> Download app </span> </span> </span>  </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/use-relay-uk-with-app.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Use Relay UK with app"> Use Relay UK with app </span> </span> </span>  </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/use-relay-uk-with-textphone.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Use Relay UK with textphone"> Use Relay UK with textphone </span> </span> </span>  </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/contact-999-using-relay-uk.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Contact 999 using Relay UK"> Contact 999 using Relay UK </span> </span> </span>  </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/relay-uk-for-hearing-people.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Relay UK for hearing people"> Relay UK for hearing people </span> </span> </span>  </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/how-to-use-relay-uk/relay-uk-for-business.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Relay UK for business"> Relay UK for business </span> </span> </span>  </a> </li> </ul> </div> </div> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/relay-uk-services.html" class="component-bt-branded-nav__main-nav-item-anchor "> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="Relay UK services"> <span class="component-bt-branded-nav__underlined"> Relay UK services </span> </span> </a> <i class="component-bt-branded-nav__main-nav-icon icon-down-chevron" aria-hidden="true"></i> <div class="component-bt-branded-nav__sub-nav-container"> <div class="component-bt-branded-nav__sub-nav-container-inner"> <ul data-eqh-menu-item-main class="component-bt-branded-nav__sub-nav component-bt-branded-nav__sub-nav--closed"> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/relay-uk-services/relay-uk-app.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Relay UK app"> Relay UK app </span> </span> </span>  </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/relay-uk-services/calling-relay-assist.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Calling Relay Assist"> Calling Relay Assist </span> </span> </span>  </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/relay-uk-services/textnumbers.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="TextNumbers"> TextNumbers </span> </span> </span>  </a> </li> </ul> </div> </div> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/help.html" class="component-bt-branded-nav__main-nav-item-anchor "> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="Help"> <span class="component-bt-branded-nav__underlined"> Help </span> </span> </a> <i class="component-bt-branded-nav__main-nav-icon icon-down-chevron" aria-hidden="true"></i> <div class="component-bt-branded-nav__sub-nav-container"> <div class="component-bt-branded-nav__sub-nav-container-inner"> <ul data-eqh-menu-item-main class="component-bt-branded-nav__sub-nav component-bt-branded-nav__sub-nav--closed"> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/help/faqs.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="FAQs"> FAQs </span> </span> </span>  </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/help/how-to-videos.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="'How to' videos"> 'How to' videos </span> </span> </span>  </a> </li> <li class="component-bt-branded-nav__sub-nav-item "> <a href="/help/complaints.html" class="component-bt-branded-nav__sub-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__sub-nav-item-anchor-span"> <span class="component-bt-branded-nav__underlined"> <span class="component-bt-branded-nav__underlined-wrappable" data-title="Complaints"> Complaints </span> </span> </span>  </a> </li> </ul> </div> </div> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/news.html" class="component-bt-branded-nav__main-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="News"> <span class="component-bt-branded-nav__underlined"> News </span> </span> </a> <div class="component-bt-branded-nav__sub-nav-container"> <div class="component-bt-branded-nav__sub-nav-container-inner"> <ul data-eqh-menu-item-main class="component-bt-branded-nav__sub-nav component-bt-branded-nav__sub-nav--closed"> </ul> </div> </div> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/communication-providers.html" class="component-bt-branded-nav__main-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="Communication providers"> <span class="component-bt-branded-nav__underlined"> Communication providers </span> </span> </a> </li> <li class="component-bt-branded-nav__main-nav-item "> <a href="/contact-us.html" class="component-bt-branded-nav__main-nav-item-anchor no-chevron"> <span class="component-bt-branded-nav__main-nav-item-anchor-span" data-title="Contact us"> <span class="component-bt-branded-nav__underlined"> Contact us </span> </span> </a> </li> </ul>   </div> </div>   </div> <div class="search-keyline hide-site-title"></div> <a class="component-bt-branded-nav__main-title-link-mob hide-site-title page-title mobile-page-title" href="/"> <span class="component-bt-branded-nav__main-title-mob">Relay UK</span> </a> </section> </div> </div> </div></div> </div> <div class="container" id="main-content"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--tablet--12 aem-Grid--default--12 aem-Grid--tablet-wide--12 "> <div class="hero-block-inset-text-ngt parbase aem-GridColumn aem-GridColumn--default--12"> <section data-component-watch='["hero-block-inset-text-ngt"]' class="component-hero-block-inset-text-ngt lazy-load-image component-hero-block-inset-text-ngt--bg-bt-white full-width-breakout" data-button-text="Download our app" data-background-image-desktop="/content/dam/bt-wav-relayuk/assets/images/hero-blocks/hero-inset-home-banner-full.jpg" data-background-image-mobile="/content/dam/bt-wav-relayuk/assets/images/hero-banners/hero-lrg-home-mob.jpg"> <div data-opacity-style="100" class="component-hero-block-inset-text-ngt__facade component-hero-block-inset-text-ngt__facade--left-inset component-hero-block-inset-text-ngt__content"> <div class="component-hero-block-inset-text-ngt__wrapper component-hero-block-inset-text-ngt--bg-bt-white"> <div class="component-hero-block-inset-text-ngt__header component-hero-block-inset-text-ngt__header--dark-grey component-hero-block-inset-text-ngt__part--align-left"> <h1 class="scalable-header scalable-header--extra-large scalable-header--align-left scalable-header--dark-grey" id="relay-uk">Relay UK</h1> </div> <div class="component-hero-block-inset-text-ngt__bodytext"> <p><p>Helping people with hearing and speech difficulties communicate with anyone over the phone, using the national relay service.<br /> </p> </p> </div> <div class="component-hero-block-inset-text-ngt__button cta-container ios-ngt"> <a href="https://apps.apple.com/gb/app/relay-uk/id1483202788" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--left "> <span class="component-cta-button-text">Download our app</span> </a> </div> <div class="component-hero-block-inset-text-ngt__button cta-container andriod-ngt"> <a href="https://play.google.com/store/apps/details?id=com.bt.relayuk" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--left "> <span class="component-cta-button-text">Download our app</span> </a> </div> <div class="component-hero-block-inset-text-ngt__button cta-container windows-ngt"> <a href="/how-to-use-relay-uk/download-app.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--left "> <span class="component-cta-button-text">Download our app</span> </a> </div> <div class="component-hero-block-inset-text-ngt__button cta-container mac-ngt"> <a href="https://apps.apple.com/gb/app/relay-uk-desktop/id1645122487?mt=12" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--left "> <span class="component-cta-button-text">Download our app</span> </a> </div> <div class="component-hero-block-inset-text-ngt__button cta-container linux-ngt"> <a href="/assets/downloads/NGT_Lite_Linux_v.1.51.tar.gz" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--left "> <span class="component-cta-button-text">Download our app</span> </a> </div> </div> </div> </section> </div> <div class="section-container aem-GridColumn--default--none aem-GridColumn aem-GridColumn--default--12 aem-GridColumn--offset--default--0"><div data-component-watch='["section-container"]' class="component-section-container component-section-container__default-left-padding component-section-container__default-right-padding component-section-container__default-top-padding component-section-container__default-bottom-padding component-section-container__light-grey component-section-container__breakout"> <div class="aem-Grid aem-Grid--12 aem-Grid--tablet--12 aem-Grid--default--12 aem-Grid--tablet-wide--12 aem-Grid--phone-wide--12 component-section-container__inner"> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer60"></span> </div> </div> <div class="section-container aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4"><div data-component-watch='["section-container"]' class="component-section-container mobile-padding component-section-container__left-ten-padding component-section-container__right-ten-padding component-section-container__default-top-padding component-section-container__bottom-zero-padding component-section-container__transparent "> <div class="aem-Grid aem-Grid--4 aem-Grid--tablet--4 aem-Grid--default--4 aem-Grid--tablet-wide--4 aem-Grid--phone-wide--4 component-section-container__inner"> <div class="benefits-block parbase aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4">  <div data-component-watch='["benefits-block"]' class="component-benefits-block"> <div class="component-benefits-block__content"> <header class="component-benefits-block__content-header" data-equal-heights> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--dark-grey" id="easy-to-use-relay-service">Easy-to-use <br />relay service</h2> </header>  <div class="component-benefits-block__content-body component-body-text-block" data-equal-heights> <p style="text-align: center;">Relay UK helps deaf, speech-impaired, and hearing people talk to each other over the phone using the relay service.</p> </div> </div> </div> </div> </div> </div> </div> <div class="section-container aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4"><div data-component-watch='["section-container"]' class="component-section-container mobile-padding component-section-container__left-ten-padding component-section-container__right-ten-padding component-section-container__default-top-padding component-section-container__bottom-zero-padding component-section-container__transparent "> <div class="aem-Grid aem-Grid--4 aem-Grid--tablet--4 aem-Grid--default--4 aem-Grid--tablet-wide--4 aem-Grid--phone-wide--4 component-section-container__inner"> <div class="benefits-block parbase aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4">  <div data-component-watch='["benefits-block"]' class="component-benefits-block"> <div class="component-benefits-block__content"> <header class="component-benefits-block__content-header" data-equal-heights> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--dark-grey" id="just-download-a-simple-app">Just download <br />a simple app</h2> </header>  <div class="component-benefits-block__content-body component-body-text-block" data-equal-heights> <p style="text-align: center;">You can use the Relay UK app with your mobile, tablet or PC. Or just use Relay UK via your Minicom or Uniphone.</p> </div> </div> </div> </div> </div> </div> </div> <div class="section-container aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4"><div data-component-watch='["section-container"]' class="component-section-container mobile-padding component-section-container__left-ten-padding component-section-container__right-ten-padding component-section-container__default-top-padding component-section-container__bottom-zero-padding component-section-container__transparent "> <div class="aem-Grid aem-Grid--4 aem-Grid--tablet--4 aem-Grid--default--4 aem-Grid--tablet-wide--4 aem-Grid--phone-wide--4 component-section-container__inner"> <div class="benefits-block parbase aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet-wide--3 aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4">  <div data-component-watch='["benefits-block"]' class="component-benefits-block"> <div class="component-benefits-block__content"> <header class="component-benefits-block__content-header" data-equal-heights> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--dark-grey" id="youre-ready-to-go">You're ready <br />to go</h2> </header>  <div class="component-benefits-block__content-body component-body-text-block" data-equal-heights> <p style="text-align: center;">All you pay are your normal call charges. You pay nothing to use the service itself.聽</p> </div> </div> </div> </div> </div> </div> </div> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer20"></span> </div> </div> </div> </div> </div> <div class="section-container aem-GridColumn aem-GridColumn--default--12"><div data-component-watch='["section-container"]' class="component-section-container mobile-padding component-section-container__left-twenty-padding component-section-container__right-twenty-padding component-section-container__default-top-padding component-section-container__default-bottom-padding component-section-container__white "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 component-section-container__inner"> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer60"></span> </div> </div> <div class="youtube-video parbase aem-GridColumn aem-GridColumn--default--12">  <div data-component-watch='["youtube-video"]' class="component-youtube-video" tabindex="1"> <iframe src="https://www.youtube.com/embed/XfCACCf7ZdU" width="auto" height="auto" allowfullscreen></iframe> </div></div> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer80"></span> </div> </div> </div> </div> </div> <div class="section-container aem-GridColumn aem-GridColumn--default--12"><div data-component-watch='["section-container"]' class="component-section-container component-section-container__ component-section-container__ component-section-container__ component-section-container__ "> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 component-section-container__inner"> <div class="hero-block parbase aem-GridColumn aem-GridColumn--default--12"> <section tabindex="0" data-component-watch='["hero-block"]' class="component-hero-block lazy-load-image component-hero-block--bg-white full-width-breakout " data-hover-link="/about-relay-uk.html" data-button-text="See how it works" data-background-image-desktop="/content/dam/bt-wav-relayuk/assets/images/hero-banners/hero-lrg-how-does-relay-uk-work-full.jpg" data-background-image-mobile="/content/dam/bt-wav-relayuk/assets/images/hero-banners/hero-how-does-relay-uk-work-mob.jpg"> <div data-opacity-style="100" class="component-hero-block__facade component-hero-block__facade--white component-hero-block__content "> <div data-eqh-menu-item-main class="component-hero-block__wrapper"> <header class="component-hero-block__header component-hero-block__part--colour-grey component-hero-block__part--align-center"> <div class="component-hero-block__header--container"> <h2 class="scalable-header scalable-header--large scalable-header--align-left scalable-header--dark-grey" id="how-does-the-relay-uk-app-work">How does the Relay UK app work?</h2> </div> </header> <main class="component-hero-block__body"> <p style="text-align: center;">Just type what you鈥檇 like to say, and read the replies in real-time,<br /> while an assistant relays the conversation. It鈥檚 that easy.</p> </main> <footer class="component-hero-block__footer cta-container"> <a href="/about-relay-uk.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">See how it works</span> </a> </footer> </div> </div> </section> </div> </div> </div> </div> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer60"></span> </div> </div> <div class="cmp cmp-text aem-GridColumn aem-GridColumn--default--12">  <div class="component-heading-bar" aria-label="A typical call using Relay UK"> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--dark-grey" id="a-typical-call-using-relay-uk">A typical call using Relay UK</h2> </div> </div> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer40"></span> </div> </div> <div class="images parbase aem-GridColumn--tablet--10 aem-GridColumn--default--none aem-GridColumn--offset--tablet-wide--1 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--tablet-wide--10 aem-GridColumn--default--12 aem-GridColumn--tablet-wide--none aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--1">  <div data-component-watch='["images"]' class="component-images"> <section class="component-images__container"> <div class="component-images__content"> <img class="component-images__content-image lazy-load-image" data-src="/content/dam/bt-wav-relayuk/assets/images/images/image-home-page-how-it-works.png" src="/assets/images/images/image-home-page-how-it-works.png" data-opacity-style="100" alt="Image showing how a deaf or speech impaired person types to a Relay Assistant, who talks to a hearing person in a phone conversation" title="Image showing how a deaf or speech impaired person types to a Relay Assistant, who talks to a hearing person in a phone conversation"/> <p class="component-images__content-caption"></p> </div> </section> </div> </div> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer40"></span> </div> </div> <div class="hero-block parbase aem-GridColumn aem-GridColumn--default--12"> <section tabindex="0" data-component-watch='["hero-block"]' class="component-hero-block lazy-load-image component-hero-block--bg-white full-width-breakout " data-hover-link="/about-relay-uk.html" data-button-text="Read more about Relay UK" data-background-image-desktop="/content/dam/bt-wav-relayuk/assets/images/hero-banners/hero-3-reasons-to-talk-about-ngts-full.jpg" data-background-image-mobile="/content/dam/bt-wav-relayuk/assets/images/hero-banners/hero-3-reasons-to-talk-about-ngts-mob.jpg"> <div data-opacity-style="100" class="component-hero-block__facade component-hero-block__facade--white component-hero-block__content "> <div data-eqh-menu-item-main class="component-hero-block__wrapper"> <header class="component-hero-block__header component-hero-block__part--colour-grey component-hero-block__part--align-center"> <div class="component-hero-block__header--container"> <h2 class="scalable-header scalable-header--large scalable-header--align-left scalable-header--dark-grey" id="three-reasons-to-talk-about-relay-uk">Three reasons to talk about Relay UK</h2> </div> </header> <main class="component-hero-block__body"> <p style="text-align: center;"><span class="component-body-text-block__darkGreyRte">It's the ideal way to make an appointment with <br /> your doctor, keep in touch with friends, or just order a <br /> delicious takeaway.</span></p> </main> <footer class="component-hero-block__footer cta-container"> <a href="/about-relay-uk.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">Read more about Relay UK</span> </a> </footer> </div> </div> </section> </div> <div class="section-container aem-GridColumn aem-GridColumn--default--12"><div data-component-watch='["section-container"]' class="component-section-container component-section-container__ component-section-container__ component-section-container__ component-section-container__ "> <div class="aem-Grid aem-Grid--12 aem-Grid--tablet--12 aem-Grid--default--12 aem-Grid--tablet-wide--12 aem-Grid--phone-wide--12 component-section-container__inner"> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer60"></span> </div> </div> <div class="section-container aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4"><div data-component-watch='["section-container"]' class="component-section-container mobile-padding component-section-container__left-twenty-padding component-section-container__right-twenty-padding component-section-container__default-top-padding component-section-container__bottom-zero-padding component-section-container__white "> <div class="aem-Grid aem-Grid--4 aem-Grid--tablet--4 aem-Grid--default--4 aem-Grid--tablet-wide--4 aem-Grid--phone-wide--4 component-section-container__inner"> <div class="benefits-block parbase aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4">  <div data-component-watch='["benefits-block"]' class="component-benefits-block"> <div class="component-benefits-block__content"> <header class="component-benefits-block__content-header" data-equal-heights> <h3 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--dark-grey" id="friendly">Friendly</h3> </header>  <div class="component-benefits-block__content-body component-body-text-block" data-equal-heights> <p style="text-align: center;">You can give family, friends, and businesses your own unique TextNumber so when they call you, they automatically connect to a Relay Assistant without having to dial 18002 first.</p> <p style="text-align: center;">Making it even easier for people to call you.<br /> </p> </div> </div> </div> </div> </div> </div> </div> <div class="section-container aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4"><div data-component-watch='["section-container"]' class="component-section-container mobile-padding component-section-container__left-twenty-padding component-section-container__right-twenty-padding component-section-container__default-top-padding component-section-container__bottom-zero-padding component-section-container__white "> <div class="aem-Grid aem-Grid--4 aem-Grid--tablet--4 aem-Grid--default--4 aem-Grid--tablet-wide--4 aem-Grid--phone-wide--4 component-section-container__inner"> <div class="benefits-block parbase aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4">  <div data-component-watch='["benefits-block"]' class="component-benefits-block"> <div class="component-benefits-block__content"> <header class="component-benefits-block__content-header" data-equal-heights> <h3 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--dark-grey" id="flexible">Flexible</h3> </header>  <div class="component-benefits-block__content-body component-body-text-block" data-equal-heights> <p style="text-align: center;">If you're using the app you can download it to your iPhone, Android, tablet, PC, or Mac.</p> <p style="text-align: center;">But if you prefer to stick with your textphone (Minicom / Uniphone), it works fine with that too.聽<br /> </p> </div> </div> </div> </div> </div> </div> </div> <div class="section-container aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4"><div data-component-watch='["section-container"]' class="component-section-container mobile-padding component-section-container__left-twenty-padding component-section-container__right-twenty-padding component-section-container__default-top-padding component-section-container__bottom-zero-padding component-section-container__white "> <div class="aem-Grid aem-Grid--4 aem-Grid--tablet--4 aem-Grid--default--4 aem-Grid--tablet-wide--4 aem-Grid--phone-wide--4 component-section-container__inner"> <div class="benefits-block parbase aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4">  <div data-component-watch='["benefits-block"]' class="component-benefits-block"> <div class="component-benefits-block__content"> <header class="component-benefits-block__content-header" data-equal-heights> <h3 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--dark-grey" id="free">Free</h3> </header>  <div class="component-benefits-block__content-body component-body-text-block" data-equal-heights> <p style="text-align: center;">The Relay UK service itself is free.</p> <p style="text-align: center;">You'll only pay your normal charges for the calls you make.</p> <p style="text-align: center;">Check with your phone provider for more details.<br /> </p> </div> </div> </div> </div> </div> </div> </div> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer40"></span> </div> </div> </div> </div> </div> <div class="section-container aem-GridColumn aem-GridColumn--default--12"><div data-component-watch='["section-container"]' id="howitworks" class="component-section-container component-section-container__default-left-padding component-section-container__default-right-padding component-section-container__default-top-padding component-section-container__default-bottom-padding component-section-container__light-grey component-section-container__breakout"> <div class="aem-Grid aem-Grid--12 aem-Grid--tablet--12 aem-Grid--default--12 aem-Grid--tablet-wide--12 aem-Grid--phone-wide--12 component-section-container__inner"> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer60"></span> </div> </div> <div class="cmp cmp-text aem-GridColumn aem-GridColumn--default--12">  <div class="component-heading-bar" aria-label="How do I start using Relay UK?"> <h2 class="scalable-header scalable-header--large scalable-header--align-center scalable-header--dark-grey" id="how-do-i-start-using-relay-uk">How do I start using Relay UK?</h2> </div> </div> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer20"></span> </div> </div> <div class="cmp cmp-text aem-GridColumn--default--none aem-GridColumn aem-GridColumn--default--10 aem-GridColumn--offset--default--1"> <div data-component-watch='["body-text-block"]' class="component-body-text-block" aria-label="text-block"> <p style="text-align: center;">One great service, three easy ways to use it</p> </div></div> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer20"></span> </div> </div> <div class="product-service-grid aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4"> <div class="component-product-service-grid ignore-section-container-colour" data-component-watch='["product-service-grid"]'> <section class="component-product-service-grid__container component-product-service-grid__container-- component-product-service-grid__container-- component-product-service-grid__container-- component-product-service-grid__container-- component-product-service-grid__container--bg-white"> <figure> <div style="overflow:hidden;"> <img data-background-image-desktop="/content/dam/bt-wav-relayuk/assets/images/product-service-grid/prd-grid-how-to-use-the-app-3col.jpg" data-background-image-mobile="/content/dam/bt-wav-relayuk/assets/images/product-service-grid/prd-grid-how-to-use-the-app-3col.jpg" class="component-product-service-grid__image lazy-load-image " src data-opacity-style="100" alt="Image of women holding mobile phone"/> </div> <figcaption data-eqh-menu-item-main> <div class="component-product-service-grid__header component-product-service-grid__header-part--align-center"> <h3 class="scalable-header scalable-header--medium scalable-header--center scalable-header--dark-grey" id="im-deaf-or-speech-impaired-using-the-app">I鈥檓 deaf or speech-impaired, using the app</h3> </div> <div class="component-product-service-grid__bodytext"><p style="text-align: center;">Find out how to download the app and start making calls wherever you are.</p> </div> <footer class="cta-container"> <a href="/relay-uk-services/relay-uk-app.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">Using the app</span> </a> </footer> </figcaption> </figure> </section> </div></div> <div class="product-service-grid aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4"> <div class="component-product-service-grid ignore-section-container-colour" data-component-watch='["product-service-grid"]'> <section class="component-product-service-grid__container component-product-service-grid__container-- component-product-service-grid__container-- component-product-service-grid__container-- component-product-service-grid__container-- component-product-service-grid__container--bg-white"> <figure> <div style="overflow:hidden;"> <img data-background-image-desktop="/content/dam/bt-wav-relayuk/assets/images/product-service-grid/prd-grid-man-glasses-3col.jpg" data-background-image-mobile="/content/dam/bt-wav-relayuk/assets/images/product-service-grid/prd-grid-man-glasses-3col.jpg" class="component-product-service-grid__image lazy-load-image " src data-opacity-style="100" alt="Image of man with hearing aid"/> </div> <figcaption data-eqh-menu-item-main> <div class="component-product-service-grid__header component-product-service-grid__header-part--align-center"> <h3 class="scalable-header scalable-header--medium scalable-header--center scalable-header--dark-grey" id="im-deaf-or-speech-impaired-using-textphone">I鈥檓 deaf or speech-impaired, using textphone</h3> </div> <div class="component-product-service-grid__bodytext"><p style="text-align: center;">Lots of deaf people are still using their textphones. Read how to use Relay UK with yours.</p> </div> <footer class="cta-container"> <a href="/how-to-use-relay-uk/use-relay-uk-with-textphone.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">Using a textphone</span> </a> </footer> </figcaption> </figure> </section> </div></div> <div class="product-service-grid aem-GridColumn--tablet-wide--4 aem-GridColumn--phone-wide--none aem-GridColumn--default--none aem-GridColumn--tablet--4 aem-GridColumn--offset--default--0 aem-GridColumn--offset--tablet--0 aem-GridColumn--offset--phone-wide--0 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--offset--tablet-wide--0 aem-GridColumn--tablet-wide--none aem-GridColumn--phone-wide--4 aem-GridColumn--default--4"> <div class="component-product-service-grid ignore-section-container-colour" data-component-watch='["product-service-grid"]'> <section class="component-product-service-grid__container component-product-service-grid__container-- component-product-service-grid__container-- component-product-service-grid__container-- component-product-service-grid__container-- component-product-service-grid__container--bg-white"> <figure> <div style="overflow:hidden;"> <img data-background-image-desktop="/content/dam/bt-wav-relayuk/assets/images/product-service-grid/prd-grid-call-a-deaf-person-3col.jpg" data-background-image-mobile="/content/dam/bt-wav-relayuk/assets/images/product-service-grid/prd-grid-call-a-deaf-person-3col.jpg" class="component-product-service-grid__image lazy-load-image " src data-opacity-style="100" alt="image of man on phone"/> </div> <figcaption data-eqh-menu-item-main> <div class="component-product-service-grid__header component-product-service-grid__header-part--align-center"> <h3 class="scalable-header scalable-header--medium scalable-header--center scalable-header--dark-grey" id="im-hearing-and-calling-a-deaf-or-speech-impaired-person">I'm hearing and calling a deaf or speech-impaired person</h3> </div> <div class="component-product-service-grid__bodytext"><p style="text-align: center;">Just because someone's deaf or speech-impaired doesn't mean you can't phone them. It's easy.</p> </div> <footer class="cta-container"> <a href="/how-to-use-relay-uk/relay-uk-for-hearing-people.html" class="ignore-section-container-colour component-cta-button component-cta-button--secondary component-cta-button--center "> <span class="component-cta-button-text">Calling a deaf person</span> </a> </footer> </figcaption> </figure> </section> </div></div> <div class="spacer parbase aem-GridColumn aem-GridColumn--default--12">  <div class="component-spacer"> <span class="component-spacer--spacer40"></span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div> <div class="cmp-experiencefragment"> <div class="xf-content-height"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="back-to-top-link aem-GridColumn aem-GridColumn--default--12">  <div data-component-watch='["back-to-top-link"]' class="component-back-to-top-link component-back-to-top-link"> <a href="#" class="component-back-to-top-link__link-to-top" role="button">Back to top</a> <p class="component-back-to-top-link__accessibility-message" style="color:transparent !important;" role="alert"></p> </div> </div> <div class="global-footer parbase aem-GridColumn aem-GridColumn--default--12"> <div data-component-watch='["global-footer", "accessibility-control"]' class="component-global-footer"> <div class="component-global-footer__top-links"> <div class="component-global-footer__part-wrapper"> <div class="component-global-footer__links"> <ul class="component-global-footer__split-list col-group"> <li class="component-global-footer__split-list-item col-mb-6" id="footer"> <a href="/accessibility.html" class="component-global-footer__split-list-item-anchor" aria-label="topLinkPage" title="Accessibility" target="_top"> Accessibility </a> </li> <li class="component-global-footer__split-list-item col-mb-6"> <a href="https://www.bt.com/privacy-policy/" class="component-global-footer__split-list-item-anchor" aria-label="topLinkPage" title="Privacy policy" target="_top"> Privacy policy </a> </li> <li class="component-global-footer__split-list-item col-mb-6"> <a href="/cookie-policy.html" class="component-global-footer__split-list-item-anchor" aria-label="topLinkPage" title="About cookies" target="_top"> About cookies </a> </li> <li class="component-global-footer__split-list-item col-mb-6"> <a href="/terms-and-conditions.html" class="component-global-footer__split-list-item-anchor" aria-label="topLinkPage" title="Terms & conditions" target="_top"> Terms & conditions </a> </li> <li class="component-global-footer__split-list-item col-mb-6"> <a href="/sitemap.html" class="component-global-footer__split-list-item-anchor" aria-label="topLinkPage" title="Sitemap" target="_top"> Sitemap </a> </li> </ul> </div> </div> </div> <div class="component-global-footer__accessibility"> <div class="component-global-footer__part-wrapper"> <div class="component-global-footer__accessibility-drop-button"> <a class="component-global-footer__accessibility-drop-button-anchor component-global-footer__drop-button" data-toggle-query-selector=".component-global-footer__accessibility-accordion.component-global-footer__accordion" aria-expanded="false"> <span class="component-global-footer__accessibility-drop-button-text">Accessibility</span> <em class="component-global-footer__accessibility-drop-button-chevron icon-down-chevron"></em>  <span class="component-global-footer__accessibility-drop-button-alert"></span> </a> </div> </div> </div> <div class="component-accessibility-control component-global-footer__accessibility-accordion component-global-footer__accordion--collapsed component-global-footer__accordion"> <div class="component-global-footer__part-wrapper"> <div class="component-global-footer__accessibility-accordion-contrast component-accessibility-control__contrast"> <span class="component-accessibility-control__contrast-label"> Contrast </span> <a data-contrast-colour="light" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--light component-accessibility-control-options" aria-label="Contrast colour light button"><span>A</span></a> <a data-contrast-colour="yellow" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--yellow component-accessibility-control-options" aria-label="Contrast colour yellow button"><span>A</span></a> <a data-contrast-colour="dark" href="#" class="component-accessibility-control__contrast-colour component-accessibility-control__contrast-colour--dark component-accessibility-control-options" aria-label="Contrast colour dark button"><span>A</span></a> </div> <div class="component-accessibility-control__guideline"> <a href="https://www.ngts.org.uk/accessibility.html" target="_blank" class="component-accessibility-control__guideline-anchor"> Accessibility guidelines </a> </div> </div> </div> <div class="component-global-footer__bottom-links component-global-footer-no-bottom-border"> <div class="component-global-footer__part-wrapper"> </div> </div> <div class="component-global-footer__site-info"> <div class="component-global-footer__part-wrapper col-group">  <div class="component-global-footer__site-info-name col-dt-6"> <span></span> </div>  <div class="component-global-footer__site-info-right col-dt-6"> <span class="component-global-footer__site-info-right-copyright no-footer-logo">Copyright 漏 2024 Relay UK</span> </div> </div> </div> </div> </div> </div> </div></div> </div> <div class="loader__overlay"><div class="loader loader--start loader--hidden"><div id="bodymovinStart" class="component-theloader"> <div class="component-theloader__loader"> <div class="component-theloader__loader--holder"> <div class="component-theloader__loader--holder--ball-loader one"></div> <div class="component-theloader__loader--holder--ball-loader two"></div> <div class="component-theloader__loader--holder--ball-loader three"></div> </div> </div> </div></div> <div class="loader loader--middle loader--hidden"><div id="bodymovinMiddle" class="component-theloader"> <div class="component-theloader__loader"> <div class="component-theloader__loader--holder"> <div class="component-theloader__loader--holder--ball-loader one"></div> <div class="component-theloader__loader--holder--ball-loader two"></div> <div class="component-theloader__loader--holder--ball-loader three"></div> </div> <div class="component-theloader__loader--holdereffect"> <div class="component-theloader__loader--holdereffect--shadowholder"> <div class="component-theloader__loader--holdereffect--shadowholder--effect first"></div> </div> <div class="component-theloader__loader--holdereffect--shadowholder"> <div class="component-theloader__loader--holdereffect--shadowholder--effect sec"></div> </div> <div class="component-theloader__loader--holdereffect--shadowholder"> <div class="component-theloader__loader--holdereffect--shadowholder--effect third"></div> </div> </div> </div> </div></div> <div class="loader loader--end loader--hidden"><div id="bodymovinEnd" class="component-theloader"> <div class="component-theloader__loader"> <div class="component-theloader__loader--holder"> <div class="component-theloader__loader--holder--ball-loader endanim one"></div> <div class="component-theloader__loader--holder--ball-loader endanim two"></div> <div class="component-theloader__loader--holder--ball-loader endanim three"></div> </div> </div> </div></div></div> <link rel="stylesheet" href="/etc.clientlibs/bt-wav/clientlibs/clientlib-base.min.css" type="text/css"> <script src="/etc.clientlibs/bt-wav/clientlibs/clientlib-base.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/bt-wav/clientlibs/clientlib-accessibility.min.css" type="text/css"> <script src="/etc.clientlibs/bt-wav/clientlibs/clientlib-accessibility.min.js"></script>    <script> if(window.location.href.indexOf('https://my-modelb') > -1 || window.location.href.indexOf('https://my-modela') > -1 ||window.location.href.indexOf('https://my.ref1') > -1 || window.location.href.indexOf('https://my.btwholesale') > -1 ){ console.log('portal app'); domain = hostname.replace("-", "."); domain = hostname.replace("my", "www"); console.log('domain' + domain); } else { (function (window, ComponentWatch, $) { ComponentWatch.initialise($); })( window, window.ComponentWatch, window.jQuery ); } //added below marketo code in to launch var hostname = window.location.hostname; if (hostname == "www.ref1.btwholesale.com" || hostname == "modela.e2e.btwosdev.bt.co.uk" || hostname == "modelb.e2e.btwosdev.bt.co.uk" || hostname == "modelc.e2e.btwosdev.bt.co.uk" || hostname == "www.ais.btwholesale.com" || hostname == "www.btwholesale.com") { if(getCookie("tgtcookies") == "true" ) { (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('827-CTB-381', { altIds: ['256-UJH-604'] }); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); } } </script>  <script> var hostname = window.location.hostname; if((hostname.indexOf('amswav') > -1)) { console.log('Dev ventures Launch script'); var s = document.createElement("script"); s.type = "text/javascript"; s.src = "//assets.adobedtm.com/9a4a45c521ce/ea8bc8bbf859/launch-889b9d556347-development.min.js"; $("body").append(s); } else if ((hostname.indexOf('www.redcare.bt.com') > -1 ) || (hostname.indexOf('www.fleetsolutions.bt.com') > -1) || (hostname.indexOf('www.iot.bt.com') > -1) || (hostname.indexOf('www.relayuk.bt.com') > -1) || (hostname.indexOf('www.mediaandbroadcast.bt.com') > -1) || (hostname.indexOf('www.supplychain.bt.com') > -1) || (hostname.indexOf('www.finalmile.bt.com') > -1) || (hostname.indexOf('www.voiceservices.bt.com') > -1)){ console.log("Prodution ventures Launch script"); var s = document.createElement("script"); s.type = "text/javascript"; s.src = "//assets.adobedtm.com/9a4a45c521ce/ea8bc8bbf859/launch-f8ed49a308ed.min.js"; $("body").append(s); } else if (hostname == "www.ref1.btwholesale.com" || hostname == "modela.e2e.btwosdev.bt.co.uk" || hostname == "modelb.e2e.btwosdev.bt.co.uk" || hostname == "modelc.e2e.btwosdev.bt.co.uk" ) { console.log(' Dev wholesale Launch script'); var s = document.createElement("script"); s.type = "text/javascript"; s.src = "//assets.adobedtm.com/9a4a45c521ce/fe6a9983f9f4/launch-9cd3ca4ed180-development.min.js"; s.setAttribute('defer',''); $("body").append(s); } else if((hostname.indexOf('www.btwholesale.com') > -1) ) { console.log('Production wholesale Launch script'); var s = document.createElement("script"); s.type = "text/javascript"; s.src = "//assets.adobedtm.com/9a4a45c521ce/fe6a9983f9f4/launch-3a76a8affff4.min.js"; s.setAttribute('defer',''); $("body").append(s); } </script> </body> </html>

CINXE.COM

Relay UK - homepage | Relay UK