www.the-connaught.co.uk
Open in
urlscan Pro
2606:4700::6812:1f0b
Public Scan
URL:
https://www.the-connaught.co.uk/jean-georges-online-reservations-policy/
Submission: On December 16 via manual from SG — Scanned from DE
Submission: On December 16 via manual from SG — Scanned from DE
Form analysis
5 forms found in the DOM<form>
<div class="container-fluid">
<div class="room-booking__calendar">
<h3 class="room-booking__title text-center"> Select dates </h3>
<div id="datepicker" class="themed-calendar hasDatepicker">
<div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi-2 ui-datepicker-multi" style="width: 34em; display: block;">
<div class="ui-datepicker-group ui-datepicker-group-first">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" title="Previous month" tabindex="0"><span class="ui-icon ui-icon-circle-triangle-w">Previous month</span></a>
<div class="ui-datepicker-title"><span class="ui-datepicker-month">December</span> <span class="ui-datepicker-year">2021</span></div>
</div>
<table class="ui-datepicker-calendar" role="presentation">
<thead>
<tr>
<th scope="col"><span title="Monday">M</span></th>
<th scope="col"><span title="Tuesday">T</span></th>
<th scope="col"><span title="Wednesday">W</span></th>
<th scope="col"><span title="Thursday">T</span></th>
<th scope="col"><span title="Friday">F</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Saturday">S</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Sunday">S</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">5</span></td>
</tr>
<tr>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">6</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">7</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">8</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">9</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">10</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">11</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">12</span></td>
</tr>
<tr>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">13</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">14</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">15</span></td>
<td class=" ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="11" data-year="2021">
<a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#" role="button" aria-pressed="true" aria-label="Thursday 16th December">16</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 17th December">17</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 18th December">18</a>
</td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 19th December">19</a></td>
</tr>
<tr>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 20th December">20</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 21th December">21</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 22th December">22</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 23th December">23</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 24th December">24</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 25th December">25</a>
</td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 26th December">26</a></td>
</tr>
<tr>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 27th December">27</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 28th December">28</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 29th December">29</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 30th December">30</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="11" data-year="2021"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 31th December">31</a></td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table>
</div>
<div class="ui-datepicker-group ui-datepicker-group-last">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
<a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" title="Next month" tabindex="0"><span class="ui-icon ui-icon-circle-triangle-e">Next month</span></a>
<div class="ui-datepicker-title"><span class="ui-datepicker-month">January</span> <span class="ui-datepicker-year">2022</span></div>
</div>
<table class="ui-datepicker-calendar" role="presentation">
<thead>
<tr>
<th scope="col"><span title="Monday">M</span></th>
<th scope="col"><span title="Tuesday">T</span></th>
<th scope="col"><span title="Wednesday">W</span></th>
<th scope="col"><span title="Thursday">T</span></th>
<th scope="col"><span title="Friday">F</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Saturday">S</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Sunday">S</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 1st January">1</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 2nd January">2</a></td>
</tr>
<tr>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 3rd January">3</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 4th January">4</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 5th January">5</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 6th January">6</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 7th January">7</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 8th January">8</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 9th January">9</a></td>
</tr>
<tr>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 10th January">10</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 11th January">11</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 12th January">12</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 13th January">13</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 14th January">14</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 15th January">15</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 16th January">16</a></td>
</tr>
<tr>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 17th January">17</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 18th January">18</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 19th January">19</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 20th January">20</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 21th January">21</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 22th January">22</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 23th January">23</a></td>
</tr>
<tr>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 24th January">24</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Tuesday 25th January">25</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Wednesday 26th January">26</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Thursday 27th January">27</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Friday 28th January">28</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Saturday 29th January">29</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Sunday 30th January">30</a></td>
</tr>
<tr>
<td class=" " data-handler="selectDay" data-event="click" data-month="0" data-year="2022"><a class="ui-state-default" href="#" role="button" aria-pressed="false" aria-label="Monday 31th January">31</a></td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table>
</div>
<div class="ui-datepicker-row-break"></div>
</div>
</div>
<div class="room-booking__dates-selected">
<p><strong>Check-in:</strong> <span id="date__start-date" class="date__start-date">Please select your date</span></p>
<p><strong>Check-out:</strong> <span id="date__end-date" class="date__end-date">Please select your date</span></p>
</div>
<div role="status" aria-live="polite" aria-atomic="true" id="room-booking__status-message" class="visually-hidden"></div>
</div>
<div class="room-booking__room-booking">
<h3 class="room-booking__title text-center"> Select rooms & occupancy </h3>
<div class="booking-table">
<div>
<div class="booking-table__row">
<div class="booking-table__room"><span>Room 1</span></div>
<div class="booking-table__adults">
<div class="room-booking__dropdown"><label>Adults</label>
<fieldset role="combobox" aria-haspopup="true" aria-expanded="false" aria-disabled="false" id="'radiogroup-adult' + key" class="room-booking__form-group">
<legend id="adult-dropdown-label0" class="visually-hidden">Select number of adults staying in room 1</legend> <button aria-haspopup="listbox" aria-labelledby="adult-dropdown-label0" class="room-booking__filter-btn"> 2 <span
role="presentation" class="room-booking__arrow-icon-wrapper"><svg role="img" viewBox="0 0 47 57" version="1.1" xmlns="http://www.w3.org/2000/svg" class="room-booking__arrow-icon">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Static/images/sprites/symbol.svg#arrow-down-large"></use>
</svg></span></button>
<div aria-labelledby="adult-dropdown-label0" role="listbox" aria-hidden="true" class="room-booking__dropdown-options">
<div class="room-booking__form-item">
<div class="room-booking__radio-item"><label for="rbOption00"><input role="option" type="radio" id="rbOption00" name="radiogroup-adult0" value="1">1 </label></div>
</div>
<div class="room-booking__form-item">
<div class="room-booking__radio-item"><label for="rbOption10"><input role="option" type="radio" id="rbOption10" name="radiogroup-adult0" value="2">2 </label></div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="booking-table__children">
<div class="room-booking__dropdown"><label>Children</label>
<fieldset role="combobox" aria-haspopup="true" aria-expanded="false" aria-disabled="false" id="radiogroup-child0" class="room-booking__form-group">
<legend id="child-dropdown-label0" class="visually-hidden">Select number of children staying in room 1</legend> <button aria-haspopup="listbox" aria-labelledby="child-dropdown-label0" class="room-booking__filter-btn"> 0 <span
role="presentation" class="room-booking__arrow-icon-wrapper"><svg role="img" viewBox="0 0 47 57" version="1.1" xmlns="http://www.w3.org/2000/svg" class="room-booking__arrow-icon">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Static/images/sprites/symbol.svg#arrow-down-large"></use>
</svg></span></button>
<div aria-labelledby="child-dropdown-label0" role="listbox" aria-hidden="true" class="room-booking__dropdown-options">
<div class="room-booking__form-item">
<div class="room-booking__radio-item"><label for="rbChildOption00"><input role="option" type="radio" id="rbChildOption00" name="radiogroup-child0" value="0">0 </label></div>
</div>
<div class="room-booking__form-item">
<div class="room-booking__radio-item"><label for="rbChildOption01"><input role="option" type="radio" id="rbChildOption01" name="radiogroup-child0" value="1">1 </label></div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="room-booking__remove-room"><!----></div>
</div>
</div>
<div class="room-booking__add-room"><button class="btn btn--add-room">Add Room</button></div>
</div>
<div role="status" aria-live="polite" aria-atomic="true" class="booking-alert visually-hidden">
<p><!----></p>
</div> <button disabled="disabled" class="btn btn--primary btn--room-booking">Check Availability</button>
</div>
</div>
</form>
<form v-on:submit.prevent="">
<div class="container-fluid">
<div class="room-booking__calendar">
<h3 class="room-booking__title text-center"> Select dates </h3>
<date-picker @update-date="updateDate" date-format="yy-mm-dd" class="themed-calendar"></date-picker>
<div class="room-booking__dates-selected">
<p><strong>Check-in:</strong> <span class="date__start-date" id="date__start-date">Please select your date</span></p>
<p><strong>Check-out:</strong> <span class="date__end-date" id="date__end-date">Please select your date</span></p>
</div>
<div role="status" aria-live="polite" aria-atomic="true" class="visually-hidden" id="room-booking__status-message"></div>
</div>
<div class="room-booking__room-booking">
<h3 class="room-booking__title text-center"> Select rooms & occupancy </h3>
<div class="booking-table">
<div v-for="(room, key) in rooms">
<div class="booking-table__row">
<div class="booking-table__room">
<span>Room {{key + 1}}</span>
</div>
<div class="booking-table__adults">
<div class="room-booking__dropdown">
<label v-if="key == 0">Adults</label>
<fieldset role="combobox" aria-haspopup="true" aria-expanded="false" aria-disabled="false" class="room-booking__form-group" id="'radiogroup-adult' + key" @change="onChange($event)">
<legend :id="'adult-dropdown-label' + key" class="visually-hidden">Select number of adults staying in room {{key + 1}}</legend>
<button @keydown="arrowNavigationInit" aria-haspopup="listbox" :aria-labelledby="'adult-dropdown-label' + key" @click="toggleOpenFilter" class="room-booking__filter-btn">
{{ room.adult }}
<span class="room-booking__arrow-icon-wrapper" role="presentation">
<svg role="img" viewBox="0 0 47 57" version="1.1" xmlns="http://www.w3.org/2000/svg" class="room-booking__arrow-icon">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Static/images/sprites/symbol.svg#arrow-down-large"></use>
</svg>
</span>
</button>
<div class="room-booking__dropdown-options" :aria-labelledby="'adult-dropdown-label' + key" role="listbox" aria-hidden="true">
<div class="room-booking__form-item" v-for="(option , radioKey) in maxAdults">
<div class="room-booking__radio-item">
<label :for="'rbOption' + radioKey + key">
<input role="option" type="radio" @keydown="arrowNavigationToggle" :id="'rbOption' + radioKey + key" :name="'radiogroup-adult' + key" :value="radioKey + 1" v-model="room.adult">{{ radioKey + 1 }}
</label>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="booking-table__children">
<div class="room-booking__dropdown">
<label v-if="key == 0">Children</label>
<fieldset role="combobox" aria-haspopup="true" aria-expanded="false" aria-disabled="false" class="room-booking__form-group" :id="'radiogroup-child' + key" @change="onChange($event)">
<legend :id="'child-dropdown-label' + key" class="visually-hidden">Select number of children staying in room {{key + 1}}</legend>
<button @keydown="arrowNavigationInit" aria-haspopup="listbox" :aria-labelledby="'child-dropdown-label' + key" @click="toggleOpenFilter" class="room-booking__filter-btn">
{{ room.children }}
<span class="room-booking__arrow-icon-wrapper" role="presentation">
<svg role="img" viewBox="0 0 47 57" version="1.1" xmlns="http://www.w3.org/2000/svg" class="room-booking__arrow-icon">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Static/images/sprites/symbol.svg#arrow-down-large"></use>
</svg>
</span>
</button>
<div class="room-booking__dropdown-options" :aria-labelledby="'child-dropdown-label' + key" role="listbox" aria-hidden="true">
<div class="room-booking__form-item" v-for="(option , radioKey) in maxChildren">
<div class="room-booking__radio-item">
<label :for="'rbChildOption' + key + radioKey">
<input role="option" type="radio" @keydown="arrowNavigationToggle" :id="'rbChildOption' + key + radioKey" :name="'radiogroup-child' + key" :value="radioKey" v-model="room.children">{{ radioKey }}
</label>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="room-booking__remove-room">
<button class="btn btn--remove-room" v-if="key > 0" @click="removeRoom(room,key)">
<svg role="img" aria-label="remove room" class="close-menu__svg">
<title>remove room</title>
<use xlink:href="/Static/images/sprites/symbol.svg#close"></use>
</svg>
</button>
</div>
</div>
</div> <!-- end loop -->
<div class="room-booking__add-room">
<button class="btn btn--add-room" v-if="rooms.length <= 3" @click="addRoom">Add Room</button>
</div>
</div>
<div class="booking-alert" role="status" aria-live="polite" aria-atomic="true" :class="{ 'visually-hidden': !showMaxPeopleInfo }">
<p><span v-if="showMaxPeopleInfo">To book a room for 3 or more guests, please call <a href="tel:+442071078945">+44 (0)20 7107 8945</a></span></p>
</div>
<button class="btn btn--primary btn--room-booking" @click="checkAvailability" :disabled="showMaxPeopleInfo == true || endDate == null">Check Availability</button>
</div>
</div>
</form>
POST /newsletter-sign-up/
<form method="POST" action="/newsletter-sign-up/" class="newsletter-signup" novalidate="novalidate">
<fieldset>
<legend class="visually-hidden">Newsletter Signup</legend>
<label class="visually-hidden" for="newsletter-email">Newsletter Signup</label>
<input type="email" id="newsletter-email" class="newsletter-signup__input" name="newsletter-email" placeholder="Email address">
<input type="submit" value="sign up" class="btn btn--primary newsletter-signup__submit">
</fieldset>
</form>
GET
<form id="footer-links-collection" class="footer-links-collection" method="GET" novalidate="novalidate">
<fieldset>
<legend class="footer-links-collection__label"> Some information is available in other languages </legend>
<label for="language-selector" class="visually-hidden">Language Selector</label>
<select id="language-selector" name="language-selector" class="language-selector js-language-selector test select2-hidden-accessible" data-select2-id="select2-data-language-selector" tabindex="-1" aria-hidden="true">
<option selected="selected" title="SELECT LANGUAGE" data-select2-id="select2-data-2-m17h"> SELECT LANGUAGE </option>
<option value="/siteassets/factsheets-2020/the-connaught-french-factsheet-2020.pdf" title="Français"> Français </option>
<option value="/siteassets/factsheets-2020/the-connaught-german-fact-sheet-2020.pdf" title="Deutsch"> Deutsch </option>
<option value="/siteassets/factsheets-2020/the-connaught-russian-fact-sheet-2020.pdf" title="русский"> русский </option>
<option value="/siteassets/factsheets-2020/the-connaught-chinese-fact-sheet-2020.pdf" title="中文"> 中文 </option>
<option value="/siteassets/factsheets-2020/the-connaught-portuguese-fact-sheet-2020.pdf" title="Português"> Português </option>
<option value="/siteassets/factsheets-2021/the-connaught-fact-sheet-2021.pdf" title="English"> English </option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-1-ldt8" style="width: 400px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox"
aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-language-selector-container"><span class="select2-selection__rendered" id="select2-language-selector-container" role="textbox"
aria-readonly="true" title="SELECT LANGUAGE"> SELECT LANGUAGE </span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper"
aria-hidden="true"></span></span>
</fieldset>
</form>
POST #
<form class="acsb-form" data-acsb-search="form" enctype="multipart/form-data" action="#" method="POST"> <input type="text" tabindex="0" name="acsb_search" autocomplete="off" placeholder="Search the online dictionary..."
aria-label="Search the online dictionary..."> <i class="acsbi-search"></i> </form>
Text Content
Skip to Content ↵ENTER Skip to Menu ↵ENTER Skip to Footer ↵ENTER connaught Book rooms & suites Make a dining reservation Stays until and including 31 March 2022 will be subject to VAT at 12.5%. SELECT DATES Previous month December 2021 MTWTFSS 12345678910111213141516171819202122232425262728293031 Next month January 2022 MTWTFSS 12345678910111213141516171819202122232425262728293031 Check-in: Please select your date Check-out: Please select your date SELECT ROOMS & OCCUPANCY Room 1 Adults Select number of adults staying in room 1 2 1 2 Children Select number of children staying in room 1 0 0 1 Add Room Check Availability CHOOSE YOUR DESIRED RESERVATION AND DATE Restaurant Choose a restaurant Jean-Georges at The Connaught Hélène Darroze at The Connaught Choose a restaurant Your sitting Your sitting ×Your sitting Number of guest Number of guest ×Number of guest PrevNext December 2021 MTWTFSS 12345678910111213141516171819202122232425262728293031 Check Availability Stays until and including 31 March 2022 will be subject to VAT at 12.5%. SELECT DATES Check-in: Please select your date Check-out: Please select your date SELECT ROOMS & OCCUPANCY Room {{key + 1}} Adults Select number of adults staying in room {{key + 1}} {{ room.adult }} {{ radioKey + 1 }} Children Select number of children staying in room {{key + 1}} {{ room.children }} {{ radioKey }} remove room Add Room To book a room for 3 or more guests, please call +44 (0)20 7107 8945 Check Availability To ensure you receive the best user experience, our site will use cookies to store information in your browser. To find out more view our Cookie Policy, continued use of this site indicates you have accepted this policy. ACCEPT & CLOSE Welcome Back To The Connaught | Explore Our Luxury Rooms & Suites Here Menu The Connaught * Staying Safe * Rooms & Suites * Restaurants & Bars * The Connaught Shop * Christmas * Aman Spa * Meetings & Events * Special Offers * Concierge & Services * What’s New * The Season * Gift Vouchers * About the hotel * Contact us Book Share Share * Facebook * Twitter Twitter * Email JEAN-GEORGES AT THE CONNAUGHT - ONLINE RESERVATIONS POLICY * We will reconfirm your reservation by text message 72 hours prior to arrival. You will have the option to either reply to confirm or call to cancel. If you have not confirmed your reservation 24 hours before booking, we reserve the right to cancel the reservation and resell the table. * For all bookings, we require credit/debit card details to secure your booking. * A charge will only be incurred if you fail to arrive for your reservation without notice, or cancel your booking within 24 hours of your reservation. The amount that you will be charged is £50pp for lunch and dinner bookings and the full amount per person for afternoon tea. Adjustments to booking numbers can be made at any time at no extra charge, subject to availability. * We respectfully ask for guests to be ready to sit at the table at the indicated booking time. * We would ask you to kindly notify the restaurant if you are delayed as we may release the table after 20 minutes of the reservation time. * Dietary requirements will be happily accommodated if advised at least 48 hours in advance. * We ask that for the privacy of our guests you refrain from using flash photography. * Please note that for breakfast our seating times are as follows: 1-2 guests 1hr, 2-4 guests 1hr 30mins, 4-6 guests 2hrs. * Please note that for lunch & dinner out seating times are as follows: 1-2 guests 1 hr 30mins, 2-4 guests 2 hrs, 4-6 guests 2hrs 30mins. * Please note that for afternoon tea our seating times are as follows: all guests 2hrs. * Afternoon teas cannot be shared between guests. If not all of your guests require the afternoon tea menu, please advise prior to your reservation date in order for us to accommodate your requirements. EXPERIENCE * Rooms & Suites * Restaurants & Bars * Afternoon Tea * Aman Spa * Meetings & Events * Special offers * My Reservations GIFTS * The Connaught Shop * Gift Vouchers ABOUT * About us * Contact us * Careers * The Connaught Magazine MAYBOURNE HOTEL GROUP * Claridge's * The Berkeley * The Maybourne Beverly Hills * The Maybourne Riviera * Maybourne Hotel Group FOLLOW US * Instagram * Facebook * Twitter * Trip Advisor NEWSLETTER SIGNUP Newsletter Signup Newsletter Signup FIND US The Connaught Carlos Place Mayfair London W1K 2AL Some information is available in other languages Language Selector SELECT LANGUAGE Français Deutsch русский 中文 Português English SELECT LANGUAGE * COVID-19 * Privacy Policy * CCPA * Cookie Policy * Terms & Conditions * Modern Slavery Act Copyright © Maybourne Hotel Group. 2021 All rights reserved * Mail us * Find Us YOUR PRIVACY When you visit our website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalised web experience. Read our cookie policy. You can choose to accept all cookies by clicking ‘Allow all cookies’ below, or you can choose not to allow some types of cookies by changing your settings in each cookie category below. Please be aware that blocking some types of cookies may impact your experience of the site and the services we are able to offer. ALLOW ALL COOKIES MANAGE COOKIE PREFERENCES ESSENTIAL COOKIES Always Active These cookies are necessary for the website to function and we cannot turn these off. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site may not work then. View Cookie Details FUNCTIONAL COOKIES Functional Cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. View Cookie Details ANALYTICS COOKIES Analytics Cookies These cookies allow us to count visits and traffic sources to the site, so we can measure and improve the performance of our site. They help us know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies, we will not know when you have visited our site. View Cookie Details MARKETING COOKIES Marketing Cookies These cookies are set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant ads on other sites. They work by uniquely identifying your browser and device. If you do not allow these cookies, you will not experience our targeted advertising across different websites. View Cookie Details BACK BUTTON PERFORMANCE COOKIES Vendor Search Search Icon Filter Icon Clear checkbox label label Apply Cancel Consent Leg.Interest checkbox label label checkbox label label checkbox label label * 33ACROSS HOST DESCRIPTION VIEW COOKIES * Name cookie name SAVE PREFERENCES We use cookies to offer you the best user experience and enhance the quality of our site. You can find out more about which cookies we use and how to manage them individually by clicking on Cookie Settings. Cookie Settings ACCEPT & CLOSE English Accessibility Adjustments Reset Settings Statement Hide Interface Choose the right accessibility profile for you OFF ON Seizure Safe Profile Eliminates flashes and reduces color This profile enables epileptic and seizure prone users to browse safely by eliminating the risk of seizures that result from flashing or blinking animations and risky color combinations. OFF ON Vision Impaired Profile Enhances the website's visuals This profile adjusts the website, so that it is accessible to the majority of visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract, Glaucoma, and others. OFF ON Cognitive Disability Profile Assists with reading and focusing This profile provides various assistive features to help users with cognitive disabilities such as Autism, Dyslexia, CVA, and others, to focus on the essential elements of the website more easily. OFF ON ADHD Friendly Profile More focus and fewer distractions This profile significantly reduces distractions, to help people with ADHD and Neurodevelopmental disorders browse, read, and focus on the essential elements of the website more easily. OFF ON Blind Users (Screen-reader) Use the website with your screen-reader This profile adjusts the website to be compatible with screen-readers such as JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software that is installed on the blind user’s computer and smartphone, and websites should ensure compatibility with it. Note: This profile prompts automatically to screen-readers. OFF ON Keyboard Navigation (Motor) Use the website with the keyboard This profile enables motor-impaired persons to operate the website using the keyboard Tab, Shift+Tab, and the Enter keys. Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements. Note: This profile prompts automatically for keyboard users. Content Adjustments Content Scaling Default Readable Font Highlight Titles Highlight Links Text Magnifier Adjust Font Sizing Default Align Center Adjust Line Height Default Align Left Adjust Letter Spacing Default Align Right Color Adjustments Dark Contrast Light Contrast Monochrome High Saturation Adjust Text Colors Cancel High Contrast Adjust Title Colors Cancel Low Saturation Adjust Background Colors Cancel Orientation Adjustments Mute Sounds Hide Images Read Mode Reading Guide Useful Links Select an option Home Header Footer Main Content Stop Animations Reading Mask Highlight Hover Highlight Focus Big Black Cursor Big White Cursor HIDDEN_ADJUSTMENTS Keyboard Navigation Accessible Mode Screen Reader Adjustments Read Mode Web Accessibility Solution By accessiBe Choose the Interface Language English Español Deutsch Português Français Italiano עברית 繁體中文 Pусский عربى عربى Nederlands 繁體中文 日本語 Accessibility StatementCompliance status We firmly believe that the internet should be available and accessible to anyone and are committed to providing a website that is accessible to the broadest possible audience, regardless of ability. To fulfill this, we aim to adhere as strictly as possible to the World Wide Web Consortium’s (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA level. These guidelines explain how to make web content accessible to people with a wide array of disabilities. Complying with those guidelines helps us ensure that the website is accessible to blind people, people with motor impairments, visual impairment, cognitive disabilities, and more. This website utilizes various technologies that are meant to make it as accessible as possible at all times. We utilize an accessibility interface that allows persons with specific disabilities to adjust the website’s UI (user interface) and design it to their personal needs. Additionally, the website utilizes an AI-based application that runs in the background and optimizes its accessibility level constantly. This application remediates the website’s HTML, adapts its functionality and behavior for screen-readers used by blind users, and for keyboard functions used by individuals with motor impairments. If you wish to contact the website’s owner please use the website's form Screen-reader and keyboard navigation Our website implements the ARIA attributes (Accessible Rich Internet Applications) technique, alongside various behavioral changes, to ensure blind users visiting with screen-readers can read, comprehend, and enjoy the website’s functions. As soon as a user with a screen-reader enters your site, they immediately receive a prompt to enter the Screen-Reader Profile so they can browse and operate your site effectively. Here’s how our website covers some of the most important screen-reader requirements: 1. Screen-reader optimization: we run a process that learns the website’s components from top to bottom, to ensure ongoing compliance even when updating the website. In this process, we provide screen-readers with meaningful data using the ARIA set of attributes. For example, we provide accurate form labels; descriptions for actionable icons (social media icons, search icons, cart icons, etc.); validation guidance for form inputs; element roles such as buttons, menus, modal dialogues (popups), and others. Additionally, the background process scans all of the website’s images. It provides an accurate and meaningful image-object-recognition-based description as an ALT (alternate text) tag for images that are not described. It will also extract texts embedded within the image using an OCR (optical character recognition) technology. To turn on screen-reader adjustments at any time, users need only to press the Alt+1 keyboard combination. Screen-reader users also get automatic announcements to turn the Screen-reader mode on as soon as they enter the website. These adjustments are compatible with popular screen readers such as JAWS, NVDA, VoiceOver, and TalkBack. 2. Keyboard navigation optimization: The background process also adjusts the website’s HTML and adds various behaviors using JavaScript code to make the website operable by the keyboard. This includes the ability to navigate the website using the Tab and Shift+Tab keys, operate dropdowns with the arrow keys, close them with Esc, trigger buttons and links using the Enter key, navigate between radio and checkbox elements using the arrow keys, and fill them in with the Spacebar or Enter key. Additionally, keyboard users will find content-skip menus available at any time by clicking Alt+2, or as the first element of the site while navigating with the keyboard. The background process also handles triggered popups by moving the keyboard focus towards them as soon as they appear, not allowing the focus to drift outside. Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements. Disability profiles supported on our website * Epilepsy Safe Profile: this profile enables people with epilepsy to safely use the website by eliminating the risk of seizures resulting from flashing or blinking animations and risky color combinations. * Vision Impaired Profile: this profile adjusts the website so that it is accessible to the majority of visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract, Glaucoma, and others. * Cognitive Disability Profile: this profile provides various assistive features to help users with cognitive disabilities such as Autism, Dyslexia, CVA, and others, to focus on the essential elements more easily. * ADHD Friendly Profile: this profile significantly reduces distractions and noise to help people with ADHD, and Neurodevelopmental disorders browse, read, and focus on the essential elements more easily. * Blind Users Profile (Screen-readers): this profile adjusts the website to be compatible with screen-readers such as JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is installed on the blind user’s computer, and this site is compatible with it. * Keyboard Navigation Profile (Motor-Impaired): this profile enables motor-impaired persons to operate the website using the keyboard Tab, Shift+Tab, and the Enter keys. Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements. Additional UI, design, and readability adjustments 1. Font adjustments – users can increase and decrease its size, change its family (type), adjust the spacing, alignment, line height, and more. 2. Color adjustments – users can select various color contrast profiles such as light, dark, inverted, and monochrome. Additionally, users can swap color schemes of titles, texts, and backgrounds with over seven different coloring options. 3. Animations – epileptic users can stop all running animations with the click of a button. Animations controlled by the interface include videos, GIFs, and CSS flashing transitions. 4. Content highlighting – users can choose to emphasize essential elements such as links and titles. They can also choose to highlight focused or hovered elements only. 5. Audio muting – users with hearing devices may experience headaches or other issues due to automatic audio playing. This option lets users mute the entire website instantly. 6. Cognitive disorders – we utilize a search engine linked to Wikipedia and Wiktionary, allowing people with cognitive disorders to decipher meanings of phrases, initials, slang, and others. 7. Additional functions – we allow users to change cursor color and size, use a printing mode, enable a virtual keyboard, and many other functions. Assistive technology and browser compatibility We aim to support as many browsers and assistive technologies as possible, so our users can choose the best fitting tools for them, with as few limitations as possible. Therefore, we have worked very hard to be able to support all major systems that comprise over 95% of the user market share, including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS, and NVDA (screen readers), both for Windows and MAC users. Notes, comments, and feedback Despite our very best efforts to allow anybody to adjust the website to their needs, there may still be pages or sections that are not fully accessible, are in the process of becoming accessible, or are lacking an adequate technological solution to make them accessible. Still, we are continually improving our accessibility, adding, updating, improving its options and features, and developing and adopting new technologies. All this is meant to reach the optimal level of accessibility following technological advancements. If you wish to contact the website’s owner, please use the website's form Hide Accessibility Interface? Please note: If you choose to hide the accessibility interface, you won't be able to see it anymore, unless you clear your browsing history and data. Are you sure that you wish to hide the interface? Accept Cancel Continue Processing the data, please give it a few seconds...