<header class="site-header">
<img alt="Understanding Patient Data" class="site-header__logo" src="../../images/logo.svg">
<div class="site-header__navigation drop-down" id="site-header-navigation">
<div class="site-header__drop-down drop-down__container">
<nav class="header-nav">
<ul class="header-nav__list">
<li class="header-nav__item">
<a class="header-nav__link" href="#link-to-page">About us</a>
</li>
<li class="header-nav__item">
<a class="header-nav__link" href="#link-to-page">What you need to know</a>
</li>
<li class="header-nav__item">
<a class="header-nav__link" href="#link-to-page">Supporting conversations</a>
</li>
<li class="header-nav__item">
<a class="header-nav__link" href="#link-to-page">Case studies</a>
</li>
<li class="header-nav__item">
<a class="header-nav__link" href="#link-to-page">News</a>
</li>
<li class="header-nav__item">
<a class="header-nav__link" href="#link-to-page">Contact</a>
</li>
</ul>
</nav>
</div>
</div>
<a aria-controls="site-header-navigation" aria-expanded="false" class="site-header__button u-display-none-from-visible-navigation" data-toggle="is-open" data-toggle-group="site-header" href="#site-header-navigation">
<svg class="svg-icon svg-icon--inline" role="presentation">
<title>Navigation menu</title>
<use xlink:href="#svg-icon-hamburger" />
</svg>
</a>
<div class="site-header__search drop-down" data-focus="#header-search" id="site-header-search">
<div class="site-header__drop-down drop-down__container">
<form class="header-search">
<label class="u-visually-hidden" for="header-search">Search the entire Understanding Patient Data site</label>
<button class="site-header__button header-search__button js-header-search" type="submit">
<svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" title="Search">
<title>Search</title>
<use class="header-search__icon header-search__icon--mobile" xlink:href="#svg-icon-arrow" />
<use class="header-search__icon header-search__icon--desktop" xlink:href="#svg-icon-search" />
</svg>
</button>
<input class="header-search__input" id="header-search" placeholder="Search..." required type="search">
</form>
</div>
</div>
<a aria-controls="site-header-search" aria-expanded="false" class="site-header__button u-display-none-from-visible-navigation" data-toggle="is-open" data-toggle-group="site-header" href="#site-header-search">
<svg class="svg-icon svg-icon--inline" role="presentation">
<title>Search</title>
<use xlink:href="#svg-icon-search" />
</svg>
</a>
</header>
<div class="site-header site-header--placeholder"></div>
<main>
<header class="hero panel">
<div class="hero__image-wrapper">
<div class="hero__image-container">
<svg class="hero__image-background" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 642.8" role="presentation">
<polygon fill="#9DB6C2" points="0,0 750,0 750,205 0,642.8 " />
<polygon fill="#658C9F" points="1500,642.8 750,205 750,0 1500,0 " />
</svg>
<img alt="" class="hero__image" src="../../images/hero.svg">
</div>
</div>
<div class="wrapper wrapper--gutter">
<h1 class="hero__title">Understanding Patient Data</h1>
<ul class="grid grid--center gutter gutter--large">
<li class="grid__item gutter__item u-width-1-of-1 u-width-1-of-3-from-x-large">
<a class="key-info-tile" href="#link-to-page">
<div class="key-info-tile__icon">
<svg class="svg-icon svg-icon--inline" xmlns="http://www.w3.org/2000/svg" role="presentation">
<use xlink:href="#svg-icon-home-heart" />
</svg>
</div>
<p class="key-info-tile__text">Using patient data is essential to improve health and deliver better care</p>
<div class="cta cta--arrow">How data is used</div>
</a>
<!-- /li -->
<li class="grid__item gutter__item u-width-1-of-1 u-width-1-of-3-from-x-large">
<a class="key-info-tile" href="#link-to-page">
<div class="key-info-tile__icon">
<svg class="svg-icon svg-icon--inline" xmlns="http://www.w3.org/2000/svg" role="presentation">
<use xlink:href="#svg-icon-home-shield" />
</svg>
</div>
<p class="key-info-tile__text">There must be robust safeguards to protect patient confidentiality when data is used</p>
<div class="cta cta--arrow">How it is kept safe</div>
</a>
<!-- /li -->
<li class="grid__item gutter__item u-width-1-of-1 u-width-1-of-3-from-x-large">
<a class="key-info-tile" href="#link-to-page">
<div class="key-info-tile__icon">
<svg class="svg-icon svg-icon--inline" xmlns="http://www.w3.org/2000/svg" role="presentation">
<use xlink:href="#svg-icon-home-book" />
</svg>
</div>
<p class="key-info-tile__text">Everyone should know how patient data is used and why, and what choices you can make</p>
<div class="cta cta--arrow">Resources</div>
</a>
<!-- /li -->
</ul>
<p class="hero__intro">More than two thirds of the population do not feel they know how health data is used in the NHS. We want to change that. Understanding Patient Data has been set up to support conversations with the public, patients and healthcare professionals
about how health and care data is used, providing resources for people to find out more.</p>
</div>
</header>
<div class="panel panel--alt">
<div class="wrapper wrapper--gutter">
<aside class="panel__item">
<figure class="testimonial">
<blockquote class="testimonial__quote">
There needs to be a much more extensive dialogue with the public about how their information will be used, and the benefits of data sharing for their own care, for the health and social care system and for research.
</blockquote>
<figcaption class="testimonial__attribution">
<img alt="" class="testimonial__image" src="../../images/placeholder/testimonial-dame-fiona-caldicott.jpg">
<span class="testimonial__name">Dame Fiona Caldicott</span>
<span class="testimonial__title">National Data Guardian for Health and Care</span>
</figcaption>
</figure>
</aside>
<section class="panel__item">
<div class="feature-list">
<header class="feature-list__header">
<h2 class="feature-list__title">Latest news</h2>
<div class="feature-list__title feature-list__title--action">
<a class="button button--small" href="#link-to-full-listing">View all</a>
</div>
</header>
<ul class="grid grid--center gutter gutter--medium">
<li class="grid__item gutter__item u-width-1-of-1 u-width-1-of-2-from-medium u-width-1-of-3-from-large">
<a class="news-tile" href="#link-to-destination">
<time class="news-tile__date" datetime="2017-02-27T12:34:00.000Z">27 Feb 2017</time>
<h2 class="news-tile__title">NHS misplaced half a million patient documents</h2>
<div class="cta cta--small cta--arrow">Read more</div>
</a>
<!-- /li -->
<li class="grid__item gutter__item u-width-1-of-1 u-width-1-of-2-from-medium u-width-1-of-3-from-large">
<a class="news-tile" href="#link-to-destination">
<time class="news-tile__date" datetime="2017-02-27T12:34:00.000Z">27 Feb 2017</time>
<h2 class="news-tile__title">NHS misplaced half a million patient documents</h2>
<div class="cta cta--small cta--arrow">Read more</div>
</a>
<!-- /li -->
<li class="grid__item gutter__item u-width-1-of-1 u-width-1-of-2-from-medium u-width-1-of-3-from-large">
<a class="news-tile" href="#link-to-destination">
<time class="news-tile__date" datetime="2017-02-27T12:34:00.000Z">27 Feb 2017</time>
<h2 class="news-tile__title">NHS misplaced half a million patient documents</h2>
<div class="cta cta--small cta--arrow">Read more</div>
</a>
<!-- /li -->
</ul>
</div>
</section>
</div>
</div>
<div class="panel">
<div class="wrapper wrapper--gutter">
<section class="panel__item">
<div class="feature-list">
<header class="feature-list__header">
<h2 class="feature-list__title">Case studies</h2>
<div class="feature-list__title feature-list__title--action">
<a class="button button--small" href="#link-to-full-listing">View all</a>
</div>
</header>
<ul class="grid grid--center gutter gutter--medium">
<li class="grid__item gutter__item u-width-1-of-1 u-width-1-of-2-from-medium u-width-1-of-4-from-x-large">
<a class="case-study-tile case-study-tile--alt" href="#link-to-destination">
<img alt="" class="case-study-tile__image" src=../../images/placeholder/case-study-tile-whooping-cough.jpg>
<div class="case-study-tile__info">
<h2 class="case-study-tile__title">Whooping cough vaccination during pregnancy</h2>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</div>
</a>
<!-- /li -->
<li class="grid__item gutter__item u-width-1-of-1 u-width-1-of-2-from-medium u-width-1-of-4-from-x-large">
<a class="case-study-tile case-study-tile--alt" href="#link-to-destination">
<img alt="" class="case-study-tile__image" src=../../images/placeholder/case-study-tile-whooping-cough.jpg>
<div class="case-study-tile__info">
<h2 class="case-study-tile__title">Whooping cough vaccination during pregnancy</h2>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</div>
</a>
<!-- /li -->
<li class="grid__item gutter__item u-width-1-of-1 u-width-1-of-2-from-medium u-width-1-of-4-from-x-large">
<a class="case-study-tile case-study-tile--alt" href="#link-to-destination">
<img alt="" class="case-study-tile__image" src=../../images/placeholder/case-study-tile-whooping-cough.jpg>
<div class="case-study-tile__info">
<h2 class="case-study-tile__title">Whooping cough vaccination during pregnancy</h2>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</div>
</a>
<!-- /li -->
<li class="grid__item gutter__item u-width-1-of-1 u-width-1-of-2-from-medium u-width-1-of-4-from-x-large">
<a class="case-study-tile case-study-tile--alt" href="#link-to-destination">
<img alt="" class="case-study-tile__image" src=../../images/placeholder/case-study-tile-whooping-cough.jpg>
<div class="case-study-tile__info">
<h2 class="case-study-tile__title">Whooping cough vaccination during pregnancy</h2>
<ul class="tag-list">
<li class="tag-list__item">
<span class="tag tag--planning">
Planning
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--disease-risks-and-causes">
Disease risks and causes
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--diagnosis">
Diagnosis
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--patient-safety">
Patient safety
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--policy">
Policy
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--treatment-and-prevention">
Treatment and prevention
</span>
</li>
<li class="tag-list__item">
<span class="tag tag--individual-care">
Individual care
</span>
</li>
</ul>
</div>
</a>
<!-- /li -->
</ul>
</div>
</section>
</div>
</div>
</main>
<footer class="site-footer">
<div class="wrapper wrapper--gutter">
<ul class="site-footer__sections">
<li class="site-footer__section site-footer__section--primary u-width-1-of-2-from-medium u-width-1-of-3-from-large">
<img alt="Understanding Patient Data" class="site-footer__logo" src="../../images/logo.svg">
<ul class="site-footer__socials grid gutter gutter--small">
<li class="grid__item gutter__item">
<a class="site-footer__social-link" href="#link-to-twitter">
<svg class="svg-icon svg-icon--circular site-footer__social-icon" xmlns="http://www.w3.org/2000/svg" title="Follow us on Twitter">
<title>Follow us on Twitter</title>
<use xlink:href="#svg-icon-twitter" />
</svg>
</a>
<!-- /li -->
<li class="grid__item gutter__item">
<a class="site-footer__social-link" href="#link-to-linkedin">
<svg class="svg-icon svg-icon--circular site-footer__social-icon" xmlns="http://www.w3.org/2000/svg" title="Follow us on LinkedIn">
<title>Follow us on LinkedIn</title>
<use xlink:href="#svg-icon-linkedin" />
</svg>
</a>
<!-- /li -->
<li class="grid__item gutter__item">
<a class="site-footer__social-link" href="#link-to-facebook">
<svg class="svg-icon svg-icon--circular site-footer__social-icon" xmlns="http://www.w3.org/2000/svg" title="Follow us on Facebook">
<title>Follow us on Facebook</title>
<use xlink:href="#svg-icon-facebook" />
</svg>
</a>
<!-- /li -->
</ul>
<!-- /li -->
<li class="site-footer__section u-width-1-of-2-from-medium u-width-1-of-3-from-large">
<span class="site-footer__text site-footer__text--title">Contact us</span>
<dl class="list-bare">
<dt class="u-visually-hidden">Telephone</dt>
<dd>
<a class="site-footer__text site-footer__text--phone" href="tel:+4420786118646">+44 207 8611 8646</a>
</dd>
<dt class="u-visually-hidden">Email</dt>
<dd>
<a class="site-footer__text" href="mailto:hello@understandingpatientdata.org.uk">hello@understandingpatientdata.org.uk</a>
</dd>
</dl>
<!-- /li -->
<li class="site-footer__section u-width-1-of-2-from-medium u-width-1-of-3-from-large">
<form>
<label class="site-footer__text site-footer__text--title" for="subscribe">Join our mailing list</label>
<input class="site-footer__input" id="subscribe" placeholder="Email address" required type="email"><!-- Avoid whitespace between elements
--><button class="site-footer__submit" type="submit">Sign up</button>
</form>
<!-- /li -->
</ul>
<div class="site-footer__details">
<span class="site-footer__detail">Copyright 2017 Wellcome Trust Ltd.</span>
<ul class="site-footer__detail list-delimited">
<li>
<a href="#link-to-ts-and-cs">Terms & conditions</a>
</li>
<li>
<a href="#link-to-privacy-policy">Privacy policy</a>
</li>
</ul>
<a class="site-footer__hactar" href="http://hactar.is/">
<img alt="Made by Hactar" src="../../images/made-by-hactar.svg">
</a>
</div>
</div>
</footer>
There are no notes for this item.