[Skip to Content]

HTML Document

URL: https://www.nytimes.com/
HTTP Status: 200 OK
MIME Type: text/html
Last Modified: Mon, 01 Jan 1601 00:00:00 GMT
Download Time: Less than a second
Cookies: vi_www_hp=z09 nyt-a=c15bd6d49ca9fcf9fe5dba6
Size: 240 KB
Page Weight: 240 KB (total size of HTML, CSS, JavaScript and images)
Depth: 0 clicks from home page
Charset: utf-8
Forms: 1 forms containing 1 controls
HTTP Headers: View Headers 19 headers
Links In: View Links 1 pages
Links Out: View Links 264 links
Images: View Images 60 images
CSS: View CSS Files 0 files
JavaScript: View JavaScript Files 0 files
  
Issue Issues: 41 issues found on 253 lines

1<!DOCTYPE html>

2<!--[if (gt IE 9)|!(IE)]> <!-->

Priority 1
Attribute 'xmlns:og' not allowed on element.
Line 2 HTML5

<html lang="en" class="no-js edition-domestic app-homepage" itemscope xmlns:og="http://opengraphprotocol.org/schema/"> <!--<![endif]-->

3<!--[if IE 9]> <html lang="en" class="no-js ie9 lt-ie10 edition-domestic app-homepage" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->

4<!--[if IE 8]> <html lang="en" class="no-js ie8 lt-ie10 lt-ie9 edition-domestic app-homepage" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->

5<!--[if (lt IE 8)]> <html lang="en" class="no-js lt-ie10 lt-ie9 lt-ie8 edition-domestic app-homepage" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->

6<head>

7 <title>The New York Times - Breaking News, World News & Multimedia</title>

8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

9<link rel="shortcut icon" href="https://static01.nyt.com/favicon.ico" />

Priority 1
Bad value for attribute 'sizes'. Bad value '144×144'.
Line 10 HTML5

10<link rel="apple-touch-icon-precomposed" sizes="144×144" href="https://static01.nyt.com/images/icons/ios-ipad-144x144.png" />

Priority 1
Bad value for attribute 'sizes'. Bad value '144×144'.
Line 11 HTML5

11<link rel="apple-touch-icon-precomposed" sizes="114×114" href="https://static01.nyt.com/images/icons/ios-iphone-114x144.png" />

12<link rel="apple-touch-icon-precomposed" href="https://static01.nyt.com/images/icons/ios-default-homescreen-57x57.png" />

13<meta name="sourceApp" content="nyt-v5" />

14<meta id="applicationName" name="applicationName" content="homepage" />

15<meta id="foundation-build-id" name="foundation-build-id" content="" />

16<link rel="canonical" href="http://www.nytimes.com" />

17<link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml" />

JavaScript changes: changed to media='handheld'

JavaScript changes: changed to media='only screen and (max-width: 640px)'

18<link rel="alternate" media="only screen and (max-width: 640px)" href="http://mobile.nytimes.com" />

Priority 1
Bad value for attribute 'media'. Bad value 'handheld'. Deprecated media type 'handheld'
Line 19 HTML5

19<link rel="alternate" media="handheld" href="http://mobile.nytimes.com" />

20<meta name="robots" content="noarchive,noodp,noydir" />

Priority 3
Meta description tag is too long for Bing. Bing recommends keeping the description text under 160 characters in length. The description is 183 characters long.
The major search engines all have different limits for meta description length, and these limits have changed over time. Avoid descriptions close to the limits to avoid problems when the limits change again.
Line 21 Bing

21<meta name="description" content="The New York Times: Find breaking news, multimedia, reviews & opinion on Washington, business, sports, movies, travel, books, jobs, education, real estate, cars & more at nytimes.com." />

22<meta name="CG" content="Homepage" />

23<meta name="SCG" content="" />

24<meta name="PT" content="Homepage" />

25<meta name="PST" content="" />

26<meta name="application-name" content="The New York Times" />

27<meta name="msapplication-starturl" content="http://www.nytimes.com" />

JavaScript changes: changed to content='name=Homepage;action-uri=http://www.nytimes.com?src=iepin&amp;adxnnl=1;icon-uri=https://static01.nyt.com/images/icons/homepage.ico'

JavaScript changes: changed to content='name=Video;action-uri=http://video.nytimes.com/?src=iepin;icon-uri=https://static01.nyt.com/images/icons/video.ico'

JavaScript changes: changed to content='name=Most Popular;action-uri=http://www.nytimes.com/gst/mostpopular.html?src=iepin;icon-uri=https://static01.nyt.com/images/icons/mostpopular.ico'

JavaScript changes: changed to content='name=Search;action-uri=http://query.nytimes.com/search/sitesearch?src=iepin;icon-uri=https://static01.nyt.com/images/icons/search.ico'

28<meta name="msapplication-task" content="name=Search;action-uri=http://query.nytimes.com/search/sitesearch?src=iepin;icon-uri=https://static01.nyt.com/images/icons/search.ico" />

29<meta name="msapplication-task" content="name=Most Popular;action-uri=http://www.nytimes.com/gst/mostpopular.html?src=iepin;icon-uri=https://static01.nyt.com/images/icons/mostpopular.ico" />

30<meta name="msapplication-task" content="name=Video;action-uri=http://video.nytimes.com/?src=iepin;icon-uri=https://static01.nyt.com/images/icons/video.ico" />

31<meta name="msapplication-task" content="name=Homepage;action-uri=http://www.nytimes.com?src=iepin&amp;adxnnl=1;icon-uri=https://static01.nyt.com/images/icons/homepage.ico" />

32<meta property="og:url" content="http://www.nytimes.com" />

33<meta property="og:type" content="website" />

34<meta property="og:title" content="Breaking News, World News & Multimedia" />

35<meta property="og:description" content="The New York Times: Find breaking news, multimedia, reviews & opinion on Washington, business, sports, movies, travel, books, jobs, education, real estate, cars & more at nytimes.com." />

36<meta property="og:image" content="https://static01.nyt.com/images/icons/t_logo_291_black.png" />

37<meta property="fb:app_id" content="9869919170" />

38<meta name="apple-itunes-app" content="app-id=357066198, affiliate-data=at=10lIEQ&ct=Web%20iPad%20Smart%20App%20Banner&pt=13036" />

39<meta name="keywords" content="Congressional Baseball Team Shooting (June, 2017),Murders, Attempted Murders and Homicides,Alexandria (Va),Hodgkinson, James T (1950-2017),Scalise, Steve,Trump, Donald J,Congressional Baseball Team Shooting (June, 2017),Scalise, Steve,United States Politics and Government,Murders, Attempted Murders and Homicides,Hodgkinson, James T (1950-2017),Scalise, Steve,Congressional Baseball Team Shooting (June, 2017),United States Politics and Government,Republican Party,House of Representatives,Congressional Baseball Team Shooting (June, 2017),United States Politics and Government,Republican Party,Hodgkinson, James T (1950-2017),Congressional Baseball Team Shooting,Sanders, Bernard,Scalise, Steve,Trump, Donald J,United States Politics and Government,Congressional Baseball Team Shooting (June, 2017),Murders, Attempted Murders and Homicides,Security and Warning Systems,Politics and Government,Assassinations and Attempted Assassinations,Murders, Attempted Murders and Homicides,Scalise, Steve,Giffords, Gabrielle,Virginia,House of Representatives,Congressional Baseball Team Shooting (June, 2017),Gun Control,Republican Party,United States Politics and Government,Trump, Donald J,Russian Interference in 2016 US Elections and Ties to Trump Associates,Mueller, Robert S III,Presidential Election of 2016,United States Politics and Government,Federal Bureau of Investigation,Russia,Embargoes and Sanctions,Senate,Trump, Donald J,Russian Interference in 2016 US Elections and Ties to Trump Associates,Tillerson, Rex W,Schumer, Charles E,Corker, Robert Phillips Jr,United States Politics and Government,Conflicts of Interest,Constitution (US),Gifts to Public Officials,Citizens for Responsibility and Ethics in Washington,United States Politics and Government,Trump, Donald J,Patient Protection and Affordable Care Act (2010),Health Insurance and Managed Care,Law and Legislation,Republican Party,House of Representatives,Senate,United States Politics and Government,Trump, Donald J,Sessions, Jefferson B III,Mueller, Robert S III,Comey, James B,Russian Interference in 2016 US Elections and Ties to Trump Associates,Presidential Election of 2016,Grenfell Tower Fire (June, 2017),Fires and Firefighters,Deaths (Fatalities),London (England),Grenfell Tower (London, England),Kensington and Chelsea Tenant Management Organization (KCTMO),vis-multimedia,Fires and Firefighters,Buildings (Structures),Accidents and Safety,London (England),Grenfell Tower,London (England),Fires and Firefighters,Deaths (Fatalities),Accidents and Safety,London (England),Fires and Firefighters,United States Politics and Government,Interest Rates,Federal Reserve System,United States Economy,United States Economy,Federal Reserve System,Inflation (Economics),Interest Rates,Yellen, Janet L,Banking and Financial Institutions,Labor and Jobs,Wells Fargo & Company,Mortgages,Personal Bankruptcies,Justice Department,Suits and Litigation (Civil),Syria,Islamic State in Iraq and Syria (ISIS),Raqqa (Syria),United Nations,Budget Travel,Travel and Vacations,Budget Travel,Andalusia (Spain),Portugal,Spain,Sherry (Wine),Travel and Vacations,Frequent Flier Programs,Airlines and Airplanes,Travel and Vacations,Water,Poisoning and Poisons,Nick Lyon,Legionnaires' Disease,Health and Human Services Department,Flint (Mich),Murders, Attempted Murders and Homicides,Missing Persons,Berman, Susan (1945-2000),Durst, Robert A,Mineola (NY),Altman, Stewart,Altman, Emily,Human Rights and Human Rights Violations,Korean War,Bae, Kenneth,Hunziker, Evan C,Lee, Euna,Ling, Laura,Not Forgotten: The True Story of My Imprisonment in North Korea (Book),Otto Warmbier,Goop.com,Paltrow, Gwyneth,Homeless Persons,Domestic Violence,Homeless Services Department (NYC),Safe Horizon,New York City,Kidnapping and Hostages,Shabab,Mogadishu (Somalia),Terrorism,Bombs and Explosives,United States Politics and Government,International Relations,Erdogan, Recep Tayyip,Demonstrations, Protests and Riots,Turkey,United Airlines,Airlines and Airplanes,Airport Security,Video Recordings, Downloads and Streaming,Travel and Vacations,Workplace Hazards and Violations,Murders, Attempted Murders and Homicides,United Parcel Service Inc,Boxing,Mixed Martial Arts,Mayweather, Floyd Jr,McGregor, Conor (1988- ),Art,Culture (Arts),Newsletters,Documentary Films and Programs,Attica (Ripponlea, Australia, Restaurant),Monty Python,Queen Victoria Market (Melbourne, Australia),WikiLeaks,Assange, Julian P,Manjoo, Farhad,Kalanick, Travis,Manning, Chelsea,Shewry, Ben (1977- ),Sifton, Sam,Smee, Sebastian,Trump, Donald J,Suits and Litigation (Civil),Australia,Refugees and Displaced Persons,Manus Island (Papua New Guinea),Asylum, Right of,Immigration Detention,Human Rights and Human Rights Violations,Illegal Immigration,Finances,Art Gallery of New South Wales,Museums,Soccer,Asbury Park (NJ),Hoaxes and Pranks,Books and Literature,The Force (Book),Winslow, Don,Restaurants,Sydney (Australia),Momofuku Seiobo (Sydney, Australia, Restaurant),Ester (Sydney, Australia, Restaurant),Firedoor (Sydney, Australia, Restaurant),Fred's (Sydney, Australia, Restaurant),Automata (Sydney, Australia, Restaurant),Congressional Baseball Team Shooting (June, 2017),Murders, Attempted Murders and Homicides,Alexandria (Va),Hodgkinson, James T (1950-2017),Scalise, Steve" />

40<meta name="video:playerId" content="2640832222001" />

41<meta name="video:publisherId" content="1749339200" />

42<meta name="video:publisherReadToken" content="cE97ArV7TzqBzkmeRVVhJ8O6GWME2iG_bRvjBTlNb4o." />

43<meta name="dfp-ad-unit-path" content="homepage/us" />

44<meta name="dfp-amazon-enabled" content="false" />

45<meta name="adxPage" content="homepage.nytimes.com/index.html" />

46

47 <link id="legacy-zam5nzz" rel="stylesheet" type="text/css" href="https://typeface.nyt.com/css/zam5nzz.css" media="all" />

48<!--[if (gt IE 9)|!(IE)]> <!-->

49 <link rel="stylesheet" type="text/css" media="screen" href="https://a1.nyt.com/assets/homepage/20170609-165011/css/homepage/styles.css" />

50<!--<![endif]-->

51<!--[if lte IE 9]>

52 <link rel="stylesheet" type="text/css" media="screen" href="https://a1.nyt.com/assets/homepage/20170609-165011/css/homepage/styles-ie.css" />

53<![endif]-->

54 <!-- begin abra -->

Priority 1
No TITLE attributes found for the frames on these pages.
Add a TITLE attribute to each FRAME and IFRAME element (e.g. TITLE="Main Content"). Without a TITLE some screen readers read out the FRAME filename, which is usually meaningless.

IFRAMEs with no title cause problems in:

  • JAWS 14 and 15 with Firefox (the frame SRC filename is read instead)
  • VoiceOver on OSX 10.9 (a meaningless title like "Frame twelve" is read out)

JavaScript added element:

<script type="text/javascript" async="-1" src="https://www.googletagservices.com/tag/js/gpt.js" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<iframe title="" style="" src="javascript:void(0)" xmlns:og="http://opengraphprotocol.org/schema/"></iframe>

55<script>

56var NYTD=NYTD||{};NYTD.Abra=function(t){"use strict";function n(t){var n=i[t];return n&&n[1]||null}function e(t,n){if(t){var e,o,r=n[0],i=n[1],u=0,c=0;if(1!==i.length||4294967296!==i[0])for(e=a(t+" "+r)>>>0,u=0,c=0;o=i[u++];)if(e<(c+=o[0]))return o}}function o(n,e,o,a){s+="subject="+n+"&test="+encodeURIComponent(e)+"&variant="+encodeURIComponent(o||0)+"&url="+encodeURIComponent(t.location.href)+"&instant=1&skipAugment=true\n",a&&f.push(a),c||(c=t.setTimeout(r,0))}function r(){var n=new t.XMLHttpRequest,e=f;n.withCredentials=!0,n.open("POST",u),n.onreadystatechange=function(){var t,o;if(4==n.readyState)for(t=200==n.status?null:new Error(n.statusText);o=e.shift();)o(t)},n.send(s),s="",f=[],c=null}function a(t){for(var n,e,o,r,a,i,u,c=0,s=0,f=[],l=[n=1732584193,e=4023233417,~n,~e,3285377520],h=[],p=t.length;s<=p;)h[s>>2]|=(s<p?t.charCodeAt(s):128)<<8*(3-s++%4);for(h[u=p+8>>2|15]=p<<3;c<=u;c+=16){for(n=l,s=0;s<80;n=[0|[(i=((t=n[0])<<5|t>>>27)+n[4]+(f[s]=s<16?~~h[c+s]:i<<1|i>>>31)+1518500249)+((e=n[1])&(o=n[2])|~e&(r=n[3])),a=i+(e^o^r)+341275144,i+(e&o|e&r|o&r)+882459459,a+1535694389][0|s++/20],t,e<<30|e>>>2,o,r])i=f[s-3]^f[s-8]^f[s-14]^f[s-16];for(s=5;s;)l[--s]=l[s]+n[s]|0}return l[0]}var i,u,c,s="",f=[];return n.init=function(n,r){var a,c,s,f,l,h=[],p=(t.document.cookie.match(/(^|;) *nyt-a=([^;]*)/)||[])[2],d=(t.document.cookie.match(/(^|;) *ab7=([^;]*)/)||[])[2],m=new RegExp("[?&]abra(=([^&#]*))"),g=m.exec(t.location.search);if(g&&g[2]&&(d=d?g[2]+"&"+d:g[2]),i)throw new Error("can't init twice");if(u=r,i={},d)for(d=decodeURIComponent(d).split("&"),a=0;a<d.length;a++)l=d[a].split("="),l[0]in i||(i[l[0]]=[,l[1],1],o("ab-alloc",l[0],l[1]),l[1]&&h.push(l[0]+"="+l[1]));for(a=0;a<n.length;a++)s=n[a],(c=s[0])in i||(f=e(p,s)||[],i[c]=f,f[1]&&h.push(c.replace(/[^\w-]/g)+"="+(""+f[1]).replace(/[^\w-]/g)),f[2]&&o("ab-alloc",c,f[1]));h.length&&t.document.documentElement.setAttribute("data-nyt-ab",h.join(" "))},n.reportExposure=function(n,e){var r=i[n];r&&r[2]?o("ab-expose",n,r[1],e):e&&t.setTimeout(function(){e(null)},0)},n}(this);

57</script>

58<script>NYTD.Abra.init([["HOME_ComingUp",[[2147483648,"control",1],[2147483648,"comingup",1]]],["HOME_NewsEvent2",[[3865470567,"full",1],[429496729,"control",1]]],["HOME_ElectionPrediction",[[3865470567,"on",1],[429496729,"control",1]]],["HOME_geoTrending",[[1460288881,"Control",1],[1417339208,"Header",1],[1417339207,"NoHeader",1]]],["www-ad-diagnostic",[[21474837,"1",0],[4273492459,null,0]]],["www-signup-favor-test",[[773094114,"0",1],[773094113,"1",1],[773094113,"2",1],[773094114,"3",1],[773094113,"4",1],[429496729,"5",1],[0,null,0]]],["www-readlater-test-1",[[1073741824,"control",1],[360777253,"controlHoldout",1],[1073741824,"variant1",1],[356482286,"variant1Holdout",1],[1073741824,"variant2",1],[356482285,"variant2Holdout",1]]],["www-signup-favor-test-v3",[[1288490189,"1",1],[1288490189,"2",1],[429496730,"4",1],[1288490188,"5",1]]],["www-signup-favor-test-v4",[[214748365,"control",1],[858993459,"1",1],[858993460,"2",1],[644245094,"4",1],[858993459,"5",1],[858993459,"6",1]]],["www-fabrik-off",[[4294967296,"1",1]]],["Liftoff",[[19520627,"0",1],[19520626,"1",1],[19520627,"2",1],[19520626,"3",1],[19520626,"4",1],[19520627,"5",1],[4177843537,null,0]]],["EC_SampleTest",[[2147483648,"variantA",0],[2147483648,"variantB",0]]],["EC_DigiAbandonmentTest",[[4294967296,"sendAbandonmentEmail",1]]],["EC_HdAbandonmentTest",[[4294967296,"sendAbandonmentEmail",1]]],["EC_CrosswordsUpsellTest",[[2147483648,"control",1],[2147483648,"upsell",1]]],["EC_NewSubOnboardingTest",[[2147483648,"control",1],[2147483648,"sov1",1]]],["PaywallAU",[[1417339208,"0",1],[1417339208,"1",1],[1460288880,"2",1]]]], '//et.nytimes.com/')</script>

59<!-- end abra -->

60

61<script>

62(function () {

63 var e;

64 if (/^mobile\./.test(window.location.hostname)) {

65 var vi2 = (document.cookie.match(/(?:^|;) *vi=([^;]*)/) || [])[1] || '',

66 vi1 = (document.cookie.match(/(?:^|;) *nyt\.np\.vi=([^;]*)/) || [])[1] || '';

67 e = /^b1/.test(vi2) ? 'WP_ProjectVi&variant=vi'

68 : /^z1/.test(vi2) ? 'WP_ProjectVi&variant=0'

69 : /^a2/.test(vi2) ? 'WP_ProjectVi2&variant=hp-st'

70 : /^b2/.test(vi2) ? 'WP_ProjectVi2&variant=hp'

71 : /^c2/.test(vi2) ? 'WP_ProjectVi2&variant=st'

72 : /^z2/.test(vi2) ? 'WP_ProjectVi2&variant=0'

73 : /^1\|/.test(vi1) ? 'WP_ProjectVi&variant=vi'

74 : /^2\|/.test(vi1) ? 'WP_ProjectVi&variant=0'

75 : '';

76 } else if (/^www\./.test(window.location.hostname)) {

77 var vi = (document.cookie.match(/(?:^|;) *vi_www_hp=([^;]*)/) || [])[1] || '';

78 e = /^a2/.test(vi) ? 'WP_ProjectVi_www_hp&variant=hp-st'

79 : /^b2/.test(vi) ? 'WP_ProjectVi_www_hp&variant=hp'

80 : /^c2/.test(vi) ? 'WP_ProjectVi_www_hp&variant=st'

81 : /^z2/.test(vi) ? 'WP_ProjectVi_www_hp&variant=0'

82 : '';

83 }

84 if (e) {

85 var x = new XMLHttpRequest();

86 x.withCredentials = true;

87 x.open('POST','//et.nytimes.com/');

88 x.send('subject=ab-alloc&test=' + e + '&url=' + encodeURIComponent(window.location.href) + '&instant=1&skipAugment=true\n');

89 }

90})();

91</script>

92 <script type="text/javascript">

93 document.addEventListener('DOMContentLoaded', function () {

94 if (!window.NYTD) {

95 window.NYTD = {};

96 }

97 window.NYTD.Global = {

98 displayBriefings: function (time) {

Priority 1
The getElementsByClassName() method is not implemented in IE 8, Firefox 2 or Safari 3.0.

99 var timedBriefings = document.getElementsByClassName('timedBriefing');

100 if (!timedBriefings.length) {

101 return;

102 }

103 var attrClass, attrStart, attrEnd, startTime, endTime;

104 var reFormat = /^\d{2}:\d{2}$/;

105 var reHide = / timedBriefingHide/i;

106

107 for (var i = 0; i < timedBriefings.length; i++) {

108 attrClass = timedBriefings[i].getAttribute('class');

109 attrStart = timedBriefings[i].getAttribute('data-start-time');

110 attrEnd = timedBriefings[i].getAttribute('data-end-time');

111 if (attrStart && attrEnd && reFormat.test(attrStart) && reFormat.test(attrEnd)) {

112 startTime = Number.parseInt(attrStart.replace(':', ''), 10);

113 endTime = Number.parseInt(attrEnd.replace(':', ''), 10);

114

115 // need to account for when the time span is across midnight

116 if (startTime > endTime) {

117 if (((time >= startTime) || (time < endTime)) && reHide.test(attrClass)) {

118 timedBriefings[i].setAttribute('class', attrClass.replace(reHide, ''));

119 }

120 if (((time < startTime) && (time >= endTime)) && !reHide.test(attrClass)) {

121 timedBriefings[i].setAttribute('class', (attrClass + ' timedBriefingHide'));

122 }

123 } else {

124 if ((time >= startTime) && (time < endTime) && reHide.test(attrClass)) {

125 timedBriefings[i].setAttribute('class', attrClass.replace(reHide, ''));

126 }

127 if (((time < startTime) || (time >= endTime)) && !reHide.test(attrClass)) {

128 timedBriefings[i].setAttribute('class', (attrClass + ' timedBriefingHide'));

129 }

130 }

131 }

132 }

133 },

134 testTZ: function (offset) {

135 var testTime = new Date(new Date().getTime() + (offset * 3600 * 1000));

136 window.NYTD.Global.displayBriefings((testTime.getUTCHours() * 100) + testTime.getUTCMinutes());

137 return testTime.toUTCString().replace(' GMT', '');

138 }

139 };

140 var now = new Date();

141 var previewTime = (now.getHours() * 100) + now.getMinutes();

142 var rePreviewTime = /previewTime=(\d*)/;

143 var matches = window.location.search.match(rePreviewTime);

144 if (matches) {

145 previewTime = Number.parseInt(matches[1]);

146 }

147 window.NYTD.Global.displayBriefings(previewTime);

148 });

149</script>

150<script type="text/javascript">var googletag=googletag||{};googletag.cmd=googletag.cmd||[],function(){var t=document.createElement("script");t.async=!0,t.type="text/javascript";var e="https:"==document.location.protocol;t.src=(e?"https:":"http:")+"//www.googletagservices.com/tag/js/gpt.js";var o=document.getElementsByTagName("script")[0];o.parentNode.insertBefore(t,o)}();</script>

151 <script src="https://cdn.optimizely.com/public/3013110282/s/home_prod.js"></script>

152

153<!--esi

154<script id="user-info-data" type="application/json">

155<esi:include src="/svc/web-products/userinfo-v3.json" />

156</script>

157-->

158<script id="magnum-feature-flags" type="application/json">["limitFabrikSave","moreFollowSuggestions","unfollowComments","allTheEmphases","videoVHSCover","videoVHSHomepageCover","videoVHSHomepageNewControls","videoVHSNewControls","videoVHSEmbeddedOnly","additionalOpinionRegions","hpViewability","freeTrial","hpPrototype","useCollectionApiForWell","enableFlexFrameAds","weatherLocation","fabrikWebsocketsOnly","NYTExperiment","hpRealEstateAd","jitterbug","updatedVideoPromoSmall","videoEmbed360","PersonalizationApiUpdate","globalBriefings","removeInternationalEdition","clientSideABRA","abraOverrideVersion","signupFavor","mapleFreeTrial","piiBlockDFP","anchorsHttps","viDesktopTest"]</script>

159<script id="mpulse">

160(function(){

161 if (window.BOOMR && window.BOOMR.version) { return; }

162 var dom,doc,where,iframe = document.createElement("iframe"),win = window;

163

164 function boomerangSaveLoadTime(e) {

165 win.BOOMR_onload=(e && e.timeStamp) || new Date().getTime();

166 }

167 if (win.addEventListener) {

168 win.addEventListener("load", boomerangSaveLoadTime, false);

169 } else if (win.attachEvent) {

170 win.attachEvent("onload", boomerangSaveLoadTime);

171 }

172

173 iframe.src = "javascript:void(0)";

174 iframe.title = ""; iframe.role = "presentation";

175 (iframe.frameElement || iframe).style.cssText = "width:0;height:0;border:0;display:none;";

176 where = document.getElementsByTagName("script")[0];

177 where.parentNode.insertBefore(iframe, where);

178

179 try {

180 doc = iframe.contentWindow.document;

181 } catch(e) {

182 dom = document.domain;

183 iframe.src="javascript:var d=document.open();d.domain='"+dom+"';void(0);";

184 doc = iframe.contentWindow.document;

185 }

186 doc.open()._l = function() {

187 var js = this.createElement("script");

188 if (dom) { this.domain = dom; }

189 js.id = "boomr-if-as";

190 js.src = "//c.go-mpulse.net/boomerang/" +

191 "ATH8A-MAMN8-XPXCH-N5KAX-8D239";

192 BOOMR_lstart=new Date().getTime();

193 this.body.appendChild(js);

194 };

195 doc.write('<body onload="document._l();">');

196 doc.close();

197})();

198</script>

199<script>

200var require = {

201 baseUrl: 'https://a1.nyt.com/assets/',

202 waitSeconds: 20,

203 paths: {

204 'foundation': 'homepage/20170609-165011/js/foundation',

205 'shared': 'homepage/20170609-165011/js/shared',

206 'homepage': 'homepage/20170609-165011/js/homepage',

207 'application': 'homepage/20170609-165011/js/homepage/',

208 'videoFactory': 'https://static01.nyt.com/js2/build/video/2.0/videofactoryrequire',

209 'videoPlaylist': 'https://static01.nyt.com/js2/build/video/players/extended/2.0/appRequire',

210 'auth/mtr': 'https://static01.nyt.com/js/mtr',

211 'auth/growl': 'https://static01.nyt.com/js/auth/growl/default',

212 'vhs': 'https://static01.nyt.com/video/vhs/build/vhs-2.x.min'

213 }

214};

215</script>

216<!--[if (gte IE 9)|!(IE)]> <!-->

217<script data-main="foundation/main" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/foundation/lib/framework.js"></script>

218<!--<![endif]-->

219<!--[if lt IE 9]>

220<script>

221 require.map = { '*': { 'foundation/main': 'foundation/legacy_main' } };

222</script>

223<script data-main="foundation/legacy_main" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/foundation/lib/framework.js"></script>

224<![endif]-->

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/shared/ad/templates.js" data-requirecontext="_" data-requiremodule="shared/ad/templates" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/shared/ad/collections/ads.js" data-requirecontext="_" data-requiremodule="shared/ad/collections/ads" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/foundation/views/ad-view-manager.js" data-requirecontext="_" data-requiremodule="foundation/views/ad-view-manager" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/shared/ad/views/ads.js" data-requirecontext="_" data-requiremodule="shared/ad/views/ads" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/shared/sharetools/helpers/sharetools-mixin.js" data-requirecontext="_" data-requiremodule="shared/sharetools/helpers/sharetools-mixin" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/shared/sharetools/helpers/sharetools-config.js" data-requirecontext="_" data-requiremodule="shared/sharetools/helpers/sharetools-config" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/shared/sharetools/views/showall.js" data-requirecontext="_" data-requiremodule="shared/sharetools/views/showall" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<link rel="prefetch" href="https://tpc.googlesyndication.com/safeframe/1-0-9/html/container.html" xmlns:og="http://opengraphprotocol.org/schema/">

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.2/react.min.js" data-requirecontext="_" data-requiremodule="vendor/react" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://static01.nyt.com/video/vhs/build/vhs-2.x.min.js" data-requirecontext="_" data-requiremodule="vhs" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/shared/sharetools/views/sharetools.js" data-requirecontext="_" data-requiremodule="shared/sharetools/views/sharetools" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://www.google-analytics.com/ga.js" data-requirecontext="_" data-requiremodule="https://www.google-analytics.com/ga.js" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/foundation/lib/underscore/1.6.0.js" data-requirecontext="_" data-requiremodule="foundation/lib/underscore/1.6.0" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://int.nyt.com/apps/portals/assets/portal/app-31573ba689b023d9e52c26c6d6aa32ab.js" data-requirecontext="_" data-requiremodule="https://int.nyt.com/apps/portals/assets/portal/app-31573ba689b023d9e52c26c6d6aa32ab.js" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/homepage/main.js" data-requirecontext="_" data-requiremodule="homepage/main" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://int.nyt.com/applications/email-subscriber/client.js" data-requirecontext="_" data-requiremodule="nytint/email-subscriber" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://static01.nyt.com/newsgraphics/2016/10/31/tips-hp/00b5b741a6c5682e24f945c547f78fbe98f2c27f/build.js" data-requirecontext="_" data-requiremodule="https://static01.nyt.com/newsgraphics/2016/10/31/tips-hp/00b5b741a6c5682e24f945c547f78fbe98f2c27f/build.js" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/foundation/hosts.js" data-requirecontext="_" data-requiremodule="foundation/hosts" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<style type="text/css" xmlns:og="http://opengraphprotocol.org/schema/">/* ART19 Customization for player-node undefined-f3a8cc18-d4b7-4dee-b76e-4cfaae9bf6fc-undefined-1497512134053-5086 */ div.art19-web-player[data-node-id="undefined-f3a8cc18-d4b7-4dee-b76e-4cfaae9bf6fc-undefined-1497512134053-5086"] .awp .awp-ad-progress .ui-slider-range { background: #4d7b9f !important; } div.art19-web-player[data-node-id="undefined-f3a8cc18-d4b7-4dee-b76e-4cfaae9bf6fc-undefined-1497512134053-5086"] .awp .awp-ad-skip { color: #4d7b9f !important; }</style>

JavaScript added element:

<script type="text/javascript" charset="utf-8" async="-1" src="https://a1.nyt.com/assets/homepage/20170609-165011/js/foundation/main.js" data-requirecontext="_" data-requiremodule="foundation/main" xmlns:og="http://opengraphprotocol.org/schema/"></script>

JavaScript added element:

<script async="-1" src="https://securepubads.g.doubleclick.net/gpt/pubads_impl_121.js" xmlns:og="http://opengraphprotocol.org/schema/"></script>

225</head>

226<body>

227

228

Priority 1
Element 'style' not allowed as child element in this context. Custom element names must contain a hyphen.
Line 228 HTML5

<style>

229 .lt-ie10 .messenger.suggestions {

230 display: block !important;

231 height: 50px;

232 }

233

234 .lt-ie10 .messenger.suggestions .message-bed {

235 background-color: #f8e9d2;

236 border-bottom: 1px solid #ccc;

237 }

238

239 .lt-ie10 .messenger.suggestions .message-container {

240 padding: 11px 18px 11px 30px;

241 }

242

243 .lt-ie10 .messenger.suggestions .action-link {

244 font-family: "nyt-franklin", arial, helvetica, sans-serif;

245

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 10px;

246 font-weight: bold;

247 color: #a81817;

248 text-transform: uppercase;

249 }

250

251 .lt-ie10 .messenger.suggestions .alert-icon {

252 background: url('https://static01.nyt.com/images/icons/icon-alert-12x12-a81817.png') no-repeat;

253 width: 12px;

254 height: 12px;

255 display: inline-block;

256 margin-top: -2px;

257 float: none;

258 }

259

260 .lt-ie10 .masthead,

261 .lt-ie10 .navigation,

262 .lt-ie10 .comments-panel {

263 margin-top: 50px !important;

264 }

265

266 .lt-ie10 .ribbon {

267 margin-top: 97px !important;

268 }

269</style>

270<div id="suggestions" class="suggestions messenger nocontent robots-nocontent" style="display:none;">

271 <div class="message-bed">

272 <div class="message-container last-message-container">

273 <div class="message">

274 <span class="message-content">

275 <i class="icon alert-icon"></i><span class="message-title">NYTimes.com no longer supports Internet Explorer 9 or earlier. Please upgrade your browser.</span>

276 <a href="http://www.nytimes.com/content/help/site/ie9-support.html" class="action-link">LEARN MORE »</a>

277 </span>

278 </div>

279 </div>

280 </div>

281</div>

282

283 <div id="shell" class="shell">

284

Priority 2
The 'banner' role is unnecessary for element 'header'.
Line 284 HTML5

<header id="masthead" class="masthead theme-pinned-masthead" role="banner">

285

286 <div id="announcements-container" class="announcements-container"></div>

287

288 <div id="Header1" class="ad header1-ad"></div>

289

290 <div class="masthead-cap-container">

291

292 <div id="masthead-cap" class="masthead-cap">

293

294 <div class="quick-navigation button-group">

295

296 <button class="button sections-button enable-a11y">

297 <i class="icon sprite-icon"></i><span class="button-text">Sections</span>

298 </button>

299 <button class="button search-button">

300 <i class="icon sprite-icon"></i><span class="button-text">Search</span>

301 </button>

302 <a class="button skip-button skip-to-content visually-hidden focusable" href="#top-news">Skip to content</a>

303 <a class="button skip-button skip-to-navigation visually-hidden focusable" href="#site-index-navigation">Skip to navigation</a>

304 </div><!-- close quick-navigation -->

305

306 <div class="user-tools">

307

308 <div id="Bar1" class="ad bar1-ad"></div>

309

310 <div class="user-tools-button-group button-group">

311 <button class="button subscribe-button hidden" data-href="http://www.nytimes.com/subscriptions/Multiproduct/lp3004.html?campaignId=4XUYF">Subscribe Now</button>

312 <button class="button login-button login-modal-trigger hidden">Log In</button>

313 <button class="button notifications-button hidden"><i class="icon sprite-icon"></i><span class="button-text">0</span></button>

314 <button class="button user-settings-button">

315 <i class="icon sprite-icon"></i><span class="button-text">Settings</span>

316 </button>

317 </div>

318

319 </div><!-- close user-tools -->

320

321 </div><!-- close masthead-cap -->

322

323 </div><!-- close masthead-cap-container -->

324

325 <div class="masthead-meta">

326 <div class="editions tab">

327

328 <ul class="editions-menu">

329 <li class="edition-domestic-toggle active">English</li>

330 <li class="edition-chinese-toggle"><a href="http://cn.nytimes.com" target="_blank" data-edition="chinese">中文 (Chinese)</a></li>

331 <li class="edition-spanish-toggle"><a href="http://www.nytimes.com/es/" data-edition="spanish">Español</a></li>

332 </ul>

333

334 </div><!-- close editions -->

335

336 <div id="TopLeft" class="ad top-left-ad"></div>

337 <div id="TopRight" class="ad top-right-ad"></div>

338

339

Priority 2
Empty heading.
Line 339 HTML5

<h2 class="branding"><a href="https://www.nytimes.com/">

340

Priority 1
SVG images are not supported in Internet Explorer 8 and older Android devices.
The SVG image will not be displayed.

<svg class="nyt-logo" width="379" height="64" role="img" aria-label="The New York Times">

341 <image width="379" height="64" xlink:href="https://a1.nyt.com/assets/homepage/20170609-165011/images/foundation/logos/nyt-logo-379x64.svg" src="https://a1.nyt.com/assets/homepage/20170609-165011/images/foundation/logos/nyt-logo-379x64.png" alt="The New York Times" border="0"/>

342 </svg>

343

344</a></h2>

345 <ul class="masthead-menu">

346 <li class="date">Thursday, June 15, 2017</li><li class="todays-paper"><a href="http://www.nytimes.com/pages/todayspaper/index.html" data-collection="todays-paper"><i class="icon sprite-icon"></i>Today’s Paper</a></li><li class="video"><a href="https://www.nytimes.com/video" data-collection="video"><i class="icon sprite-icon"></i>Video</a></li><li id="weather" class="weather hidden" data-collection="weather"><button class="button weather-button"></button></li><li id="markets" class="markets hidden" data-collection="markets"></li>

347 </ul>

348

349 </div><!-- close masthead-meta -->

350

351 <nav id="mini-navigation" class="mini-navigation">

352 <h2 class="visually-hidden">Quick Site Sections Navigation</h2>

353 <ul class="mini-navigation-menu">

354 <li>

355 <button class="button sections-button">

356 <i class="icon sprite-icon"></i>

357 <span class="button-text">Sections</span>

358 </button>

359 </li><li>

360 <button class="button search-button">

361 <i class="icon sprite-icon"></i>

362 <span class="button-text">Search</span>

363 </button>

364 </li>

365

366 <li class="shortcuts-9A43D8FC-F4CF-44D9-9B34-138D30468F8F ">

367 <a href="https://www.nytimes.com/pages/world/index.html">World</a>

368 </li>

369

370

371 <li class="shortcuts-23FD6C8B-62D5-4CEA-A331-6C2A9A1223BE ">

372 <a href="https://www.nytimes.com/pages/national/index.html">U.S.</a>

373 </li>

374

375

376 <li class="shortcuts-80E6DEE6-87E4-4AD0-9152-14FA6B07E5AB ">

377 <a href="https://www.nytimes.com/pages/politics/index.html">Politics</a>

378 </li>

379

380

381 <li class="shortcuts-C4DC8C0C-E148-4201-BF10-82F1C903DBFB ">

382 <a href="https://www.nytimes.com/pages/nyregion/index.html">N.Y.</a>

383 </li>

384

385

386 <li class="shortcuts-104D1E63-9701-497B-8CF4-A4D120C9014E domestic">

387 <a href="https://www.nytimes.com/pages/business/index.html">Business</a>

388 </li>

389

390

391 <li class="shortcuts-A257D89A-0D3C-40AF-9C34-1A25A7947D94 international">

392 <a href="https://www.nytimes.com/pages/business/international/index.html">Business</a>

393 </li>

394

395

396 <li class="shortcuts-AD8090D7-4137-4D71-84C8-70DA3BD89778 domestic">

397 <a href="https://www.nytimes.com/pages/opinion/index.html">Opinion</a>

398 </li>

399

400

401 <li class="shortcuts-09736473-CB3F-4B2F-9772-3AF128ABE12D international">

402 <a href="https://www.nytimes.com/pages/opinion/international/index.html">Opinion</a>

403 </li>

404

405

406 <li class="shortcuts-78FBAD45-31A9-4EC7-B172-7D62A2B9955E ">

407 <a href="https://www.nytimes.com/pages/technology/index.html">Tech</a>

408 </li>

409

410

411 <li class="shortcuts-A4B35924-DB6C-4EA3-997D-450810F4FEE6 ">

412 <a href="https://www.nytimes.com/section/science">Science</a>

413 </li>

414

415

416 <li class="shortcuts-7D6BE1AF-8CD8-430B-8B2A-17CD0EAA99AC ">

417 <a href="https://www.nytimes.com/pages/health/index.html">Health</a>

418 </li>

419

420

421 <li class="shortcuts-DE2B278B-2783-4506-AAD5-C15A5BB6DA1A domestic">

422 <a href="https://www.nytimes.com/pages/sports/index.html">Sports</a>

423 </li>

424

425

426 <li class="shortcuts-BE66F420-C51B-461D-B487-CACF62E94AAE international">

427 <a href="https://www.nytimes.com/pages/sports/international/index.html">Sports</a>

428 </li>

429

430

431 <li class="shortcuts-C5BFA7D5-359C-427B-90E6-6B7245A6CDD8 domestic">

432 <a href="https://www.nytimes.com/pages/arts/index.html">Arts</a>

433 </li>

434

435

436 <li class="shortcuts-0202D0E4-C59B-479A-BD42-6F1766459781 international">

437 <a href="https://www.nytimes.com/pages/arts/international/index.html">Arts</a>

438 </li>

439

440

441 <li class="shortcuts-B3DFBD82-F298-43B3-9458-219B4F6AA2A5 domestic">

442 <a href="https://www.nytimes.com/pages/fashion/index.html">Style</a>

443 </li>

444

445

446 <li class="shortcuts-CC9E2674-F6C4-4A39-813B-F5AB0C515CEA international">

447 <a href="https://www.nytimes.com/pages/style/international/index.html">Style</a>

448 </li>

449

450

451 <li class="shortcuts-D9C94A2B-0364-4D25-8383-592CC66F82D4 domestic">

452 <a href="https://www.nytimes.com/pages/dining/index.html">Food</a>

453 </li>

454

455

456 <li class="shortcuts-FDEFB811-B483-4C3D-A25A-FD07BE5EAD96 international">

457 <a href="https://www.nytimes.com/pages/dining/international/index.html">Food</a>

458 </li>

459

460

461 <li class="shortcuts-FDA10AC4-4738-4099-91E8-15584765C8D7 ">

462 <a href="https://www.nytimes.com/section/travel">Travel</a>

463 </li>

464

465

466 <li class="shortcuts-E57A148E-0CB9-4C02-966D-28B119710151 ">

467 <a href="https://www.nytimes.com/pages/magazine/index.html">Magazine</a>

468 </li>

469

470

471 <li class="shortcuts-052C33AD-1404-4DB6-AA70-0901DB1AD95B ">

472 <a href="https://www.nytimes.com/section/t-magazine">T Magazine</a>

473 </li>

474

475

476 <li class="shortcuts-92720057-BCB6-4BDB-9351-12F29393259F ">

477 <a href="https://www.nytimes.com/section/realestate">Real Estate</a>

478 </li>

479

480

Priority 5
Capitalize the first letter of the first word in lists.
Only the first letter of the first word should be capitalized unless the item contains another word that would normally be capitalized.

<li><button class="button all-sections-button">all</button></li>

481 </ul>

482</nav>

483 <div class="search-flyout-panel flyout-panel">

484 <button class="button close-button" type="button"><i class="icon"></i><span class="visually-hidden">Close search</span></button>

485 <nav class="search-form-control form-control layout-horizontal">

486 <h2 class="visually-hidden">Site Search Navigation</h2>

487

Priority 2
Element 'form' does not need a 'role' attribute.
Line 487 HTML5

<form class="search-form" role="search">

488 <div class="control">

489 <div class="label-container visually-hidden">

490 <label for="search-input">Search NYTimes.com</label>

491 </div>

492 <div class="field-container">

493 <input id="search-input" name="search-input" type="text" class="search-input text" autocomplete="off" placeholder="Search NYTimes.com" />

494

495 <button type="button" class="button clear-button" tabindex="-1" aria-describedby="clear-search-input"><i class="icon"></i><span id="clear-search-input" class="visually-hidden">Clear this text input</span></button>

496 <div class="auto-suggest" style="display: none;">

497 <ol></ol>

498 </div>

499 <button class="button submit-button" type="submit">Go</button>

500 </div>

501 </div><!-- close control -->

502 </form>

503</nav>

504

505

506</div><!-- close flyout-panel -->

507 <div id="notification-modals" class="notification-modals"></div>

508

509</header><!-- close masthead -->

510<div id="masthead-placeholder" class="masthead-placeholder"></div>

511 <nav id="navigation" class="navigation">

512 <h2 class="visually-hidden">Site Navigation</h2>

513</nav><!-- close navigation -->

514

515<nav id="mobile-navigation" class="mobile-navigation hidden">

516 <h2 class="visually-hidden">Site Mobile Navigation</h2>

517</nav><!-- close mobile-navigation -->

518

519 <div id="navigation-edge" class="navigation-edge"></div>

520 <div id="page" class="page">

521

Priority 2
The 'main' role is unnecessary for element 'main'.
Line 521 HTML5
Priority 2
Element 'main' does not need a 'role' attribute.
Line 521 HTML5

<main id="main" class="main" role="main">

522 <div id="Top" class="ad hp-top-ad nocontent nojitter robots-nocontent"></div>

523<div id="Top_Close" class="ad hp-top-ad-close hidden nocontent robots-nocontent"></div>

524<div id="Top5" class="ad top5-ad hidden nocontent robots-nocontent"></div>

525

526 <div class="span-abc-region region">

527 <div class="collection">

528 <script type="text/javascript">

529 /*! geoip_resolver 2016-06-30 */

530 +function(a){"function"==typeof define&&define.amd?define("nytint-geoip",[],a):window.nytint_geoip=a()}(function(){"use strict";var a="nyt-geoip",b=document.getElementsByTagName("html"),c=!1,d=["continent_code","country_code","region","dma_code","postal_code","time_zone","zone_abbr"],e=function(b){var c=new XMLHttpRequest,d=null,e=null;try{if(d=JSON.parse(sessionStorage.getItem(a)),d&&void 0!==d.country_code)return g(d,b),d}catch(h){}c.onload=function(a){return a.target?(e=f(a.target),"undefined"==typeof e?!1:(g(e,b),e)):!1},c.onreadystatechange=function(){4===c.readyState&&200!==c.status&&console.error(c.status)},c.open("GET","https://geoip.newsdev.nytimes.com/",!0);try{c.responseType="json"}catch(h){}c.send()},f=function(a){var b=null;switch(!0){case"json"===a.responseType:b=a.response.data;break;case null!==a.response:b=JSON.parse(a.response).data;break;case null!==a.responseText:b=JSON.parse(a.responseText).message}return void 0!==b?b:null},g=function(e,f){if(!b)return!1;try{sessionStorage.setItem(a,JSON.stringify(e))}catch(g){}if(void 0!==e&&!c){for(var i,j=0;i=d[j];j++)if(void 0!==e[i]){var k=["geo",h(i),e[i]].join("-");b[0].classList.add(k)}c=!0}return"function"==typeof f&&f(e),e},h=function(a){var b=a;switch(!0){case a.indexOf("zone_abbr")>=0:b=a.replace("zone_abbr","us-timezone");break;case a.indexOf("_zone")>=0:b=a.replace("_zone","zone");break;case a.indexOf("_code")>=0:b=a.replace("_code","")}return b};return window.NYTINT_TESTING||e(),e});

531 (function() { require(['nytint-geoip']); })();

532</script><!-- HP CSS Fixes -->

533<style>

534

535/* Fix for Small Video Promo Heds */

536.story.theme-feature.video-promo-small.updated-video-promo-small .video-promo-small-container .story-heading{ padding: 0!important; }

537

538

539/* Fix MM icons in kickers */

540.kicker .icon:before { top: 0px; }

541.kicker .media.slideshow { margin-bottom: 0px; }

542

543/* Hiding Hacks */

544

545.nythpHideKickers .kicker, .nythpHideBylines .byline, .nythpHideTimestamps .timestamp {

546 display: none;

547}

548

549/* banner hed modifications */

550.span-ab-top-region .story.theme-summary .story-heading {

551 line-height: 2.1rem;

552}

553

554/* spacing fixes */

555.collection.headlines {

556 margin-bottom: 12px;

557}

558

559

560/* Alterations to the Centered Feature Photo Spot Treatment */

561

562.b-column .photo-spot-region .story.theme-feature .story-heading {

563 font-size: 1.35rem;

564 line-height: 1.65rem;

565}

566

567.b-column .photo-spot-region .story.theme-feature .story-heading {

568 padding: 0 22px; /* for headline wrapping */

569}

570.b-column .photo-spot-region .story.theme-feature .summary {

571 line-height: 18px;

572}

573

574.story.theme-feature .summary {

575 line-height: 1.125rem;

576 color: #333;

577 margin: 0 10px 3px;

578}

579

580

581

582

583/* Bullet Treatments */

584

585.ab-column .collection article ul, .span-abc-region .collection article ul {

586 margin-top: 8px;

587 margin-bottom: -3px;

588}

589

590.ab-column .collection article ul.refer, .span-abc-region .collection article ul.refer {

591 margin-top: 2px;

592 margin-bottom: 0px;

593}

594

595.ab-column .collection article ul li, .span-abc-region .collection article ul li {

596 position: relative;

597 margin-bottom: 8px;

598 padding-left: 9px;

599

Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 13px;

600 font-size: 0.8125rem;

601 line-height: 18px;

602 line-height: 1.125rem;

603 font-weight: 400;

604}

605.ab-column .collection article ul li:before, .span-abc-region .collection article ul li:before {

606

Priority 3
CSS property border-radius is not supported by IE8 or earlier.
No rounded corners will be displayed on old versions of Internet Explorer.

border-radius: 1px;

607 background-color: #000;

608 width: 3px;

609 height: 3px;

610 content: '';

611 position: absolute;

612 display: block;

613 top: 7px;

614 left: 2px;

615}

616

617.ab-column .collection article ul li:last-child, .span-abc-region .collection article ul li:last-child {

618 margin-bottom: 0=;

619}

620

621.ab-column .collection article[data-collection-renderstyle="HpSumMediumMedia"] ul {

622 margin-bottom: 0px;

623}

624

625.theme-news-headlines li {

626 position: relative!important;

627 margin-bottom: 4px!important;

628 padding-left: 8px!important;

629}

630.theme-news-headlines {

631 margin-top: 2px!important;

632}

633

634.a-column .story.theme-summary.headline-medium-summary .medium-thumb {

635float: none;

636clear: none;

637margin-left: 0px;

638}

639

640.first-column-region .story.theme-summary.headline-medium-summary .story-heading, .a-lede-package-region .story.theme-summary.headline-medium-summary .story-heading {

641font-style: italic;

642}

643

644.first-column-region .collection:first-child .story.theme-summary.headline-medium-summary .story-heading, .a-lede-package-region .collection:first-child .story.theme-summary.headline-medium-summary .story-heading {

645font-size: 26px;

646 font-size: 1.625rem;

647 line-height: 28px;

648 line-height: 1.75rem;

649 font-weight: 700;

650}

651

652

653/* Breaking News/Developing Headers */

654.nythpBreaking {

655 color: #A81817;

656 border-top: 3px solid #A81817;

657 padding-top: 2px;

658 padding-bottom: 3px;

659 margin-top: 12px;

660}

661

662.nythpBreaking h6 {

663 text-transform: uppercase;

664 font-family: "nyt-franklin",arial,helvetica,sans-serif;

665 font-weight: 700;

666}

667

668.nythpDeveloping {

669 color: #FD8249;

670 border-top-color: #FD8249;

671}

672

673.nythpBreaking.nythpNoRule {

674 border: none;

675 margin-top: 0px;

676}

677

678.above-banner-region .nythpBreaking {

679margin-bottom: 10px;

680}

681

682

683/* BEGIN .HPHEADER STYLING */

684

685.hpHeader, .span-abc-region h3.collection-kicker {

686 margin-bottom: 10px;

687}

688

689.hpHeader h6, .span-abc-region h3.collection-kicker {

690 color: #000;

691 font-family: "nyt-franklin",helvetica,arial,sans-serif;

692 text-transform: uppercase;

693

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 12px;

694 font-weight: 700;

695 letter-spacing: .5px;

696 border-bottom: 2px solid #ccc;

697 display: inline-block;

698 line-height: 15px;

699}

700

701.span-abc-region h6, .span-abc-region h3.collection-kicker {

702

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 13px;

703 line-height: 16px;

704

705}

706

707.hpHeader h6 a, .span-abc-region h3.collection-kicker a,

708.hpHeader h6 a:visited, .span-abc-region h3.collection-kicker a:visited {

709 text-decoration: none;

710 color: #000;

711}

712

713.hpHeader h6:hover,

714.hpHeader h6:active {

715 border-color: #222222;

716}

717

718.above-banner-region .hpHeader, .span-ab-top-region .hpHeader, .span-ab-lede-package-region .hpHeader, .b-column .hpHeader, .c-column .hpHeader {

719 text-align: center;

720}

721

722.above-banner-region .hpHeader h6, .span-ab-top-region .hpHeader h6, .span-ab-lede-package-region .hpHeader h6, .b-column .hpHeader h6, .c-column .hpHeader h6 {

723 margin: 0 auto;

724 padding: 0 2px;

725}

726

727.span-ab-top-region .a-column .hpHeader, .span-ab-lede-package-region .a-column .hpHeader, .b-column .split-layout .hpHeader, .b-column .nythpSplitCode .hpHeader {

728 text-align: left;

729}

730

731.b-column .split-layout .hpHeader h6, .b-column .nythpSplitCode .hpHeader h6 {

732 margin: 0;

733 padding: 0;

734}

735

736.hpLive h6, .hpLive h6:hover, .hpLive h6:active {

737 color: #a81817;

738 border-color: #a81817;

739}

740

741.hpDeveloping h6, .hpDeveloping h6:hover, .hpDeveloping h6:active {

742 color: #fd8249;

743 border-color: #fd8249;

744}

745

746.hpSingleRule {

747 border-top: 1px solid #e2e2e2;

748 padding-top: 12px;

749}

750

751

752

753/* added by matte to fix slideshow bug */

754

755.loader-container {

756 display: none;

757}

758

759/* Newsletter Sign-Up Modules (updated 9/20/2016) */

760

761div.notification-widget {

762 min-height:38px;

763}

764.notification-signup .notifications-title {

765 color: black;

766 font-family: "nyt-cheltenham-sh",georgia,"times new roman",times,serif;

767

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 15px;

768 line-height: 18px;

769 font-weight: 200;

770}

771.notification-signup .notification-text {

772 margin-top: 3px;

773 margin-bottom: 5px;

774 color: #999;

775

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 13px;

776 line-height: 18px;

777}

778

779.notification-widget input,

780.notification-widget button {

781 outline: none;

782}

783

784.notification-widget .notify-email {

785 height: 30px;

786 width: 312px;

787 margin-top: 0px;

788 padding: 14px;

789 color: #a6a6a6;

790 border: 1px solid rgba(97,136,166,.5);

791 border-top-left-radius: 2px;

792 border-bottom-left-radius: 2px;

793 border-top-right-radius: 0px;

794 border-bottom-right-radius: 0px;

795 box-shadow: none;

796 font-family: 'nyt-franklin', Helvetica, sans-serif;

797

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 14px;

798 line-height: 1;

799}

800.notification-widget .notify-email:hover{

801 border-color:rgba(97,136,166,1);

802 border-width:2px;

803 padding:13px;

804}

805.notification-widget .notify-email.error {

806 border-color: #FF9859;

807}

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

808.notification-widget .button {

809 margin-top: 0px;

810 padding: 8px;

811 border: none;

812 border-top-left-radius: 0px;

813 border-bottom-left-radius: 0px;

814 border-top-right-radius: 2px;

815 border-bottom-right-radius: 2px;

816 background: #6288a5;

817 color: white;

818 font-family: 'nyt-franklin', Helvetica, sans-serif;

819

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 14px;

820 font-weight: 500;

821 line-height: 1;

822 text-transform: capitalize;

823}

824

825.notification-widget .dirtyform .button:hover,

826.notification-widget .signedin .button:hover {

827 background-color: #326891;

828}

829

830.notification-widget .signedin .button {

831 border-top-left-radius: 2px;

832 border-bottom-left-radius: 2px;

833}

834

835.notification-widget div.error {

836 font-family: 'nyt-franklin', Helvetica, sans-serif;

837 color: #FF9859;

838

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 12px;

839 margin-top: 5px;

840}

841

842/* post subscribe notification */

843.notification-signup span {

844

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 14px;

845 color: ##ffffff;

846 font-family: 'nyt-franklin', Helvetica, sans-serif;

847 font-weight: 600;

848}

849.notification-widget div[data-status="initial"]{

850 display:inline-block;

851 float:right;

852}

853

854.notification-widget div[data-status="working"]{

855

Priority 3
The opacity CSS3 property is not supported by IE8 or earlier.

opacity:0;

856}

857

858/* already subscribed notification */

859.notification-widget div[data-status="initial"] div,

860.notification-widget div[data-status="subscribed"] div,

861.notification-widget div[data-status="working"] div {

862 font-family: 'nyt-franklin', Helvetica, sans-serif;

863

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 14px;

864 color: #666 !important;

865}

866.notification-widget div[data-status="initial"] div{

867 line-height: 31px;

868}

869.notification-widget div[data-status="initial"] div div{

870 margin-right:8px;

871 display:inline-block;

872}

873

874.notification-widget div[data-status="initial"] div .account-name,

875.notification-widget div[data-status="subscribed"] div .account-name{

876 font-weight: 700;

877}

878.notification-signup a {

879

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 14px;

880 font-family: 'nyt-franklin', Helvetica, sans-serif;

881 font-weight: 400;

882 margin-top: 10px;

883 display: block;

884 color: #6187a6!important;

885}

886.notification-widget .email-address a{

887 margin-top: 5px;

888 display: block;

889 color: #6187a6!important;

890}

891.viewport-medium-10 .interactive-leadin, .viewport-medium-10 .notification-signup .notification-text{

892 max-width: 375px;

893}

894.notification-signup{

895 padding-top:11px;

896}

897

898a[data-reactid=".0.0.2"] {

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

899font-size: 11px; }

900

901/* Show All hack */

902html.showAllGeoAb .timedBriefingHide, html.showAllGeoAb .nythpElectionPredictionCCol, html.showAllGeoAb .nythpNYRegionPromo, html.showAllGeoAb .nythpGeoCanada, html.showAllGeoAb .nythpCAToday { display: block !important }

903

904

905</style>

906

907

908

909

910<!-- Begin Smarter Living Styles and Scripts -->

911

912<script type="text/javascript">

913require(['foundation/main'], function () {

914 require([

915 'jquery/nyt',

916 'foundation/helpers/utils',

917 'foundation/views/page-manager'

918 ], function ($, utils, pageManager) {

919 $(document).ready(function () {

920 var param = {

921 'contentCollection': 'smarter-living'

922 };

923 $('.nythpSmarterLiving a').each(function () {

924 var href = $(this).attr('href');

925 href = utils.appendQueryParams(href, param);

926 $(this).attr('href', href);

927 });

928 });

929 });

930});

931</script>

932<style>

933

934 .nythpSmarterLiving {

935

Priority 3
Property zoom doesn't exist in the CSS 2.1 or CSS 3 recommendations.
The property name may be misspelled, vendor specific, or a CSS 3 property which has not yet reached recommendation status.
Line 935 CSS Validation

zoom:1;

936 border-bottom: 0px solid #e2e2e2;

937 margin-bottom: 12px;

938 }

939

940 .nythpSmarterLiving:after,

941 .nythpSmarterLiving:before {

942 content: "";

943 display: table;

944 }

945 .nythpSmarterLiving:after{

946 clear: both;

947 }

948 .nythpSmarterLiving article {

949 float:left;

950 width: 177px;

951 }

952 .nythpSmarterLiving article.story.theme-summary {

953 margin-bottom: 0px;

954 }

955

956

Priority 1
CSS Validation Error.
Line 956 CSS Validation

.nythpSmarterLiving article:last-child,

957 .nythpSmarterLiving article:nth-of-type(2) {

958 margin-left: 21px;

959 }

960

961 .nythpSmarterLiving .byline, .nythpSmarterLiving .summary, .nythpSmarterLiving article .kicker, .nythpSmarterLiving .theme-comments, .nythpSmarterLiving .refer {

962 display: none;

963 }

964

965 .nythpSmarterLiving .story.theme-summary .story-heading {

966 width: 96px;

967 float: right;

968 }

969

970 .nythpSmarterLiving .story.theme-summary .thumb {

971 margin: 3px 6px 6px 0px;

972 float: left;

973 clear: none;

974 }

975

976

977</style></div>

978 </div><!-- close span-abc-region -->

979

980<div class="span-ab-layout layout">

981

982 <div class="ab-column column">

983

984 <section id="top-news" class="top-news">

985 <h2 class="section-heading visually-hidden">Top News</h2>

986

987

988 <div class="span-ab-top-region region">

989

990 <div class="collection">

991

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 991 HTML5

<article class="story theme-summary banner" id="topnews-100000005163936" data-story-id="100000005163936" data-rank="0" data-collection-renderstyle="Banner">

992

Priority 1
This page has more than one H1 element, which violates Bing webmaster guidelines.
Leave the title of the main content as H1 and change other H1 elements to a lower heading level.
Line 992 Bing

<h1 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/us/steve-scalise-congress-shot-alexandria-virginia.html">Congressman Is Hit in Multiple Shooting</a></h1>

993</article>

994</div>

995

996 </div><!-- close span-ab-top-region -->

997

998 <div class="lede-package-region region">

999 <div class="wide-b-layout layout theme-base">

1000

1001 <div class="a-column column">

1002 <div class="a-lede-package-region region">

1003

1004 <div class="collection">

1005

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1005 HTML5
Priority 1
This page has markup errors, causing screen readers to miss content.
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
Priority 1
This page has duplicate IDs which cause problems in screen readers.
Two or more elements on this page share the same ID, which cause problems in screen readers which use IDs for labeling controls and table headings. This also causes problems in JavaScript methods like getElementById and querySelector, which behave inconsistently when duplicate IDs are present. Change the ID so it is unique for each element.

<article class="story theme-summary story-sub-headline" id="topnews-100000005163936" data-story-id="100000005163936" data-rank="0" data-collection-renderstyle="BannerSubHedSum">

1006

1007 <h2 class="story-heading story-sub-heading"><a href="https://www.nytimes.com/2017/06/14/us/steve-scalise-congress-shot-alexandria-virginia.html">House Majority Whip Is Wounded; Suspect Is Dead</a></h2>

1008

1009 <p class="byline">By MICHAEL D. SHEAR, ADAM GOLDMAN and EMILY COCHRANE </p>

1010

1011 <p class="summary"><ul><li>Representative Steve Scalise was one of four people shot at a baseball field in Alexandria, Va., where members of a congressional team regularly practice.</li><li>The suspect, identified as James T. Hodgkinson, 66, from Belleville, Ill., was killed in a shootout with the Capitol Police.</li></ul>

Priority 1
No 'p' element in scope but a 'p' end tag seen.
Line 1011 HTML5

</p>

1012

1013 <p class="theme-comments">

1014 <a href="https://www.nytimes.com/2017/06/14/us/steve-scalise-congress-shot-alexandria-virginia.html?hp&amp;target=comments#commentsContainer" class="comments-link"><i class="icon sprite-icon comments-icon"></i><span class="comment-count">&nbsp;Comments</span></a>

1015</p>

1016

1017 </article>

1018

1019

1020</div>

1021<div class="collection headlines">

1022 <ul class="theme-news-headlines">

1023 <li>

1024 <div style="margin-top: -10px;"></div> </li>

1025 <li>

1026 <article class="story" id="topnews-100000005164479" data-story-id="100000005164479" data-rank="1" data-collection-renderstyle="HpHeadline">

1027 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/us/trump-shooting-scalise-congress.html">Solemn Trump Calls for Unity After Shooting</a> </h2>

1028</article>

1029 </li>

1030 <li>

1031 <article class="story" id="topnews-100000005164103" data-story-id="100000005164103" data-rank="2" data-collection-renderstyle="HpHeadline">

1032 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/us/politics/who-is-steve-scalise.html">Who Is Steve Scalise?</a> </h2>

1033</article>

1034 </li>

1035 </ul>

1036</div>

1037<div class="collection">

1038 <article class="story theme-summary" id="topnews-100000005164401" data-story-id="100000005164401" data-rank="0" data-collection-renderstyle="HpSumSmallMedia">

1039

1040

1041 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/us/politics/virginia-shooting-suspect-james-hodgkinson.html">Suspect Was Angry Over Trump’s Rise</a></h2>

1042

1043 <p class="byline">By NICHOLAS FANDOS </p>

1044

1045 <div class="thumb">

1046

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/us/politics/virginia-shooting-suspect-james-hodgkinson.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/us/15dc-suspect/15dc-suspect-thumbStandard-v2.jpg" alt=""></a>

1047 </div>

1048

1049 <p class="summary">

1050 Mr. Hodgkinson had traveled to Washington in recent weeks to protest, his brother said. </p>

1051

1052

1053 </article>

1054

1055</div>

1056

1057 </div><!-- close a-lede-package-region -->

1058 </div><!-- close a-column -->

1059

1060 <div class="b-column column">

1061 <div class="b-lede-package-region region">

1062

1063 <div class="collection">

1064

Priority 2
Article lacks heading. Consider using H2-H6 elements to add identifying headings to all articles.
Line 1064 HTML5

<article class="story theme-video theme-video-updated"

1065 id="topnews-100000005164061"

1066 data-story-id="100000005164061"

1067 data-rank="0"

1068 data-collection-renderstyle="VideoEmbed">

1069

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

<figure class="promo media video embedded"

1070 data-position="bledepackage"

1071 data-page="homepage"

1072 data-videoid="100000005164061"

1073 data-headline="The Virginia Shooting: The Scene and Reaction"

1074 data-summary="Witnesses describe the scene of the shooting that injured Representative Steve Scalise and others Wednesday morning. President Trump and Senator Bernie Sanders made statements."

1075 data-live="false"

1076 data-media-action="inline"

1077 data-autoplay="false"

1078 data-collection-renderstyle="VideoEmbed">

1079

Priority 3
The FIGCAPTION element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGCAPTION element display it as an inline element instead of a block element. This usually results in the caption being misaligned.

<figcaption class="caption">

1080 <p class="credit credit-right" itemprop="copyrightHolder">

1081 Video by BARBARA MARCOLINI, MALACHY BROWNE and SARAH STEIN KERR.&nbsp;Photo by&nbsp;Al Drago/The New York Times </p>

1082 </figcaption>

1083 </figure>

1084 <p class="summary">Witnesses describe the scene of the shooting that injured Representative Steve Scalise and others Wednesday morning. President Trump and Senator Bernie Sanders made statements.</p>

1085</article>

1086</div>

1087<div class="collection">

1088 <hr class="single-rule" style="width: 50%; text-align: center; margin: 12px auto 0;" />

1089

1090 </div>

1091<div class="collection">

1092 <article class="story theme-summary" id="topnews-100000005165309" data-story-id="100000005165309" data-rank="0" data-collection-renderstyle="HpSum" data-start-time="" data-end-time="">

1093

1094 <h3 class="kicker">On Washington </h3>

1095 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/us/politics/washington-congress-baseball-shooting.html">Lawmakers Soften Partisan Divides to Assess Tragedy</a></h2>

1096

1097 <p class="byline">By CARL HULSE </p>

1098

1099 <p class="summary">Party labels weren’t the defining trait as members of Congress assessed where the harsh political climate had led them.</p>

1100

1101

1102 </article>

1103</div>

1104<div class="collection">

1105 <style>

1106.nythpSplitCode .column { margin-left: 21px; }

1107.nythpSplitCode .column:first-child { margin-left: 0px; }

1108.nythpSplitCode.layout { background: none; }

1109.nythpSplitCode .media.photo.medium-thumb { float: none; margin-left: 0; }

1110</style>

1111

1112<div class="layout nythpSplitCode">

1113<div class="column"><div style="clear:both"><article class="story theme-summary" id="topnews-100000005165258" data-story-id="100000005165258" data-rank="1" data-collection-renderstyle="HpSum" data-start-time="" data-end-time="">

1114

1115 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/us/baseball-shooting-is-latest-eruption-in-a-grim-ritual-of-rage-and-blame.html">The Latest Eruption in a Ritual of Rage and Blame</a></h2>

1116

1117 <p class="byline">By ALEXANDER BURNS </p>

1118

1119 <p class="summary">The attack is the latest example of a grim trend, widely remarked upon by leaders in both parties, but never slowed or stopped.</p>

1120

1121

1122 </article>

1123</div>

1124<div class="collection">

1125 </div></div>

1126<div class="column"><div></div>

1127<div class="collection">

1128 <!--

1129

1130======================================================

1131

1132THIS IS A GENERATED TEMPLATE FILE. DO NOT EDIT.

1133

1134======================================================

1135

1136-->

1137<div id="g-hp-promo-177-hp-box" class="ai2html">

1138 <!-- Generated by ai2html v0.64 - 2017-06-14 - 22:06 -->

1139 <!-- ai file: hp-promo-177.ai -->

1140 <!-- preview: 2017-06-14-congressional-baseball-shooting -->

1141 <!-- scoop : virginia-shooting-congress-scalise -->

1142

1143 <style type='text/css' media='screen,print'>

1144 #g-hp-promo-177-hp-box {

1145 max-width:600px;

1146 }

1147 #g-hp-promo-177-hp-box .g-artboard {

1148 margin:0 auto;

1149 }

1150 .g-ai2htmlLink {

1151 display: block;

1152 }

1153 #g-hp-promo-177-hp-box .g-artboard p {

1154 margin:0;

1155 }

1156 .g-aiAbs {

1157 position:absolute;

1158 }

1159 .g-aiImg {

1160 display:block;

1161 width:100% !important;

1162 }

1163 .g-aiPointText p { white-space: nowrap; }

1164 </style>

1165

Priority 3
Use link text between 3 and 100 characters so it's long enough to be understood, but avoids line wrapping.
A single word text link may not give enough information about the link's destination. A link that is a full sentence is difficult to read quickly, particularly if it wraps to another line.

<a class='g-ai2htmlLink' href='https://www.nytimes.com/interactive/2017/06/14/us/virginia-shooting-congress-scalise.html'>

1166

1167 <style type='text/css' media='screen,print'>

1168 /* Custom CSS */

1169 .g-nytg-forpromo {

1170

Priority 6
Property -webkit-font-smoothing is vendor specific.
Properties prefixed by a dash or underscore are vendor specific and only work on one browser engine.
Line 1170 CSS Validation

-webkit-font-smoothing: antialiased;

1171 }

1172 </style>

1173

1174 <!-- Artboard: hp -->

1175 <div id="g-hp-promo-177-hp" class="g-artboard g-artboard-v3">

1176 <style type='text/css' media='screen,print'>

1177 #g-hp-promo-177-hp {

1178 position:relative;

1179 overflow:hidden;

1180 width:177px;

1181 }

1182 #g-hp-promo-177-hp p {

1183 font-family:nyt-franklin,arial,helvetica,sans-serif;

1184 font-weight:500;

1185

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size:12px;

1186 line-height:12px;

1187

Priority 1
CSS Validation Error.
Line 1187 CSS Validation

filter:alpha(opacity=100);

1188 -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

1189 opacity:1;

1190 letter-spacing:0em;

1191 text-align:left;

1192 color:rgb(255,255,255);

1193 text-transform:none;

1194 padding-bottom:0;

1195 padding-top:0;

1196 mix-blend-mode:normal;

1197 font-style:normal;

1198 }

1199 #g-hp-promo-177-hp .g-pstyle0 {

1200 text-align:right;

1201 }

1202 </style>

1203

Priority 1
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud. Spacer images and purely decorative images should use ALT=''.

Impact on users:

  • NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
  • JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
  • WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
  • VoiceOver Safari OSX 10.10 Reading: Image filename read out.
  • VoiceOver Safari iOS 7.1 Touch: Image filename read out.
  • SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.
Priority 1
An 'img' element must have an 'alt' attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
Line 1203 HTML5

<img id="g-ai0-0" class="g-aiImg" src="https://static01.nyt.com/newsgraphics/2017/06/14/congressional-baseball-shooting/a1d7a1e4541503278d0047995c2825c9220fd887/hp-promo-177-hp.png"/>

1204 <div id="g-ai0-1" class="g-nytg-forpromo g-aiAbs g-aiPointText" style="top:25.4237%;right:68.2408%;width:45px;">

1205 <p class="g-pstyle0">Gunman</p>

1206 </div>

1207 <div id="g-ai0-2" class="g-nytg-forpromo g-aiAbs g-aiPointText" style="top:71.1864%;right:42.9017%;width:79px;">

1208 <p class="g-pstyle0">Representative</p>

1209 <p class="g-pstyle0">Scalise</p>

1210 </div>

1211 </div>

1212 </a>

1213 <!-- End ai2html - 2017-06-14 - 22:06 -->

1214</div>

1215<!-- Pipeline: 2017-06-14-congressional-baseball-shooting June 15, 2017, 02:39AM a1d7a1e4541503278d0047995c2825c9220fd887 --></div>

1216<div class="collection headlines">

1217 <ul class="theme-news-headlines">

1218 <li>

1219 <div style="margin-top: -10px;"></div> </li>

1220 <li>

1221 <article class="story" id="topnews-100000005164070" data-story-id="100000005164070" data-rank="1" data-collection-renderstyle="HpHeadline">

1222 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/interactive/2017/06/14/us/virginia-shooting-congress-scalise.html">How the Shooting Unfolded</a> </h2>

1223</article>

1224 </li>

1225 </ul>

1226</div>

1227<div class="collection">

1228 </div></div></div></div>

1229<div class="collection headlines">

1230 <ul class="theme-news-headlines">

1231 <li>

1232 <div style="margin-top: -10px;"></div> </li>

1233 <li>

1234 <article class="story" id="topnews-100000005165472" data-story-id="100000005165472" data-rank="1" data-collection-renderstyle="HpBlogHeadline">

1235 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/us/politics/targeted-republicans-gun-laws-alexandria-virginia-baseball-shooting.html">Their Own Targeted, Republicans Push for Looser Gun Laws</a></h2>

1236</article>

1237 </li>

1238 </ul>

1239</div>

1240

1241 </div><!-- close b-lede-package-region -->

1242 </div><!-- close b-column -->

1243 </div><!-- close wide-b-layout -->

1244 </div><!-- close lede-package-region -->

1245

1246

1247 <hr class="scotch-rule" />

1248

1249 <div class="wide-b-layout layout">

1250

1251 <div class="a-column column">

1252

1253 <div class="first-column-region region">

1254

1255 <div class="collection">

1256 <article class="story theme-summary lede" id="topnews-100000005165621" data-story-id="100000005165621" data-rank="0" data-collection-renderstyle="LedeSum">

1257

1258 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/us/politics/mueller-trump-special-counsel-investigation.html">Special Counsel Interview List Is Said to Point at Trump Inquiry</a></h2>

1259

1260 <p class="byline">By MICHAEL S. SCHMIDT and MATT APUZZO </p>

1261

1262 <p class="summary"><ul> <li> Robert S. Mueller III, the special counsel for the Russia investigation, is said to have requested interviews with three high-ranking current and former intelligence officials.</li>

1263<li> It is the latest indication that he will investigate whether President Trump obstructed justice in the inquiry of election meddling.</li>

1264</ul>

Priority 1
No 'p' element in scope but a 'p' end tag seen.
Line 1264 HTML5

</p>

1265

1266

1267 </article>

1268

1269

1270</div>

1271<div class="collection headlines">

1272 <h3 class="kicker collection-kicker">More in Politics</h3>

1273 <ul class="theme-news-headlines">

1274 <li>

1275 <article class="story" id="topnews-100000005165580" data-story-id="100000005165580" data-rank="0" data-collection-renderstyle="HpHeadline">

1276 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/us/politics/trump-russia-sanctions.html">Senate Overwhelmingly Passes Russia Sanctions Measure</a> </h2>

1277</article>

1278 </li>

1279 <li>

1280 <article class="story" id="topnews-100000005163305" data-story-id="100000005163305" data-rank="1" data-collection-renderstyle="HpHeadline">

1281 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/us/politics/democrats-in-congress-to-sue-trump-over-foreign-business-dealings.html">Democrats Sue Trump Over Foreign Business Deals</a> </h2>

1282</article>

1283 </li>

1284 <li>

1285 <article class="story" id="topnews-100000005163263" data-story-id="100000005163263" data-rank="2" data-collection-renderstyle="HpHeadline">

1286 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/13/us/politics/trump-in-zigzag-calls-house-republicans-health-bill-mean.html">Trump Calls House G.O.P. Health Bill ‘Mean’</a> </h2>

1287</article>

1288 </li>

1289 <li>

1290 <article class="story" id="topnews-100000005162413" data-story-id="100000005162413" data-rank="3" data-collection-renderstyle="HpHeadline">

1291 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/us/politics/robert-mueller-fbi-reaction.html">Writers From the Right and Left React to the Sessions Hearing</a> </h2>

1292</article>

1293 </li>

1294 </ul>

1295</div>

1296<hr class="single-rule" /><div class="collection">

1297 <article class="story theme-summary" id="topnews-100000005163423" data-story-id="100000005163423" data-rank="0" data-collection-renderstyle="HpSum" data-start-time="" data-end-time="">

1298

1299 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/13/world/europe/fire-london-apartment-building.html">Questions Mount After Fire at London Tower Kills 12</a></h2>

1300

1301 <p class="byline">By STEPHEN CASTLE, DANNY HAKIM and CEYLAN YEGINSU </p>

1302

1303 <p class="summary">The toll in the high-rise blaze was likely to rise, officials said. Experts are questioning whether material used in the building’s exterior may have helped spread the flames.</p>

1304

1305 <p class="theme-comments">

1306 <a href="https://www.nytimes.com/2017/06/13/world/europe/fire-london-apartment-building.html?hp&amp;target=comments#commentsContainer" class="comments-link"><i class="icon sprite-icon comments-icon"></i><span class="comment-count">&nbsp;Comments</span></a>

1307</p>

1308

1309 </article>

1310</div>

1311<div class="collection headlines">

1312 <ul class="theme-news-headlines">

1313 <li>

1314 <div style="margin-top: -10px;"></div> </li>

1315 <li>

1316 <article class="story" id="topnews-100000005163984" data-story-id="100000005163984" data-rank="1" data-collection-renderstyle="HpHeadline">

1317 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/world/europe/uk-london-fire-grenfell-tower.html">The London Fire: What We Know</a> </h2>

1318</article>

1319 </li>

1320 <li>

1321 <article class="story" id="topnews-100000005164119" data-story-id="100000005164119" data-rank="2" data-collection-renderstyle="HpHeadline">

1322 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/world/europe/uk-london-fires-timeline-history.html">5 Fires That Shaped Modern London</a> </h2>

1323</article>

1324 </li>

1325 </ul>

1326</div>

1327<div class="collection">

1328

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

<figure class="story theme-feature video media video-promo-small updated-video-promo-small">

1329<a href="https://www.nytimes.com/video/world/europe/100000005163446/major-fire-in-london-apartment-tower.html">

1330 <div class="video-promo-small-container" style="background-image: url('https://static01.nyt.com/images/2017/06/15/world/15london-01p/14london-12-filmstrip-v2.jpg');">

1331 <div class="metadata">

1332 <div class="play-button-and-duration">

1333 <div class="play-icon">

1334

Priority 1
SVG images are not supported in Internet Explorer 8 and older Android devices.
The SVG image will not be displayed.

<svg class="play-circle" height="28" width="28">

1335 <circle cx="14" cy="14" r="13" stroke="#FFF" fill="transparent" stroke-width="1.5" />

1336 </svg>

1337

Priority 1
SVG images are not supported in Internet Explorer 8 and older Android devices.
The SVG image will not be displayed.
Priority 3
Unsupported SVG version specified. This validator only supports SVG 1.1.
The recommended way to suppress this warning is to remove the version attribute altogether.
Line 1337 HTML5

<svg version="1.2" class="play-triangle" height="10" width="10">

1338 <polyline points="5,1.2264973081037427 10,9.88675134594813 0,9.88675134594813" transform="rotate(90, 5, 5)"></polyline>

1339 </svg>

1340 </div>

1341 <div class="duration">

1342 <span>1:34</span>

1343 </div>

1344 </div>

1345 <h2 class="story-heading">

1346 Flames Engulf an Apartment Tower </h2>

1347 <div class="orientation-icon">

1348

Priority 1
Bad value for xmlns:link. Only http://www.w3.org/1999/xlink allowed here.
Line 1348 HTML5
Priority 1
SVG images are not supported in Internet Explorer 8 and older Android devices.
The SVG image will not be displayed.

<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">

1349

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1349 HTML5

<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

1350

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1350 HTML5

<g id="Compass-Cover-ACol">

1351

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1351 HTML5

<g id="360-View-Indicator">

1352

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1352 HTML5

<circle id="Oval-44" fill-opacity="0.1" fill="#000000" cx="14" cy="14" r="12.75"></circle>

1353

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1353 HTML5

<path d="M14,28 C21.7319865,28 28,21.7319865 28,14 C28,6.2680135 21.7319865,0 14,0 C6.2680135,0 0,6.2680135 0,14 C0,21.7319865 6.2680135,28 14,28 Z M14,26.75 C21.0416306,26.75 26.75,21.0416306 26.75,14 C26.75,6.95836944 21.0416306,1.25 14,1.25 C6.95836944,1.25 1.25,6.95836944 1.25,14 C1.25,21.0416306 6.95836944,26.75 14,26.75 Z" id="Border" fill="#FFFFFF"></path>

1354

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1354 HTML5

<g id="eyes" transform="translate(9.488845, 14.454531)" fill="#FFFFFF">

1355

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1355 HTML5

<ellipse id="Oval-12" cx="2.01115463" cy="2.04546933" rx="1.5" ry="1.5"></ellipse>

1356

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1356 HTML5

<ellipse id="Oval-12-Copy" cx="7.01115463" cy="2.04546933" rx="1.5" ry="1.5"></ellipse>

1357 </g>

1358

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1358 HTML5

<path d="M13.9960842,13 L21.5,5.88357462 C19.5796583,4.05113973 16.9264365,3 13.9960843,3 C11.065732,3 8.42034167,4.05113973 6.5,5.88357462 L13.9960842,13 Z" id="view" fill="#FFFFFF"></path>

1359 </g>

1360 </g>

1361 </g>

1362 </svg>

1363 </div>

1364 </div>

1365 </div>

1366</a>

1367

Priority 3
The FIGCAPTION element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGCAPTION element display it as an inline element instead of a block element. This usually results in the caption being misaligned.

<figcaption class="caption">

1368 <p class="credit">By ELSA BUTLER and ROBIN LINDSAY</p>

1369 </figcaption>

1370</figure>

1371</div>

1372<hr class="single-rule" /><div class="collection">

1373

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1373 HTML5

<article class="story theme-summary" id="topnews-100000005162937" data-story-id="100000005162937" data-rank="0" data-collection-renderstyle="HpSum" data-start-time="" data-end-time="">

1374

1375 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/us/politics/federal-reserve-meeting-interest-rates.html">Fed Raises Interest Rates Again, in Sign of Confidence</a></h2>

1376

1377 <p class="byline">By BINYAMIN APPELBAUM </p>

1378

1379 <p class="summary">The Fed raised its benchmark interest rate for the third consecutive quarter, to a range from 1 percent to 1.25 percent.</p>

1380

1381

1382 <ul class="refer theme-news-headlines">

1383 <li>

1384

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1384 HTML5

<article class="story" id="topnews-100000005162937">

1385 <h2 class="refer-heading"><a href="https://www.nytimes.com/interactive/2017/03/15/business/federal-reserve-interest-rates.html"><span class="icon graphic">Graphic</span>: Why the Fed Raised Rates</a> <time class="timestamp" data-eastern-timestamp="2:00 PM" datetime="2017-06-14" data-utc-timestamp="1497463251000">2:00 PM</time></h2>

1386 </article>

1387 </li>

1388 </ul>

1389</article>

1390</div>

1391<div class="collection headlines">

1392 <ul class="theme-news-headlines">

1393 <li>

1394 <div style="margin-top: -10px;"></div> </li>

1395 <li>

1396 <article class="story" id="topnews-100000005164726" data-story-id="100000005164726" data-rank="1" data-collection-renderstyle="HpHeadline">

1397 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/upshot/janet-yellen-and-the-case-of-the-missing-inflation.html">The Upshot: Janet Yellen and the Case of the Missing Inflation</a> </h2>

1398</article>

1399 </li>

1400 </ul>

1401</div>

1402<hr class="single-rule" /><div class="collection">

1403 <article class="story theme-summary" id="topnews-100000005160210" data-story-id="100000005160210" data-rank="0" data-collection-renderstyle="HpSum" data-start-time="" data-end-time="">

1404

1405 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/business/wells-fargo-loan-mortgage.html">Wells Fargo Accused of Improperly Changing Mortgages</a></h2>

1406

1407 <p class="byline">By GRETCHEN MORGENSON </p>

1408

1409 <p class="summary">Lawsuits allege that the bank changed the loan terms of customers in bankruptcy without their knowledge, putting them at risk of default.</p>

1410

1411

1412 </article>

1413</div>

1414<hr class="single-rule" /><div class="collection">

1415 <article class="story theme-summary" id="topnews-100000005165406" data-story-id="100000005165406" data-rank="0" data-collection-renderstyle="HpSum" data-start-time="" data-end-time="">

1416

1417 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/world/middleeast/syria-airstrikes-civilians.html">U.S. Strikes Killed Hundreds of Syrian Civilians, U.N. Says</a></h2>

1418

1419 <p class="byline">By NICK CUMMING-BRUCE </p>

1420

1421 <p class="summary">The panel’s findings reinforced fears held by humanitarian groups over the heavy loss of civilian life that could result from the American-led coalition’s airstrikes.</p>

1422

1423

1424 </article>

1425</div>

1426<hr class="single-rule" /><div class="collection">

1427 <div class="hpHeader">

1428 <h6><a href="http://www.nytimes.com/video/the-daily-360">The Daily 360</a></h6>

1429</div>

1430

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

1431<figure class="story theme-feature video media video-promo-small video-promo-small-360 updated-video-promo-small">

1432 <a href="https://www.nytimes.com/video/travel/100000005044980/sipping-sherry-in-spain-with-the-frugal-traveler.html">

1433 <div class="video-promo-small-container" style="background-image: url('https://static01.nyt.com/images/2017/06/18/travel/18FRUGAL/18FRUGAL-filmstrip.jpg');">

1434 <div class="metadata">

1435 <div class="play-button-and-duration">

1436 <div class="play-icon">

1437

Priority 1
SVG images are not supported in Internet Explorer 8 and older Android devices.
The SVG image will not be displayed.

<svg class="play-circle" height="28" width="28">

1438 <circle cx="14" cy="14" r="13" stroke="#FFF" fill="transparent" stroke-width="1.5" />

1439 </svg>

1440

Priority 1
SVG images are not supported in Internet Explorer 8 and older Android devices.
The SVG image will not be displayed.
Priority 3
Unsupported SVG version specified. This validator only supports SVG 1.1.
The recommended way to suppress this warning is to remove the version attribute altogether.
Line 1440 HTML5

<svg version="1.2" class="play-triangle" height="10" width="10">

1441 <polyline points="5,1.2264973081037427 10,9.88675134594813 0,9.88675134594813" transform="rotate(90, 5, 5)"></polyline>

1442 </svg>

1443 </div>

1444 <div class="duration">

1445 <span>1:45</span>

1446 </div>

1447 </div>

1448 <h2 class="story-heading">

1449 In Spain With the Frugal Traveler </h2>

1450 <div class="orientation-icon">

1451

Priority 1
Bad value for xmlns:link. Only http://www.w3.org/1999/xlink allowed here.
Line 1451 HTML5
Priority 1
SVG images are not supported in Internet Explorer 8 and older Android devices.
The SVG image will not be displayed.

<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">

1452

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1452 HTML5

<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

1453

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1453 HTML5

<g id="Compass-Cover-ACol">

1454

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1454 HTML5

<g id="360-View-Indicator">

1455

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1455 HTML5

<circle id="Oval-44" fill-opacity="0.1" fill="#000000" cx="14" cy="14" r="12.75"></circle>

1456

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1456 HTML5

<path d="M14,28 C21.7319865,28 28,21.7319865 28,14 C28,6.2680135 21.7319865,0 14,0 C6.2680135,0 0,6.2680135 0,14 C0,21.7319865 6.2680135,28 14,28 Z M14,26.75 C21.0416306,26.75 26.75,21.0416306 26.75,14 C26.75,6.95836944 21.0416306,1.25 14,1.25 C6.95836944,1.25 1.25,6.95836944 1.25,14 C1.25,21.0416306 6.95836944,26.75 14,26.75 Z" id="Border" fill="#FFFFFF"></path>

1457

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1457 HTML5

<g id="eyes" transform="translate(9.488845, 14.454531)" fill="#FFFFFF">

1458

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1458 HTML5

<ellipse id="Oval-12" cx="2.01115463" cy="2.04546933" rx="1.5" ry="1.5"></ellipse>

1459

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1459 HTML5

<ellipse id="Oval-12-Copy" cx="7.01115463" cy="2.04546933" rx="1.5" ry="1.5"></ellipse>

1460 </g>

1461

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1461 HTML5

<path d="M13.9960842,13 L21.5,5.88357462 C19.5796583,4.05113973 16.9264365,3 13.9960843,3 C11.065732,3 8.42034167,4.05113973 6.5,5.88357462 L13.9960842,13 Z" id="view" fill="#FFFFFF"></path>

1462 </g>

1463 </g>

1464 </g>

1465 </svg>

1466 </div>

1467 </div>

1468 </div>

1469</a>

1470

Priority 3
The FIGCAPTION element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGCAPTION element display it as an inline element instead of a block element. This usually results in the caption being misaligned.

<figcaption class="caption">

1471 <p class="credit">Daniel Rodrigues for The New York Times. Technology by Samsung. </p>

1472 </figcaption>

1473 <a href="/video/the-daily-360" class="more-in-playlist">

1474 <div>

1475 <p class="more-in-playlist-kicker">More in </p>

1476 <p class="more-in-playlist-title">The Daily 360 »</p>

1477 </div>

1478 </a>

1479</figure>

1480</div>

1481<div class="collection headlines">

1482 <ul class="theme-news-headlines">

1483 <li>

1484 <div style="margin-top: -10px;"></div> </li>

1485 <li>

1486 <article class="story" id="topnews-100000005150881" data-story-id="100000005150881" data-rank="1" data-collection-renderstyle="HpHeadline">

1487 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/travel/spain-sherry-portugal-triangle-budget-travel.html">The Southern Charms of Spain and Portugal</a> </h2>

1488</article>

1489 </li>

1490 </ul>

1491</div>

1492<hr class="single-rule" /><div class="collection">

1493 <!--

1494

1495======================================================

1496

1497THIS IS A GENERATED TEMPLATE FILE. DO NOT EDIT.

1498

1499======================================================

1500

1501-->

1502<!-- this is generated from src/style.css -->

1503<style>.tips-promo {

1504 position: relative;

1505 width: 100%;

1506 height: auto; }

1507 .tips-promo .nyt-logo {

1508 position: absolute;

1509 top: 1rem;

1510 left: 0;

1511 right: 0;

1512 margin: 0 auto;

1513 width: 6rem; }

1514 .tips-promo svg {

1515 width: 6rem;

1516 margin: 0 auto; }

1517 .tips-promo .text-bubble {

1518 padding: 1rem 0; }

1519 .tips-promo .text-bubble h1 {

1520 font-family: "nyt-cheltenham", times, serif;

1521 color: black;

1522 position: relative;

1523 font-size: 1.5rem;

1524 font-weight: 400;

1525 line-height: 0.9;

1526

Priority 6
Property -webkit-font-smoothing is vendor specific.
Properties prefixed by a dash or underscore are vendor specific and only work on one browser engine.
Line 1526 CSS Validation

-webkit-font-smoothing: antialiased;

1527 z-index: 0; }

1528 .tips-promo .text-bubble h2 {

1529 font-family: "nyt-cheltenham-sh", times, serif;

1530 color: black;

1531 position: relative;

1532

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 14px;

1533 font-weight: 400;

1534 line-height: 1.3;

1535

Priority 6
Property -webkit-font-smoothing is vendor specific.
Properties prefixed by a dash or underscore are vendor specific and only work on one browser engine.
Line 1535 CSS Validation

-webkit-font-smoothing: antialiased;

1536 z-index: 0;

1537 padding-top: 0.5rem; }

1538 .tips-promo .text-bubble .contact {

1539 font-family: "nyt-cheltenham-sh", times, serif;

1540 display: inline-block;

1541 border-style: none;

1542 border-color: transparent;

1543

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 13px;

1544 font-weight: bold;

1545 padding: 0;

1546 background: none;

1547 color: #326891;

1548 text-decoration: underline; }

1549</style>

1550

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1551 HTML5
Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1551 HTML5
Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1551 HTML5
Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1551 HTML5
Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1551 HTML5
Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1551 HTML5

1551<div id="g-graphic" data-preview-slug="2016-10-31-tips-hp">

1552 <div class="tips-promo">

1553 <div class="text-bubble">

1554

Priority 1
This page has more than one H1 element, which violates Bing webmaster guidelines.
Leave the title of the main content as H1 and change other H1 elements to a lower heading level.
Line 1554 Bing

<h1><a href="https://www.nytimes.com/tips">Got a confidential news tip?</a></h1>

1555 <h2>The New York Times offers several ways to get in touch with and provide materials to our journalists. <a href="https://www.nytimes.com/tips"><span class="contact">Learn more</span></a>.</h2>

1556 </div>

1557 </div>

1558</div>

1559

1560<script>

1561 var _gaq = _gaq || [];

1562 define('_nytg/2016-10-31-tips-hp/assets', function() { return 'https://static01.nyt.com/newsgraphics/2016/10/31/tips-hp/00b5b741a6c5682e24f945c547f78fbe98f2c27f/'; });

1563 define('_nytg/2016-10-31-tips-hp/big-assets', function() { return 'https://static01.nyt.com/newsgraphics/2016/10/31/tips-hp/assets/'; });

1564

1565 require(['foundation/main'], function() {

1566 require(['https://static01.nyt.com/newsgraphics/2016/10/31/tips-hp/00b5b741a6c5682e24f945c547f78fbe98f2c27f/build.js']); // generated from src/script.js

1567 });

1568</script>

1569<!-- Pipeline: 2016-10-31-tips-hp December 22, 2016, 09:17PM 00b5b741a6c5682e24f945c547f78fbe98f2c27f --></div>

1570

1571 </div><!-- close first-column-region -->

1572

1573 </div><!-- close a-column -->

1574

1575 <div class="b-column column">

1576

1577

1578

1579 <div class="second-column-region region">

1580

1581 <div class="collection">

1582 <script>function getFlexData() { return {"data":{"options":{"width":375,"height":390,"jsonp":"https:\/\/static01.nyt.com\/slideshow\/2017\/06\/08\/business\/rotterdam-climate-headline-here.slideshow.jsonp","link":""},"photos":{"photo":{"url":"","credit":""}},"advanced":{"delay":4,"limitjsonp":0,"rendition":"largeHorizontal375","targetoverride":"","abbreviatecredits":false}}}; }var NYTD=NYTD || {}; NYTD.FlexTypes = NYTD.FlexTypes || []; NYTD.FlexTypes.push({"target":"FT100000005153588","type":"FadingSlideShow","data":{"options":{"width":375,"height":390,"jsonp":"https:\/\/static01.nyt.com\/slideshow\/2017\/06\/08\/business\/rotterdam-climate-headline-here.slideshow.jsonp","link":""},"photos":{"photo":{"url":"","credit":""}},"advanced":{"delay":4,"limitjsonp":0,"rendition":"largeHorizontal375","targetoverride":"","abbreviatecredits":false}}});</script><script src="https://static01.nyt.com/packages/js/multimedia/libs/jquery-1.7.1.min.js"></script><script src="https://static01.nyt.com/packages/js/multimedia/bundles/projects/2013/FadingSlideShow2.js"></script>

1583<style type="text/css">

1584.edition-domestic .span-ab-layout .nytmm_FadingSlideShow .credit, .edition-international .span-ab-layout .nytmm_FadingSlideShow .credit {

1585color: #BAB8B3;

1586display: inline-block;

1587font-family: arial,helvetica,sans-serif;

1588font-size: 0.5625rem !important;

1589font-weight: 400;

1590line-height: 0.75rem;

1591}

1592</style><div id="FT100000005153588">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

JavaScript added element:

<div class="nytmm_FadingSlideShow" xmlns:og="http://opengraphprotocol.org/schema/"><div class="nytmm_FadingSlideShow_items nytmm_innerfade" style=""> <div class="nytmm_FadingSlideShow_item" style=""> <img style="" alt="" src="https://static01.nyt.com/images/2017/05/09/world/16ROTTERDAM4/16ROTTERDAM4-largeHorizontal375.jpg"> <div class="credit" style="">Josh Haner/The New York Times</div> </div> <div class="nytmm_FadingSlideShow_item" style=""> <img style="" alt="" src="https://static01.nyt.com/images/2017/06/09/world/16ROTTERDAM3/16ROTTERDAM3-largeHorizontal375-v2.jpg"> <div class="credit" style="">Josh Haner/The New York Times</div> </div> <div class="nytmm_FadingSlideShow_item" style=""> <img style="" alt="" src="https://static01.nyt.com/images/2017/06/09/world/16ROTTERDAM11/16ROTTERDAM11-largeHorizontal375-v2.jpg"> <div class="credit" style="">Josh Haner/The New York Times</div> </div> <div class="nytmm_FadingSlideShow_item" style=""> <img style="" alt="" src="https://static01.nyt.com/images/2017/06/09/world/16ROTTERDAM5/16ROTTERDAM5-largeHorizontal375-v2.jpg"> <div class="credit" style="">Josh Haner/The New York Times</div> </div> <div class="nytmm_FadingSlideShow_item" style=""> <img style="" alt="" src="https://static01.nyt.com/images/2017/05/25/world/16ROTTERDAM12/16ROTTERDAM12-largeHorizontal375-v4.jpg"> <div class="credit" style="">Josh Haner/The New York Times</div> </div></div></div>

</div></div>

1593<div class="collection">

1594 <article class="story theme-feature" id="topnews-100000005165828" data-story-id="100000005165828" data-rank="0" data-collection-renderstyle="LargeMediaHeadlineSumCentered">

1595

1596

1597

1598

Priority 1
This page has more than one H1 element, which violates Bing webmaster guidelines.
Leave the title of the main content as H1 and change other H1 elements to a lower heading level.
Line 1598 Bing

<h1 class="story-heading"><a href="https://www.nytimes.com/interactive/2017/06/15/world/europe/climate-change-rotterdam.html">In the Netherlands, Climate Change Is More Than a Fact, It’s an Opportunity</a></h1>

1599

1600 <p class="summary">The Dutch know all about being waterlogged, and they have advice (for a reasonable fee) for a world with rising seas.</p>

1601

1602

1603

1604 </article>

1605</div>

1606<hr class="single-rule" /><div class="collection">

1607 <article class="story theme-summary timedBriefing timedBriefingHide" id="topnews-100000005163547" data-story-id="100000005163547" data-rank="0" data-collection-renderstyle="HpSumMediumMediaHigh" data-start-time="06:00" data-end-time="11:00">

1608

1609

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

<figure class="media photo medium-thumb">

1610 <div class="image">

1611

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/15/briefing/london-robert-mueller-climate-change.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/briefing/15briefing-europe-gif/15briefing-europe-gif-mediumFlexible177-v2.gif" alt="" /></a>

1612 </div>

1613</figure>

1614

1615

1616 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/15/briefing/london-robert-mueller-climate-change.html">Your Thursday Briefing</a></h2>

1617

1618 <p class="byline">By PATRICK BOEHLER <time class="timestamp" datetime="2017-06-15" data-eastern-timestamp="1:08 AM" data-utc-timestamp="1497503333">1:08 AM ET</time></p>

1619

1620 <p class="summary">

1621 Here’s what you need to know to start your day. </p>

1622

1623

1624

1625</article>

1626</div>

1627<div class="collection">

1628 <link rel="stylesheet" type="text/css" href="https://web-player.art19.com/releases/0.0.42.css">

1629<link rel="stylesheet" type="text/css" href="https://static01.nyt.com/packages/html/mobile/2017/Audio/nyt-micro-player.min.css">

1630<script src="https://static01.nyt.com/packages/html/mobile/2017/Audio/nyt-micro-player-template.min.js"></script>

1631<style>

1632.audio-brief .image {

1633 width: 75px;

1634 height: 75px;

1635 float: right;

1636 clear: right;

1637 margin: 4px 0 6px 12px;

1638}

1639.audio-brief .summary {

1640 padding-bottom: 10px;

1641}

1642.audio-brief .audio {

1643 margin: 0;

1644}

1645.audio-brief .art19-web-player {

1646 margin-bottom: 0;

1647}

1648.audio-brief .art19-web-player.awp-micro .awp-left {

1649 border-right: none;

1650}

1651.audio-brief .art19-web-player.awp-micro .awp-brand-logo {

1652 padding: 0;

1653}

1654.audio-brief .awp-brand-logo img {

1655 display: none;

1656}

1657

1658.audio-brief .awp-embed-button{

1659 cursor: pointer;

1660}

1661#daily-sub-links{

1662 width:100%;

1663 padding:0;

1664 margin:-10px 0 0 0;

1665}

1666#daily-sub-links p{

1667 font-family:"nyt-franklin",arial,helvetica,sans-serif;

1668 font-weight:400;

1669

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 12px;

1670 line-height: 15px;

1671 color:#000;

1672}

1673#daily-sub-links p a{

1674 display:inline-block;

1675 color: #326891;

1676 padding-right: 8px;

1677 padding-left: 6px;

1678 border-right:1px solid #ccc;

1679}

1680#daily-sub-links p a:last-child{

1681 border-right:none;

1682}

1683</style>

1684<article class="story audio-brief theme-summary">

1685 <div class="image">

1686 <a href="https://www.nytimes.com/column/the-daily">

1687 <img src="https://static01.nyt.com/images/2017/02/23/podcasts/the-daily/the-daily-logo-png-version/the-daily-logo-png-version-thumbLarge-v3.png" height="75" width="75" alt="The Daily Logo">

1688 </a>

1689 </div>

1690 <h3 class="kicker"><a href="https://www.nytimes.com/podcasts/">Audio</a></h3>

1691 <h2 class="story-heading">

1692 <a href="https://www.nytimes.com/thedaily">

1693 Listen to ‘The Daily’

1694 </a>

1695 </h2>

1696 <p class="summary">The latest from Congress, where Jeff Sessions denied Russia collusion in his Senate testimony, and a Pennsylvania courthouse, where Bill Cosby awaits a verdict.</p>

1697

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

<figure id="audio" class="art19 media audio" aria-label="media" role="group" data-audio-url="" data-audio-duration="">

1698 <span class="visually-hidden">Audio</span>

1699

JavaScript changes: changed to class='art19-web-player awp-micro awp-theme-light awp-nyt-size-2' added data-node-id='undefined-f3a8cc18-d4b7-4dee-b76e-4cfaae9bf6fc-undefined-1497512134053-5086'

<div data-require-template="art19-web-player/templates/nyt-micro-player" data-preload='false' class="art19-web-player awp-micro awp-theme-light" data-episode-id='f3a8cc18-d4b7-4dee-b76e-4cfaae9bf6fc' data-squery='max-width:280px=awp-nyt-size-1 max-width:460px=awp-nyt-size-2' data-download-enabled='false' data-embed-enabled='false' data-brand-logo-enabled='false' data-ad-progress-color='#4d7b9f' data-emit-events='true' >

1700

JavaScript added element:

<div class="awp awp-container awp-micro awp-responsive awp-not-loaded" xmlns:og="http://opengraphprotocol.org/schema/"> <div class="awp-micro-table-wrapper"> <div class="awp-left"> <div class="awp-left-control-container"> <div class="awp-loading-icon"> <i class="awp-icon awp-icon-spinner awp-icon-rotate"></i> </div> <div class="awp-warning-icon"> <i class="awp-icon awp-icon-attention"></i> </div> <button aria-label="Play" title="Play" class="awp-play-toggle awp-control" data-action="fetch-data"> <i class="awp-icon awp-icon-play"></i> <i class="awp-icon awp-icon-pause"></i> </button> </div> </div> <div class="awp-middle"> <div class="awp-middle-inner"> <div class="awp-middle-left"> <div class="awp-ad-label"> Advertising <span class="awp-current-ad">0</span> / <span class="awp-ad-pod-size">0</span> </div> </div> <div class="awp-middle-middle"> <div class="awp-progress-container"> <div class="awp-buffered" style=""></div> <div class="awp-progress ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style=""></div><span tabindex="0" class="ui-slider-handle ui-state-default ui-corner-all" style=""></span></div> </div> <div class="awp-error-message awp-marquee"> <div class="awp-marquee-inner"> <span class="awp-marquee-scroll-element"> <span class="awp-error-message-content"></span><span class="awp-error-message-content awp-marquee-duplicate"></span> </span> </div> </div> <div class="awp-ad-progress-container"> <div class="awp-ad-buffered" style=""></div> <div class="awp-ad-progress ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all ui-state-disabled ui-slider-disabled"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style=""></div><span tabindex="0" class="ui-slider-handle ui-state-default ui-corner-all" style=""></span></div> </div> </div> </div> </div> <div class="awp-right"> <div class="awp-trt"> <span class="awp-current-time">00:00</span> / <span class="awp-total-time">00:00</span> </div> <div class="awp-volume-control"> <a aria-label="Toggle mute" class="awp-mute" data-action="mute-toggle"> <i class="awp-icon awp-icon-volume-off"></i> <span class="times">×</span> </a> <div class="awp-volume-slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style=""></div><span tabindex="0" class="ui-slider-handle ui-state-default ui-corner-all" style=""></span></div> </div> </div> </div> </div>

</div>

1701 </figure>

1702</article>

1703<div id="daily-sub-links">

1704<p>Follow The Daily: <a href="https://itunes.apple.com/us/podcast/the-daily/id1200361736?mt=2&ign-mpt=uo%3D4" target="_blank">iTunes</a> <a href="https://play.radiopublic.com/88f7d8c3-7289-4dc6-b300-5ba71b43f5e5" target="_blank">Radio Public</a> <a href="http://www.stitcher.com/podcast/the-new-york-times/the-daily-10" target="_blank">Stitcher</a></p>

1705</div>

1706<script src="https://web-player.art19.com/releases/0.0.42.js"></script></div>

1707<div class="collection">

1708 <style>

1709 /*default display conditions*/

1710 .nythpCAToday {display: none;}

1711 /*geocoded display conditions*/

1712 html.geo-region-CA .nythpCAToday {display: block;}

1713

Priority 1
CSS Validation Error.
Line 1714 CSS Validation

1714 .nythpCAToday article::before {

1715 content: "";

1716 background: #e2e2e2;

1717 width: 187px;

1718 height: 1px;

1719 margin: 12px 0 12px 93px;

1720}

Priority 1
CSS Validation Error.
Line 1721 CSS Validation

1721

1722.second-column-region .collection:first-child .nythpCAToday article::before {

1723display: none;

1724}

1725

1726.second-column-region .collection:first-child .nythpCAToday { border-bottom: 1px solid #ccc;

1727padding-bottom: 8px;

1728}

1729

1730</style>

1731

1732<div class="nythpCAToday">

1733

1734

1735</div></div>

1736<hr class="single-rule" /><div class="collection">

1737 <div class="hpHeader">

1738 <h6><a href="http://www.nytimes.com/spotlight/times-tips?contentCollection=smarter-living">Smarter Living</a></h6>

1739</div><div class="nythpSmarterLiving smarterLiving-promo-region region">

1740<article class="story theme-summary" id="topnews-100000005148096" data-story-id="100000005148096" data-rank="2" data-collection-renderstyle="HpSumSmallMediaHigh">

1741

1742 <h3 class="kicker">The Getaway </h3>

1743 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/12/travel/how-much-are-frequent-flier-miles-worth.html">How Much Are Frequent Flier Miles Really Worth?</a></h2>

1744

1745 <div class="thumb">

1746

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/12/travel/how-much-are-frequent-flier-miles-worth.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/18/travel/18GETAWAY/18GETAWAY-thumbStandard.jpg" alt=""></a>

1747 </div>

1748

1749 <p class="byline">By DAVE SEMINARA </p>

1750

1751 <p class="summary">

1752 In the increasingly byzantine world of frequent flier mileage reward programs, the term “mile” has little or no connection to physical distance. </p>

1753

1754

1755 </article>

1756<article class="story theme-summary" id="topnews-100000005164842" data-story-id="100000005164842" data-rank="3" data-collection-renderstyle="HpSumSmallMediaHigh">

1757

1758 <h2 class="story-heading"><a href="https://cooking.nytimes.com/68861692-nyt-cooking/6320006-20-versatile-summer-recipes-youll-use-all-season-long">20 Versatile Recipes You’ll Use All Summer Long</a></h2>

1759

1760 <div class="thumb">

1761

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://cooking.nytimes.com/68861692-nyt-cooking/6320006-20-versatile-summer-recipes-youll-use-all-season-long">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2016/07/19/dining/19COOKING-PASTA-MARINATED-TOMATOES1/19COOKING-PASTA-MARINATED-TOMATOES1-thumbStandard.jpg" alt=""></a>

1762 </div>

1763

1764 <p class="byline">NYT Cooking </p>

1765

1766 <p class="summary">

1767 Memorize our most riff-able recipes, or keep a copy at the beach house, for the best summer eating ever. </p>

1768

1769

1770 </article>

1771</div>

1772

1773

1774<!-- Begin A/B Personalization Test -->

1775

1776<style>

1777.flag-smarterLivingRec-on .nythpSmarterLiving {

1778 display: none;

1779}

1780</style>

1781<script type="text/javascript">

1782require(['foundation/main'], function (main) {

1783 require([

1784 'underscore/nyt',

1785 'jquery/nyt',

1786 'foundation/views/base-view'

1787 ],

1788 function (_, $, BaseView) {

1789 var SmarterLiving = BaseView.extend({

1790

1791 template: _.template('<article class="story theme-summary" id="topnews-<%= id %>"' +

1792 ' data-story-id="<%= id %>" data-collection-renderstyle="HpSumSmallMediaHigh"><h2 class="story-heading">' +

1793 '<a href="<%= url %>"><%= headline %></a></h2><div class="thumb"><a href="<%= url %>">' +

1794 '<img src="<%= thumb_url %>" alt=""></a></div></article>'),

1795

1796 events: {

1797 'click article a': 'handleArticleLinkClick'

1798 },

1799

1800 articles: [],

1801

1802 initialize: function () {

1803 const view = this;

1804

1805 if (!this.pageManager.flag('smarterLivingRec')) {

1806 return;

1807 }

1808

1809 this.$el = $('.nythpSmarterLiving');

1810 this.setupImpressionTracking = _.once(this._setupImpressionTracking);

1811 $.ajax(

1812 {

1813 url: 'https://rec.api.nytimes.com/svc/recommendations/v4/smarter_living.json',

1814 xhrFields: {

1815 withCredentials: true

1816 }

1817 })

1818 .done(function(data) {

1819 view.setupImpressionTracking();

1820 _.each(data.assets, function(item) {

1821 view.articles.push(item.url);

1822 });

1823 // iterate over the existing articles

1824 view.$el.find('article').each(function (index) {

1825 // replace with articles from rec service

1826 $(this).replaceWith(view.template(data.assets[index]));

1827 });

1828 })

1829 .always(function() {

1830 // unhide articles

1831 view.$el.css('display', 'block');

1832 });

1833 },

1834

1835 _setupImpressionTracking: function () {

1836 if (this.pageManager.isComponentVisible(this.$el)) {

1837 this.recordTrackingImpression();

1838 } else {

1839 this.subscribe('nyt:page-scroll', this.handleScroll);

1840 }

1841 },

1842

1843 handleArticleLinkClick: function (ev) {

1844 const view = this;

1845 const $el = $(ev.currentTarget);

1846 var href = this.trackingAppendParams($el.attr('href'), {

1847 'action': 'click',

1848 'pgtype': 'Homepage',

1849 'clickSource': 'story-heading',

1850 'module': 'smarter-living',

1851 'region': 'second-column-region',

1852 'contentCollection': 'smarter-living',

1853 'mData': $.param({

1854 articles: view.articles

1855 }),

1856 });

1857

1858 $el.attr('href', href);

1859 },

1860

1861 handleScroll: function () {

1862 if (this.pageManager.isComponentVisible(this.$el)) {

1863 this.recordTrackingImpression();

1864 this.stopSubscribing('nyt:page-scroll');

1865 }

1866 },

1867

1868 recordTrackingImpression: function () {

1869 const view = this;

1870 this.trackingTriggerImpression('Impression', {

1871 'module': 'smarter-living',

1872 'pgtype': 'Homepage',

1873 'region': 'second-column-region',

1874 'action': 'impression',

1875 'proxyEventType': 'impression',

1876 'timestamp': new Date().getTime(),

1877 'mData': {

1878 articles: view.articles

1879 },

1880 });

1881 },

1882

1883 });

1884

1885 new SmarterLiving();

1886 });

1887});

1888</script>

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 1889 HTML5

1889<div id="g-graphic" class="nythp-smarter-living-formonly-email-promo notification-widget story">

1890 <hr class="single-rule" style="width: 50%; text-align: center; margin: 12px auto 12px;" />

1891

1892 <p class="theme-summary">Get a weekly roundup of the best advice from The Times on living a better, smarter, more fulfilling life.</p>

1893 <div id="smarter-living-form-only"></div>

1894

1895</div>

1896

1897<script>

1898require.config({

1899 paths: {

1900 'nytint/email-subscriber' : 'https://int.nyt.com/applications/email-subscriber/client'

1901 }

1902});

1903

1904require(['foundation/main'], function() {

1905 require(['nytint/email-subscriber'], function(Subscriber) {

1906 Subscriber.setup({

1907 containerId: 'smarter-living-form-only',

1908 productCode: 'SL',

1909 elementToHideOnSubscribe: '.nythp-smarter-living-formonly-email-promo',

1910 text: {unregisteredButton: 'Sign Up',

1911 unregisteredPlaceholder: 'Get Smarter Living by email',

1912 registeredButton: 'Sign Up',

1913 alreadySubscribedMessage: 'You’re already subscribed.',

1914 thanksMessage: 'You’ve signed up as %email%',

1915 emailPreferencesLinkText: 'Update your mail preferences »',

1916 errorMessage: 'Error submitting, please try again.',

1917 registeredWelcome: 'Get Smarter Living by email'}

1918 });

1919

1920 setTimeout(function(){

1921 var widget = document.getElementById('smarter-living-form-only');

1922 var container = widget.getElementsByTagName('div')[0];

1923 var form = widget.getElementsByTagName('form')[0];

1924 var status = container.getAttribute('data-status');

1925 var notify = widget.getElementsByClassName('notify-email')[0];

1926

1927 if(notify !== undefined){

1928

1929 var origtext = notify.getAttribute('placeholder');

1930 var newtext = 'Please enter your email address';

1931 var button = container.getElementsByTagName('button')[0];

1932

1933 widget.setAttribute('class','clearfix');

1934

1935 notify.addEventListener('mouseover',function(){

1936 notify.setAttribute('placeholder',newtext);

1937 });

1938

1939 notify.addEventListener('mouseout',function(){

1940 notify.setAttribute('placeholder',origtext);

1941 });

1942

1943 notify.addEventListener('focus',function(){

1944 notify.setAttribute('placeholder','');

1945 });

1946

1947 }

1948

1949 if(form !== undefined){

1950 notify.addEventListener('keyup',function(){

1951 form.setAttribute('class','dirtyform');

1952 });

1953 container.setAttribute('class','not-signedin');

1954 } else {

1955 container.setAttribute('class','signedin');

1956 }

1957 },2000);

1958

1959 });

1960});

1961</script></div>

1962<div class="collection">

1963 <style>

1964 .signup-favor {

1965 text-align: center;

1966 color: #326891;

1967 cursor: pointer;

1968 padding-top: 15px;

1969 padding-bottom: 15px;

1970 }

1971

1972 .signup-favor.top-border {

1973 margin-top: 8px;

1974 padding-top: 32px;

1975 border-top: 1px solid #ccc;

1976 }

1977

1978 .signup-favor.bottom-border {

1979 padding-bottom: 33px;

1980 border-bottom: 1px solid #ccc;

1981 }

1982

1983 .signup-favor a:hover {

1984 text-decoration: none;

1985 }

1986

1987 .signup-favor .tagline {

1988 display: block;

1989 font-size: 1.25rem;

1990 line-height: 1.75rem;

1991 font-weight: 700;

1992 font-style: normal;

1993 font-family: "nyt-cheltenham", georgia, "times new roman", times, serif;

1994 color: #000;

1995 }

1996

1997 .signup-favor .subscribe {

1998

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 12px;

1999 line-height: 1.0625rem;

2000 font-weight: 500;

2001 font-style: normal;

2002 font-family: "nyt-franklin", arial, helvetica, sans-serif;

2003 color: #326891;

2004 border-bottom: 1px solid rgba(50,104,145,.2);

2005 letter-spacing: .04em;

2006 margin: 5px auto 0;

2007 padding-bottom: 1px;

2008 text-transform: uppercase;

2009 display: inline-block;

2010

Priority 6
Property -moz-transition is vendor specific.
Properties prefixed by a dash or underscore are vendor specific and only work on one browser engine.
Line 2010 CSS Validation

-moz-transition: border 0.2s ease;

2011

Priority 6
Property -webkit-transition is vendor specific.
Properties prefixed by a dash or underscore are vendor specific and only work on one browser engine.
Line 2011 CSS Validation

-webkit-transition: border 0.2s ease;

2012

Priority 6
Property -ms-transition is vendor specific.
Properties prefixed by a dash or underscore are vendor specific and only work on one browser engine.
Line 2012 CSS Validation

-ms-transition: border 0.2s ease;

2013 transition: border 0.2s ease;

2014 }

2015 .signup-favor .tagline .support {

2016 font-size: 1.25rem;

2017 }

2018

2019 .signup-favor .tagline .no-break {

2020 white-space: nowrap;

2021 }

2022 .signup-favor:hover .subscribe {

2023 border-color: rgba(50,104,145,1);

2024 }

2025</style>

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 2026 HTML5

2026<div id="g-graphic" class="sub-promo-click">

2027 <div class="signup-favor hidden" id="signup-favor">

2028 <a href="https://www.nytimes.com/DesktopHome" class="subscribe-link">

2029 <span class="tagline"><span class="no-break">Journalism that matters.</span> <br /><span class="no-break">More essential than ever.</span></span>

2030 <span class="subscribe">Subscribe to the Times</span>

2031 </a>

2032

2033 </div>

2034</div>

2035

2036<script type="text/javascript">

2037 require(['foundation/main'], function(main) {

2038 require(['jquery/nyt', 'underscore/nyt', 'foundation/models/user-data', 'foundation/tracking/tracking-mixin', 'foundation/views/page-manager', 'foundation/hosts'],

2039 function ($, _, userData, trackingMixin, pageManager, hosts) {

2040 var signupPromo = {

2041

2042 taglines: {

2043 'promo1': '<span style="white-space: nowrap">Journalism that matters.</span><br /><span style="white-space: nowrap"> More essential than ever.</span>',

2044 'promo2': '<span style="white-space: nowrap">Independent journalism.</span><br /><span style="white-space: nowrap">More essential than ever.</span>',

2045 'promo3': 'Real reporting. Real news.',

2046 'promo4': 'Independent. Trusted. Real.',

2047 'promo5': 'Real journalism. <span style="white-space: nowrap">Like nowhere else.</span>',

2048 'promo6': 'Truth is hard to find.<br /><span style="white-space: nowrap; font-size: 1.25rem;">But easier with 1,000+ journalists looking.</span>'

2049 },

2050

2051 /**

2052 * Initialization called when instantiating the view

2053 *

2054 * @method initialize

2055 **/

2056 initialize: function () {

2057 this.$el = $('#signup-favor');

2058 $(document).on('click', "#g-graphic.sub-promo-click", function(e){

2059 if (e) {

2060 e.preventDefault();

2061 }

2062 signupPromo.handleClick();

2063 });

2064

2065 this.version = 'promo1';

2066

2067 userData.ready(function() {

2068 signupPromo.handleUserReady();

2069 });

2070

2071 this.link = 'https://www.nytimes.com/DesktopHome';

2072

2073 },

2074

2075

2076 trackImpression: function() {

2077

2078 setTimeout(function() {

2079 signupPromo.tracking.trackingTriggerRaw(

2080 signupPromo.version,

2081 {

2082 module: 'election-sub-desktop-home',

2083 action: 'impression'

2084 },

2085 'impression'

2086 );

2087 }, 1000);

2088

2089 },

2090

2091

2092

2093 handleUserReady: function () {

2094

2095 var view = this;

2096 console.log("abra "+ window.NYTD.Abra('www-signup-favor-test-v4'));

2097

2098 if (window.NYTD.Abra('www-signup-favor-test-v4') == 'control') {

2099 return;

2100 }

2101

2102

2103 if (userData) {

2104

2105 if (!userData.isHomeDeliverySubscriber() &&

2106 !userData.isWebSubscriber() &&

2107 !userData.isMobileSubscriber() &&

2108 !userData.isTabletSubscriber()) {

2109 if (!$('html').hasClass('geo-country-US')) {

2110 this.link = 'https://www.nytimes.com/DesktopHomeINYT';

2111 this.$el.find(".subscribe-link").attr("href", "http://www.nytimes.com/DesktopHomeINYT")

2112 }

2113 this.switchText();

2114 } else {

2115 this.$el.find('.tagline').html('<span class="no-break support">Support the mission of The Times.</span>');

2116 this.$el.find('.subscribe').html('Sponsor a student subscription today.');

2117 this.version = 'studentSponsor';

2118 this.link = 'https://www.nytimes.com/NativeSponsor';

2119 this.$el.find('.subscribe-link').attr('href', 'https://www.nytimes.com/NativeSponsor');

2120 }

2121

2122 // if user is not already subscribed, show the element

2123 this.$el.removeClass('hidden');

2124 this.trackImpression();

2125 if (this.$el.closest('.column').hasClass('ab-column')){

2126 this.$el.addClass('top-border');

2127 } else if (this.$el.closest('.column').hasClass('b-column')) {

2128 this.$el.addClass('top-border').addClass('bottom-border');

2129 }

2130

2131 }

2132

2133 },

2134

2135 switchText: function () {

2136 var hasAbra = false;

2137

2138 hasAbra = window.NYTD && window.NYTD.Abra && window.NYTD.Abra('www-signup-favor-test-v4');

2139 // check if this is part of an AB test

2140 if (hasAbra) {

2141 switch (window.NYTD.Abra('www-signup-favor-test-v4')) {

2142 case '1':

2143 this.$el.find('.tagline').html(this.taglines['promo1']);

2144 this.version = 'promo1';

2145 break;

2146 case '2':

2147 this.$el.find('.tagline').html(this.taglines['promo2']);

2148 this.version = 'promo2';

2149 break;

2150 case '3':

2151 this.$el.find('.tagline').html(this.taglines['promo3']);

2152 this.version = 'promo3';

2153 break;

2154 case '4':

2155 this.$el.find('.tagline').html(this.taglines['promo4']);

2156 this.version = 'promo4';

2157 break;

2158 case '5':

2159 this.$el.find('.tagline').html(this.taglines['promo5']);

2160 this.version = 'promo5';

2161 break;

2162 case '6':

2163 this.$el.find('.tagline').html(this.taglines['promo6']);

2164 this.version = 'promo6';

2165 break;

2166 }

2167 }

2168 },

2169

2170 handleClick: function (e) {

2171

2172 if (e) {

2173 e.preventDefault();

2174 }

2175

2176 this.tracking.trackingTriggerRaw(

2177 this.version,

2178 {

2179 module: 'election-sub-desktop-home',

2180 action: 'click',

2181 eventName: 'sign-up'

2182 },

2183 'interaction'

2184 );

2185

2186 setTimeout(function() {

2187 window.location.href = signupPromo.link;

2188 }, 300);

2189

2190 },

2191 };

2192

2193 signupPromo.tracking = trackingMixin;

2194 signupPromo.pageManager = pageManager;

2195 signupPromo.hosts = hosts;

2196 signupPromo.initialize();

2197 });

2198});

2199

2200</script></div>

2201<div class="collection">

2202 <article class="story theme-summary" id="topnews-100000005164062" data-story-id="100000005164062" data-rank="0" data-collection-renderstyle="HpSumSmallMediaHigh">

2203

2204 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/us/flint-water-crisis-manslaughter.html">Manslaughter Charges for 5 Officials in Flint Crisis</a></h2>

2205

2206 <div class="thumb">

2207

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/us/flint-water-crisis-manslaughter.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/us/15flint1/15flint1-thumbStandard-v2.jpg" alt=""></a>

2208 </div>

2209

2210 <p class="byline">By SCOTT ATKINSON and MONICA DAVEY </p>

2211

2212 <p class="summary">

2213 For the first time, investigators have directly linked the conduct of Michigan government officials to the deaths of residents in the water contamination crisis. </p>

2214

2215 <p class="theme-comments">

2216 <a href="https://www.nytimes.com/2017/06/14/us/flint-water-crisis-manslaughter.html?hp&amp;target=comments#commentsContainer" class="comments-link"><i class="icon sprite-icon comments-icon"></i><span class="comment-count">&nbsp;Comments</span></a>

2217</p>

2218

2219 </article>

2220</div>

2221<hr class="single-rule" /><div class="collection">

2222 <article class="story theme-summary" id="topnews-100000005163152" data-story-id="100000005163152" data-rank="0" data-collection-renderstyle="HpSumSmallMediaHigh">

2223

2224 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/nyregion/robert-durst-friends-testify-murder-trial.html">They Know Durst the Best. But They’re Not Talking.</a></h2>

2225

2226 <div class="thumb">

2227

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/nyregion/robert-durst-friends-testify-murder-trial.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/nyregion/15DURST1/15DURST1-thumbStandard.jpg" alt=""></a>

2228 </div>

2229

2230 <p class="byline">By CHARLES V. BAGLI </p>

2231

2232 <p class="summary">

2233 Stewart and Emily Altman have been friends with Robert A. Durst for decades, and they are resisting attempts to compel them to testify as material witnesses in his murder trial. </p>

2234

2235

2236 </article>

2237</div>

2238<hr class="single-rule" /><div class="collection">

2239 <style>

2240.nythpSplitCode .column { margin-left: 21px; }

2241.nythpSplitCode .column:first-child { margin-left: 0px; }

2242.nythpSplitCode.layout { background: none; }

2243.nythpSplitCode .media.photo.medium-thumb { float: none; margin-left: 0; }

2244</style>

2245

2246<div class="layout nythpSplitCode">

2247<div class="column"><div style="clear:both"><article class="story theme-summary" id="topnews-100000005165615" data-story-id="100000005165615" data-rank="1" data-collection-renderstyle="HpSum" data-start-time="" data-end-time="">

2248

2249 <h2 class="story-heading"><a href="https://www.nytimes.com/interactive/2017/06/14/obituaries/markman-obit.html">Ronald Markman, Creator of an Alternate World, Dies</a></h2>

2250

2251 <p class="byline">By AMISHA PADNANI </p>

2252

2253 <p class="summary">The artist conjured an alternate universe to represent the absurdity he saw in everyday life. He was 86.</p>

2254

2255

2256 </article>

2257</div>

2258<div class="collection">

2259 </div></div>

2260<div class="column"><div></div>

2261<div class="collection">

2262 <script>function getFlexData() { return {"data":{"options":{"width":177,"height":130,"jsonp":"https:\/\/static01.nyt.com\/slideshow\/2017\/06\/14\/arts\/ronald-markman.slideshow.jsonp","link":"https:\/\/www.nytimes.com\/interactive\/2017\/06\/14\/obituaries\/markman-obit.html"},"photos":{"photo":{"url":"","credit":""}},"advanced":{"delay":4,"limitjsonp":0,"rendition":"mediumFlexible177","targetoverride":"","abbreviatecredits":true}}}; }var NYTD=NYTD || {}; NYTD.FlexTypes = NYTD.FlexTypes || []; NYTD.FlexTypes.push({"target":"FT100000005165639","type":"FadingSlideShow","data":{"options":{"width":177,"height":130,"jsonp":"https:\/\/static01.nyt.com\/slideshow\/2017\/06\/14\/arts\/ronald-markman.slideshow.jsonp","link":"https:\/\/www.nytimes.com\/interactive\/2017\/06\/14\/obituaries\/markman-obit.html"},"photos":{"photo":{"url":"","credit":""}},"advanced":{"delay":4,"limitjsonp":0,"rendition":"mediumFlexible177","targetoverride":"","abbreviatecredits":true}}});</script><script src="https://static01.nyt.com/packages/js/multimedia/libs/jquery-1.7.1.min.js"></script><script src="https://static01.nyt.com/packages/js/multimedia/bundles/projects/2013/FadingSlideShow2.js"></script>

2263<style type="text/css">

2264.edition-domestic .span-ab-layout .nytmm_FadingSlideShow .credit, .edition-international .span-ab-layout .nytmm_FadingSlideShow .credit {

2265color: #BAB8B3;

2266display: inline-block;

2267font-family: arial,helvetica,sans-serif;

2268font-size: 0.5625rem !important;

2269font-weight: 400;

2270line-height: 0.75rem;

2271}

2272</style><div id="FT100000005165639">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

JavaScript added element:

<div class="nytmm_FadingSlideShow" xmlns:og="http://opengraphprotocol.org/schema/"><a href="https://www.nytimes.com/interactive/2017/06/14/obituaries/markman-obit.html"><div class="nytmm_FadingSlideShow_items nytmm_innerfade" style=""> <div class="nytmm_FadingSlideShow_item" style=""> <img style="" alt="" src="https://static01.nyt.com/images/2017/06/14/obituaries/14Markman-hp1/14Markman-hp1-mediumFlexible177-v2.jpg"> <div class="credit" style="">Allison Zaucha</div> </div> <div class="nytmm_FadingSlideShow_item" style=""> <img style="" alt="" src="https://static01.nyt.com/images/2017/06/14/obituaries/14Markman-hp2/14Markman-hp2-mediumFlexible177-v2.jpg"> </div> <div class="nytmm_FadingSlideShow_item" style=""> <img style="" alt="" src="https://static01.nyt.com/images/2017/06/14/obituaries/14Markman-hp3/14Markman-hp3-mediumFlexible177-v2.jpg"> <div class="credit" style="">Alison Harbaugh</div> </div> <div class="nytmm_FadingSlideShow_item" style=""> <img style="" alt="" src="https://static01.nyt.com/images/2017/06/14/obituaries/14Markman-hp4/14Markman-hp4-mediumFlexible177-v2.jpg"> </div></div></a></div>

</div></div></div></div></div>

2273<hr class="single-rule" /><div class="collection">

2274 <article class="story theme-summary" id="topnews-100000005163904" data-story-id="100000005163904" data-rank="0" data-collection-renderstyle="HpSumSmallMediaHigh">

2275

2276 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/world/asia/north-korea-otto-warmbier-.html">North Korea’s Unusually Brutal Handling of American</a></h2>

2277

2278 <div class="thumb">

2279

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/world/asia/north-korea-otto-warmbier-.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/world/15nkorea-1/15nkorea-1-thumbStandard.jpg" alt=""></a>

2280 </div>

2281

2282 <p class="byline">By CHOE SANG-HUN, AUSTIN RAMZY and MOTOKO RICH </p>

2283

2284 <p class="summary">

2285 North Korea has generally refrained from physically abusing the Americans it has held in recent decades. So why was Otto Warmbier treated so brutally? </p>

2286

2287 <p class="theme-comments">

2288 <a href="https://www.nytimes.com/2017/06/14/world/asia/north-korea-otto-warmbier-.html?hp&amp;target=comments#commentsContainer" class="comments-link"><i class="icon sprite-icon comments-icon"></i><span class="comment-count">&nbsp;Comments</span></a>

2289</p>

2290

2291 </article>

2292</div>

2293<hr class="single-rule" /><div class="collection">

2294 <article class="story theme-summary" id="topnews-100000005160284" data-story-id="100000005160284" data-rank="0" data-collection-renderstyle="HpSumMediumMediaFloated" data-start-time="" data-end-time="">

2295

2296 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/fashion/gwyneth-paltrow-in-goop-health-wellness.html">People Can’t Get Enough of Gwyneth Paltrow’s Goop</a></h2>

2297

2298

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

<figure class="media photo medium-thumb">

2299 <div class="image">

2300

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/fashion/gwyneth-paltrow-in-goop-health-wellness.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/fashion/15GOOPweb5/15GOOPweb5-mediumFlexible177-v5.jpg" alt="" /></a>

2301 </div>

2302</figure>

2303

2304 <p class="byline">By ALEXANDRA JACOBS </p>

2305

2306 <p class="summary">

2307 Mocking Ms. Paltrow’s lifestyle company, Goop, may have gained something of a national stage, but what about its many genuine devotees? Say hello to the Goopies. </p>

2308

2309

2310 </article>

2311</div>

2312<div class="collection">

2313 <style>

2314 /*default display conditions*/

2315 .nythpNYRegionPromo {display: none;}

2316 /*geocoded display conditions*/

2317 html.geo-dma-501 .nythpNYRegionPromo, html.geo-region-NJ .nythpNYRegionPromo {display: block;}

2318

2319.nythpNYRegionPromo {

2320 border-top: 1px solid #e2e2e2;

2321 margin-top: 10px;

2322 padding-top: 10px;

2323}

2324</style>

2325

2326

2327<div class="nythpNYRegionPromo nygeo-promo-region region"><div>

2328

2329<article class="story theme-summary" id="topnews-100000005150702" data-story-id="100000005150702" data-rank="1" data-collection-renderstyle="HpSumSmallMediaHigh">

2330

2331 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/nyregion/new-york-domestic-violence-homeless-shelters.html">City to Add Shelter Options for Domestic Abuse Victims</a></h2>

2332

2333 <div class="thumb">

2334

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/nyregion/new-york-domestic-violence-homeless-shelters.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/nyregion/15DOMESTIC2/00DOMESTIC2-thumbStandard.jpg" alt=""></a>

2335 </div>

2336

2337 <p class="byline">By NIKITA STEWART </p>

2338

2339 <p class="summary">

2340 Domestic violence has become the city’s leading driver of homelessness, outpacing even evictions, and demand for help has been outstripping capacity. </p>

2341

2342

2343 </article>

2344</div></div></div>

2345<hr class="single-rule" /><div class="collection headlines">

2346 <h3 class="kicker collection-kicker">More News</h3>

2347 <ul class="theme-news-headlines">

2348 <li>

2349 <article class="story" id="topnews-100000005165445" data-story-id="100000005165445" data-rank="0" data-collection-renderstyle="HpBlogHeadline">

2350 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/world/africa/somalia-shabab-hotel-hostages.html">Shabab Kill 17 and Take Hostages in Somalia’s Capital</a></h2>

2351</article>

2352 </li>

2353 <li>

2354 <article class="story" id="topnews-100000005162301" data-story-id="100000005162301" data-rank="1" data-collection-renderstyle="HpBlogHeadline">

2355 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/world/middleeast/turkish-guards-washington-attack.html">Turkish Guards Will Be Charged in Embassy Protest, Officials Say</a></h2>

2356</article>

2357 </li>

2358 <li>

2359 <article class="story" id="topnews-100000005164771" data-story-id="100000005164771" data-rank="2" data-collection-renderstyle="HpBlogHeadline">

2360 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/travel/united-airlines-apologizes-after-2015-video-shows-worker-shoving-customer.html">United Apologizes After 2015 Video Shows Worker Shoving Man</a></h2>

2361</article>

2362 </li>

2363 <li>

2364 <article class="story" id="topnews-100000005164639" data-story-id="100000005164639" data-rank="3" data-collection-renderstyle="HpBlogHeadline">

2365 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/us/ups-shooting-san-francisco.html">Gunman Kills 3 and Then Himself at San Francisco UPS Building</a></h2>

2366</article>

2367 </li>

2368 <li>

2369 <article class="story" id="topnews-100000005165370" data-story-id="100000005165370" data-rank="4" data-collection-renderstyle="HpBlogHeadline">

2370 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/sports/conor-mcgregor-floyd-mayweather-fight.html">Conor McGregor vs. Floyd Mayweather Fight Set for August 26</a></h2>

2371</article>

2372 </li>

2373 </ul>

2374</div>

2375<hr class="single-rule" /><div class="collection">

2376 <style>

2377.nythpGeoMBPromo-AU, .nythpGeoMBPromo-EU, .nythpGeoMBPromo-AS {

2378 display: none;

2379}

2380

2381html.geo-continent-AS .nythpGeoMBPromo-AS, html.geo-continent-OC .nythpGeoMBPromo-AU, html.geo-country-AU .nythpGeoMBPromo-AU, html.geo-continent-EU .nythpGeoMBPromo-EU, html.geo-continent-AF .nythpGeoMBPromo-EU { display: block; }

2382html.geo-continent-AS .nythpGeoMBPromo, html.geo-continent-OC .nythpGeoMBPromo, html.geo-country-AU .nythpGeoMBPromo, html.geo-continent-EU .nythpGeoMBPromo, html.geo-continent-AF .nythpGeoMBPromo { display: none; }

2383

2384</style>

2385

2386

2387

2388

2389<article class="story theme-summary nythpGeoMBPromo-AU" id="topnews-100000005085460" data-story-id="100000005085460" data-rank="0" data-collection-renderstyle="HpSumMediumMediaHigh" data-start-time="" data-end-time="">

2390

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

<figure class="media photo medium-thumb">

2391 <div class="image">

2392

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/newsletters/morning-briefing-australia">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/05/08/world/asia/australia-briefing-signup01/australia-briefing-signup01-mediumFlexible177.png" alt=""></a>

2393 </div>

2394 </figure>

2395 <h2 class="story-heading"><a href="https://www.nytimes.com/newsletters/morning-briefing-australia">Morning Briefing: Australia Edition</a></h2>

2396 <p class="summary">The news and stories that matter to readers in Australia. Sign up to get it by email, Monday through Friday. </p>

2397

2398

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 2398 HTML5

<div id="g-graphic" class="nythp-morning-briefing-email-promo notification-widget">

2399 <div id="morning-briefing-widget-au"></div>

2400 </div>

2401

2402 <script>

2403 require.config({

2404 paths: {

2405 'nytint/email-subscriber' : 'https://int.nyt.com/applications/email-subscriber/client'

2406 }

2407 });

2408

2409 require(['foundation/main'], function() {

2410 require(['nytint/email-subscriber'], function(Subscriber) {

2411 Subscriber.setup({

2412 containerId: 'morning-briefing-widget-au',

2413 productCode: 'MBAU',

2414 /* elementToHideOnSubscribe: '.nythp-morning-briefing-email-promo', */

2415 text: {unregisteredButton: 'Sign Up',

2416 unregisteredPlaceholder: 'Get the Morning Briefing by email.',

2417 registeredButton: 'Sign Up',

2418 alreadySubscribedMessage: 'You’re already subscribed.',

2419 thanksMessage: 'You’ve signed up as %email%',

2420 emailPreferencesLinkText: 'Update your mail preferences »',

2421 errorMessage: 'Error submitting, please try again.',

2422 registeredWelcome: 'Get the Morning Briefing by email.'}

2423 });

2424

2425 setTimeout(function(){

2426 var widget = document.getElementById('morning-briefing-widget');

2427 var container = widget.getElementsByTagName('div')[0];

2428 var form = widget.getElementsByTagName('form')[0];

2429 var status = container.getAttribute('data-status');

2430 var notify = widget.getElementsByClassName('notify-email')[0];

2431

2432 if(notify !== undefined){

2433

2434 var origtext = notify.getAttribute('placeholder');

2435 var newtext = 'Please enter your email address';

2436 var button = container.getElementsByTagName('button')[0];

2437

2438 widget.setAttribute('class','clearfix');

2439

2440 notify.addEventListener('mouseover',function(){

2441 notify.setAttribute('placeholder',newtext);

2442 });

2443

2444 notify.addEventListener('mouseout',function(){

2445 notify.setAttribute('placeholder',origtext);

2446 });

2447

2448 notify.addEventListener('focus',function(){

2449 notify.setAttribute('placeholder','');

2450 });

2451

2452 }

2453

2454 if(form !== undefined){

2455 notify.addEventListener('keyup',function(){

2456 form.setAttribute('class','dirtyform');

2457 });

2458 container.setAttribute('class','not-signedin');

2459 } else {

2460 container.setAttribute('class','signedin');

2461 }

2462 },2000);

2463

2464 });

2465 });

2466 </script>

2467

2468</article>

2469

2470

2471

2472

2473<article class="story theme-summary nythpGeoMBPromo-AS" id="topnews-100000005085459" data-story-id="100000005085459" data-rank="1" data-collection-renderstyle="HpSumMediumMediaHigh" data-start-time="" data-end-time="">

2474

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

<figure class="media photo medium-thumb">

2475 <div class="image">

2476

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/newsletters/morning-briefing-asia">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/05/26/world/26asiapromo2/26asiapromo2-mediumFlexible177.jpg" alt=""></a>

2477 </div>

2478 </figure>

2479 <h2 class="story-heading"><a href="https://www.nytimes.com/newsletters/morning-briefing-asia">Morning Briefing: Asia Edition</a></h2>

2480 <p class="summary">The news and stories that matter to readers in Asia. Sign up to get it by email, Monday through Friday. </p>

2481

2482

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 2482 HTML5

<div id="g-graphic" class="nythp-morning-briefing-email-promo notification-widget">

2483 <div id="morning-briefing-widget-as"></div>

2484 </div>

2485

2486 <script>

2487 require.config({

2488 paths: {

2489 'nytint/email-subscriber' : 'https://int.nyt.com/applications/email-subscriber/client'

2490 }

2491 });

2492

2493 require(['foundation/main'], function() {

2494 require(['nytint/email-subscriber'], function(Subscriber) {

2495 Subscriber.setup({

2496 containerId: 'morning-briefing-widget-as',

2497 productCode: 'MBAE',

2498 /* elementToHideOnSubscribe: '.nythp-morning-briefing-email-promo', */

2499 text: {unregisteredButton: 'Sign Up',

2500 unregisteredPlaceholder: 'Get the Morning Briefing by email.',

2501 registeredButton: 'Sign Up',

2502 alreadySubscribedMessage: 'You’re already subscribed.',

2503 thanksMessage: 'You’ve signed up as %email%',

2504 emailPreferencesLinkText: 'Update your mail preferences »',

2505 errorMessage: 'Error submitting, please try again.',

2506 registeredWelcome: 'Get the Morning Briefing by email.'}

2507 });

2508

2509 setTimeout(function(){

2510 var widget = document.getElementById('morning-briefing-widget');

2511 var container = widget.getElementsByTagName('div')[0];

2512 var form = widget.getElementsByTagName('form')[0];

2513 var status = container.getAttribute('data-status');

2514 var notify = widget.getElementsByClassName('notify-email')[0];

2515

2516 if(notify !== undefined){

2517

2518 var origtext = notify.getAttribute('placeholder');

2519 var newtext = 'Please enter your email address';

2520 var button = container.getElementsByTagName('button')[0];

2521

2522 widget.setAttribute('class','clearfix');

2523

2524 notify.addEventListener('mouseover',function(){

2525 notify.setAttribute('placeholder',newtext);

2526 });

2527

2528 notify.addEventListener('mouseout',function(){

2529 notify.setAttribute('placeholder',origtext);

2530 });

2531

2532 notify.addEventListener('focus',function(){

2533 notify.setAttribute('placeholder','');

2534 });

2535

2536 }

2537

2538 if(form !== undefined){

2539 notify.addEventListener('keyup',function(){

2540 form.setAttribute('class','dirtyform');

2541 });

2542 container.setAttribute('class','not-signedin');

2543 } else {

2544 container.setAttribute('class','signedin');

2545 }

2546 },2000);

2547

2548 });

2549 });

2550 </script>

2551

2552

2553</article>

2554

2555

2556

2557

2558

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 2559 HTML5

2559<article class="story theme-summary nythpGeoMBPromo-EU" id="topnews-100000004906098" data-story-id="100000004906098" data-rank="2" data-collection-renderstyle="HpSumMediumMediaHigh" data-start-time="" data-end-time="">

2560

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

<figure class="media photo medium-thumb">

2561 <div class="image">

2562

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/newsletters/morning-briefing-europe">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/05/26/world/26europeanpromo2/26europeanpromo2-mediumFlexible177.jpg" alt=""></a>

2563 </div>

2564 </figure>

2565 <h2 class="story-heading"><a href="https://www.nytimes.com/newsletters/morning-briefing-europe">Morning Briefing: Europe Edition</a></h2>

2566 <p class="summary">The news and stories that matter to readers in Europe. Sign up to get it by email, Monday through Friday. </p>

2567

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 2567 HTML5

<div id="g-graphic" class="nythp-morning-briefing-email-promo notification-widget">

2568 <div id="morning-briefing-widget-eu"></div>

2569 </div>

2570

2571 <script>

2572 require.config({

2573 paths: {

2574 'nytint/email-subscriber' : 'https://int.nyt.com/applications/email-subscriber/client'

2575 }

2576 });

2577

2578 require(['foundation/main'], function() {

2579 require(['nytint/email-subscriber'], function(Subscriber) {

2580 Subscriber.setup({

2581 containerId: 'morning-briefing-widget-eu',

2582 productCode: 'MBE',

2583 /* elementToHideOnSubscribe: '.nythp-morning-briefing-email-promo', */

2584 text: {unregisteredButton: 'Sign Up',

2585 unregisteredPlaceholder: 'Get the Morning Briefing by email.',

2586 registeredButton: 'Sign Up',

2587 alreadySubscribedMessage: 'You’re already subscribed.',

2588 thanksMessage: 'You’ve signed up as %email%',

2589 emailPreferencesLinkText: 'Update your mail preferences »',

2590 errorMessage: 'Error submitting, please try again.',

2591 registeredWelcome: 'Get the Morning Briefing by email.'}

2592 });

2593

2594 setTimeout(function(){

2595 var widget = document.getElementById('morning-briefing-widget');

2596 var container = widget.getElementsByTagName('div')[0];

2597 var form = widget.getElementsByTagName('form')[0];

2598 var status = container.getAttribute('data-status');

2599 var notify = widget.getElementsByClassName('notify-email')[0];

2600

2601 if(notify !== undefined){

2602

2603 var origtext = notify.getAttribute('placeholder');

2604 var newtext = 'Please enter your email address';

2605 var button = container.getElementsByTagName('button')[0];

2606

2607 widget.setAttribute('class','clearfix');

2608

2609 notify.addEventListener('mouseover',function(){

2610 notify.setAttribute('placeholder',newtext);

2611 });

2612

2613 notify.addEventListener('mouseout',function(){

2614 notify.setAttribute('placeholder',origtext);

2615 });

2616

2617 notify.addEventListener('focus',function(){

2618 notify.setAttribute('placeholder','');

2619 });

2620

2621 }

2622

2623 if(form !== undefined){

2624 notify.addEventListener('keyup',function(){

2625 form.setAttribute('class','dirtyform');

2626 });

2627 container.setAttribute('class','not-signedin');

2628 } else {

2629 container.setAttribute('class','signedin');

2630 }

2631 },2000);

2632

2633 });

2634 });

2635 </script>

2636

2637</article>

2638

2639

2640

2641

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 2642 HTML5

2642<article class="story theme-summary nythpGeoMBPromo" id="topnews-100000004906098" data-story-id="100000004906098" data-rank="2" data-collection-renderstyle="HpSumMediumMediaHigh" data-start-time="" data-end-time="">

2643

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

<figure class="media photo medium-thumb">

2644 <div class="image">

2645

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/newsletters/morning-briefing">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/05/25/us/25usbriefing/25usbriefing-mediumFlexible177-v2.jpg" alt=""></a>

2646 </div>

2647 </figure>

2648 <h2 class="story-heading"><a href="https://www.nytimes.com/newsletters/morning-briefing">Morning Briefing</a></h2>

2649 <p class="summary">The news and stories that matter. Delivered to your inbox Monday through Friday.</p>

2650

2651

2652

Priority 1
Duplicate ID - the same ID is used on more than one element. ID: 'topnews-100000005163936'.
Line 2652 HTML5

<div id="g-graphic" class="nythp-morning-briefing-email-promo notification-widget">

2653 <div id="morning-briefing-widget"></div>

2654 </div>

2655

2656 <script>

2657 require.config({

2658 paths: {

2659 'nytint/email-subscriber' : 'https://int.nyt.com/applications/email-subscriber/client'

2660 }

2661 });

2662

2663 require(['foundation/main'], function() {

2664 require(['nytint/email-subscriber'], function(Subscriber) {

2665 Subscriber.setup({

2666 containerId: 'morning-briefing-widget',

2667 productCode: 'NN',

2668 /* elementToHideOnSubscribe: '.nythp-morning-briefing-email-promo', */

2669 text: {unregisteredButton: 'Sign Up',

2670 unregisteredPlaceholder: 'Get the Morning Briefing by email.',

2671 registeredButton: 'Sign Up',

2672 alreadySubscribedMessage: 'You’re already subscribed.',

2673 thanksMessage: 'You’ve signed up as %email%',

2674 emailPreferencesLinkText: 'Update your mail preferences »',

2675 errorMessage: 'Error submitting, please try again.',

2676 registeredWelcome: 'Get the Morning Briefing by email.'}

2677 });

2678

2679 setTimeout(function(){

2680 var widget = document.getElementById('morning-briefing-widget');

2681 var container = widget.getElementsByTagName('div')[0];

2682 var form = widget.getElementsByTagName('form')[0];

2683 var status = container.getAttribute('data-status');

2684 var notify = widget.getElementsByClassName('notify-email')[0];

2685

2686 if(notify !== undefined){

2687

2688 var origtext = notify.getAttribute('placeholder');

2689 var newtext = 'Please enter your email address';

2690 var button = container.getElementsByTagName('button')[0];

2691

2692 widget.setAttribute('class','clearfix');

2693

2694 notify.addEventListener('mouseover',function(){

2695 notify.setAttribute('placeholder',newtext);

2696 });

2697

2698 notify.addEventListener('mouseout',function(){

2699 notify.setAttribute('placeholder',origtext);

2700 });

2701

2702 notify.addEventListener('focus',function(){

2703 notify.setAttribute('placeholder','');

2704 });

2705

2706 }

2707

2708 if(form !== undefined){

2709 notify.addEventListener('keyup',function(){

2710 form.setAttribute('class','dirtyform');

2711 });

2712 container.setAttribute('class','not-signedin');

2713 } else {

2714 container.setAttribute('class','signedin');

2715 }

2716 },2000);

2717

2718 });

2719 });

2720 </script>

2721</article>

2722

2723</div>

2724

2725 </div><!-- close second-column-region -->

2726

2727

2728 </div><!-- close b-column -->

2729

2730 </div><!-- close wide-b-layout -->

2731

2732 <div class="bottom-span-promo-region region">

2733 <div class="collection">

2734 <style>

2735 /*default display conditions*/

2736 #span-ab-bottom-au-region {

2737 /*display: none;*/

2738 display: block;

2739 position: absolute;

2740 visibility: hidden;

2741 }

2742 #span-ab-bottom-region .column.column-au-region {

2743 /*display: none;*/

2744 display: block;

2745 position: absolute;

2746 visibility: hidden;

2747 }

2748 /*geocoded display conditions*/

2749 html.geo-country-AU #span-ab-bottom-region .column {display: none;}

2750 html.geo-country-AU #span-ab-bottom-region .column.column-au-region {

2751 display: block;

2752 position: inherit;

2753 visibility: visible;

2754 }

Priority 1
CSS Validation Error.
Line 2755 CSS Validation

2755

2756.span-ab-layout .ab-column .split-3-layout .column:nth-of-type(1),

2757.span-ab-layout .ab-column .split-3-layout .column:nth-of-type(4) {

2758 padding-left: 0;

2759}

Priority 1
CSS Validation Error.
Line 2760 CSS Validation

2760

2761.span-ab-layout .ab-column .split-3-layout .column:last-child,

2762.span-ab-layout .ab-column .split-3-layout .column:nth-of-type(3),

2763.span-ab-layout .ab-column .split-3-layout .column:nth-of-type(6) {

2764 border-right: none;

2765 padding-right: 0px;

2766}

2767

2768#span-ab-bottom-region .section-heading-au-region { display: none; }

2769html.geo-country-AU #span-ab-bottom-region .section-heading { display: none; }

2770html.geo-country-AU #span-ab-bottom-region .section-heading-au-region {

2771 display: block;

2772 text-align: center;

2773}

2774html.geo-country-AU #span-ab-bottom-region .section-heading-au-region h2.section-heading {

2775 display: inline-block;

2776 color: #000;

2777 font-family: "nyt-franklin",helvetica,arial,sans-serif;

2778 text-transform: uppercase;

2779

Priority 2
Use relative rather than absolute units in CSS property values.
Absolute units are CM, MM, IN, PC and PT. When used with fonts PX is also considered an absolute unit, because it isn't relative the user's preferred font size. Low-vision users, and a lot of people over 50, increase the browser default font size to make text easier to read. Absolute units ignore this user choice. Relative units like EM and percentages "stretch" according to the screen size and/or user's preferred font size, and work on a large range of devices.
Priority 3
Use at least a 12-point font on all Web pages.

For users over age 65, it may be better to use at least fourteen-point fonts. Never use less than nine-point font on a Web site. The following are all smaller than 12 point:

  • <p style="font-size: 11pt;" >
  • <p style="font-size: 15px;" >
  • <p style="font-size: small;" >
  • <font size="2" >
  • <font size="-1" >

font-size: 12px;

2780 font-weight: 700;

2781 letter-spacing: .5px;

2782 border-bottom: 2px solid #ccc;

2783 line-height: 15px;

2784}

2785html.geo-country-AU #span-ab-bottom-region .section-heading-au-region h2.section-heading:hover,

2786html.geo-country-AU #span-ab-bottom-region .section-heading-au-region h2.section-heading:active {

2787 border-color: #222222;

2788}

2789

2790html.geo-country-AU #span-ab-bottom-region .section-heading a {

2791 text-decoration: none;

2792 color: #000;

2793}

2794</style>

2795

2796<script>

2797require(['foundation/main'], function() {

2798 require(['jquery/nyt', 'underscore/nyt'], function($, _) {

2799 $("#span-ab-bottom-region div.split-3-layout").append($("#span-ab-bottom-au-region div.split-3-layout > div.column").addClass("column-au-region").remove());

2800 $("#span-ab-bottom-region div.split-3-layout").prepend($('<span class="section-heading-au-region"><h2 class="section-heading"><a href="https://www.nytimes.com/section/world/australia">Australia Picks</a></h2></span>'));

2801 var auHeight = _.max($("#span-ab-bottom-region div.split-3-layout .column.column-au-region article").map(function(i, el) { return $(el).height(); }));

2802 $("#span-ab-bottom-region div.split-3-layout .column.column-au-region").css({"min-height": (auHeight+6)+"px"});

2803}) })

2804</script>

2805

2806

2807<div id="span-ab-bottom-au-region" class="span-ab-bottom-region-au region"><div>

2808 <hr class="scotch-rule">

2809<div class="split-3-layout layout theme-base"><div>

2810

2811</div>

Priority 2
Headings should not be empty.
Add text to the heading, or ALT text if the heading contains an image. Screen readers read out page headings, allowing users to quickly skip to a section, but some older screen readers do not ignore empty headings.

Impact on users:

  • SaToGo 3.4.96.0 IE11 Windows 7 Heading: Reads following paragraph as heading.
Priority 2
Empty heading.
Line 2812 HTML5

2812<h2 class="section-heading">

2813</h2>

JavaScript changes: changed to class='collection'

2814<div class="column">

2815 <article class="story theme-summary " id="topnews-100000005163858" data-story-id="100000005163858" data-rank="0" data-collection-renderstyle="HPMediumMediaHedSumDaypart">

2816 <a href="https://www.nytimes.com/2017/06/14/world/australia/nytaustralia14-art-sydney-melbourne-victoria-market-fall-and-rise-of-australian-culture.html">

2817 <div class="wide-thumb">

2818 <img src="https://static01.nyt.com/images/2017/06/14/arts/15SYDNEY/15SYDNEY-mediumThreeByTwo210.jpg" />

2819 </div>

2820 </a>

2821 <h2 class="story-heading">

2822 <a href="https://www.nytimes.com/2017/06/14/world/australia/nytaustralia14-art-sydney-melbourne-victoria-market-fall-and-rise-of-australian-culture.html">The Fall and Rise of Australian Culture</a>

2823 </h2>

2824 <p class="summary">

2825 In this week’s newsletter we ask: What are your most memorable experiences with Australian culture? </p>

2826 </article>

2827</div>

2828<div class="column">

2829 <article class="story theme-summary " id="topnews-100000005163413" data-story-id="100000005163413" data-rank="1" data-collection-renderstyle="HPMediumMediaHedSumDaypart">

2830 <a href="https://www.nytimes.com/2017/06/14/world/australia/australia-lawsuit-refugees-detainees.html">

2831 <div class="wide-thumb">

2832 <img src="https://static01.nyt.com/images/2017/06/15/world/15Australia-1/15Australia-1-mediumThreeByTwo210.jpg" />

2833 </div>

2834 </a>

2835 <h2 class="story-heading">

2836 <a href="https://www.nytimes.com/2017/06/14/world/australia/australia-lawsuit-refugees-detainees.html">Australia to Pay $53 Million Settlement to Detainees Held Offshore</a>

2837 </h2>

2838 <p class="summary">

2839 The 1,905 current and former asylum seekers housed on Manus Island, a contentious site, sought damages for physical and psychological injuries and for false imprisonment. </p>

2840 </article>

2841</div>

2842<div class="column">

2843 <article class="story theme-summary " id="topnews-100000005162903" data-story-id="100000005162903" data-rank="2" data-collection-renderstyle="HPMediumMediaHedSumDaypart">

2844 <a href="https://www.nytimes.com/2017/06/13/arts/design/sydney-art-museum-receives-big-funding-boost.html">

2845 <div class="wide-thumb">

2846 <img src="https://static01.nyt.com/images/2017/06/14/arts/15SYDNEY/15SYDNEY-mediumThreeByTwo210.jpg" />

2847 </div>

2848 </a>

2849 <h2 class="story-heading">

2850 <a href="https://www.nytimes.com/2017/06/13/arts/design/sydney-art-museum-receives-big-funding-boost.html">Sydney Art Museum Receives Big Funding Boost</a>

2851 </h2>

2852 <p class="summary">

2853 The Art Gallery of New South Wales, a laggard on the Australian museum scene, is promised a hefty grant for a major expansion project. </p>

2854 </article>

2855</div>

2856<div class="collection">

2857 </div></div></div></div></div>

2858 </div><!-- close bottom-span-promo-region -->

2859

2860 <div id="span-ab-bottom-region" class="span-ab-bottom-region region">

2861 <hr class="scotch-rule" />

2862<div class="split-3-layout layout theme-base">

Priority 2
Headings should not be empty.
Add text to the heading, or ALT text if the heading contains an image. Screen readers read out page headings, allowing users to quickly skip to a section, but some older screen readers do not ignore empty headings.

Impact on users:

  • SaToGo 3.4.96.0 IE11 Windows 7 Heading: Reads following paragraph as heading.
Priority 2
Empty heading.
Line 2863 HTML5

JavaScript added element:

<span class="section-heading-au-region" xmlns:og="http://opengraphprotocol.org/schema/"><h2 class="section-heading"><a href="https://www.nytimes.com/section/world/australia">Australia Picks</a></h2></span>

2863<h2 class="section-heading">

2864</h2>

2865<div class="column">

2866 <article class="story theme-summary " id="topnews-100000005148314" data-story-id="100000005148314" data-rank="0" data-collection-renderstyle="HPMediumMediaHedSumDaypart">

2867

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/sports/soccer/asbury-park-football-club-soccer.html">

2868 <div class="wide-thumb">

2869

Priority 1
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud. Spacer images and purely decorative images should use ALT=''.

Impact on users:

  • NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
  • JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
  • WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
  • VoiceOver Safari OSX 10.10 Reading: Image filename read out.
  • VoiceOver Safari iOS 7.1 Touch: Image filename read out.
  • SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.
Priority 1
An 'img' element must have an 'alt' attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
Line 2869 HTML5

<img src="https://static01.nyt.com/images/2017/06/07/sports/soccer/00asburyparkfc1/00asburyparkfc1-mediumThreeByTwo210.jpg" />

2870 </div>

2871 </a>

2872 <h2 class="story-heading">

2873 <a href="https://www.nytimes.com/2017/06/14/sports/soccer/asbury-park-football-club-soccer.html">The Soccer Club That Doesn’t Play Soccer</a>

2874 </h2>

2875 <p class="summary">

2876 Asbury Park F.C. has devised a plan to maintain the perfect record. Forever. </p>

2877 </article>

2878</div>

2879<div class="column">

2880 <article class="story theme-summary " id="topnews-100000005164335" data-story-id="100000005164335" data-rank="1" data-collection-renderstyle="HPMediumMediaHedSumDaypart">

2881

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/books/review-the-force-don-winslow.html">

2882 <div class="wide-thumb">

2883

Priority 1
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud. Spacer images and purely decorative images should use ALT=''.

Impact on users:

  • NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
  • JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
  • WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
  • VoiceOver Safari OSX 10.10 Reading: Image filename read out.
  • VoiceOver Safari iOS 7.1 Touch: Image filename read out.
  • SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.
Priority 1
An 'img' element must have an 'alt' attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
Line 2883 HTML5

<img src="https://static01.nyt.com/images/2017/06/15/arts/15BOOKWINSLOW1/15BOOKWINSLOW1-mediumThreeByTwo210.jpg" />

2884 </div>

2885 </a>

2886 <h2 class="story-heading">

2887 <a href="https://www.nytimes.com/2017/06/14/books/review-the-force-don-winslow.html">Review: Against the Wall in Winslow’s ‘The Force’</a>

2888 </h2>

2889 <p class="summary">

2890 A police task force leader and his crew aren’t much better than the criminals they pursue in this gritty thriller by Don Winslow. </p>

2891 </article>

2892</div>

2893<div class="column">

2894 <article class="story theme-summary " id="topnews-100000005152393" data-story-id="100000005152393" data-rank="2" data-collection-renderstyle="HPMediumMediaHedSumDaypart">

2895

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/13/dining/restaurants-sydney-australia.html">

2896 <div class="wide-thumb">

2897

Priority 1
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud. Spacer images and purely decorative images should use ALT=''.

Impact on users:

  • NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
  • JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
  • WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
  • VoiceOver Safari OSX 10.10 Reading: Image filename read out.
  • VoiceOver Safari iOS 7.1 Touch: Image filename read out.
  • SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.
Priority 1
An 'img' element must have an 'alt' attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
Line 2897 HTML5

<img src="https://static01.nyt.com/images/2017/06/14/dining/14SYDNEY-slide-5FWD/14SYDNEY-slide-5FWD-mediumThreeByTwo210.jpg" />

2898 </div>

2899 </a>

2900 <h2 class="story-heading">

2901 <a href="https://www.nytimes.com/2017/06/13/dining/restaurants-sydney-australia.html">Five Restaurants Leading the Way in Sydney</a>

2902 </h2>

2903 <p class="summary">

2904 This Australian city’s dining scene, already steeped in Asian cuisines, is suddenly showing a more global reach. </p>

2905 </article>

2906</div>

Priority 1
IMG elements must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud. Spacer images and purely decorative images should use ALT=''.

Impact on users:

  • NVDA 2015.2 FF40 Windows 7 Reading: Image ignored.
  • JAWS 16.0.4350 FF40 Windows 7 Reading: Image ignored.
  • WindowEyes 8.4 IE11 Windows 7 Reading: Image ignored.
  • VoiceOver Safari OSX 10.10 Reading: Image filename read out.
  • VoiceOver Safari iOS 7.1 Touch: Image filename read out.
  • SaToGo 3.4.96.0 IE11 Windows 7 Reading: Image ignored.
Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.
Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.
Priority 1
An 'img' element must have an 'alt' attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
Line 2907 HTML5

JavaScript added element:

<div class="column column-au-region" style="" xmlns:og="http://opengraphprotocol.org/schema/"> <article id="topnews-100000005162903" class="story theme-summary " data-collection-renderstyle="HPMediumMediaHedSumDaypart" data-rank="2" data-story-id="100000005162903"> <a href="https://www.nytimes.com/2017/06/13/arts/design/sydney-art-museum-receives-big-funding-boost.html"> <div class="wide-thumb"> <img src="https://static01.nyt.com/images/2017/06/14/arts/15SYDNEY/15SYDNEY-mediumThreeByTwo210.jpg"> </div> </a> <h2 class="story-heading"> <a href="https://www.nytimes.com/2017/06/13/arts/design/sydney-art-museum-receives-big-funding-boost.html">Sydney Art Museum Receives Big Funding Boost</a> </h2> <p class="summary"> The Art Gallery of New South Wales, a laggard on the Australian museum scene, is promised a hefty grant for a major expansion project. </p> </article> </div>

JavaScript added element:

<div class="column column-au-region" style="" xmlns:og="http://opengraphprotocol.org/schema/"> <article id="topnews-100000005163413" class="story theme-summary " data-collection-renderstyle="HPMediumMediaHedSumDaypart" data-rank="1" data-story-id="100000005163413"> <a href="https://www.nytimes.com/2017/06/14/world/australia/australia-lawsuit-refugees-detainees.html"> <div class="wide-thumb"> <img src="https://static01.nyt.com/images/2017/06/15/world/15Australia-1/15Australia-1-mediumThreeByTwo210.jpg"> </div> </a> <h2 class="story-heading"> <a href="https://www.nytimes.com/2017/06/14/world/australia/australia-lawsuit-refugees-detainees.html">Australia to Pay $53 Million Settlement to Detainees Held Offshore</a> </h2> <p class="summary"> The 1,905 current and former asylum seekers housed on Manus Island, a contentious site, sought damages for physical and psychological injuries and for false imprisonment. </p> </article> </div>

JavaScript added element:

<div class="column column-au-region" style="" xmlns:og="http://opengraphprotocol.org/schema/"> <article id="topnews-100000005163858" class="story theme-summary " data-collection-renderstyle="HPMediumMediaHedSumDaypart" data-rank="0" data-story-id="100000005163858"> <a href="https://www.nytimes.com/2017/06/14/world/australia/nytaustralia14-art-sydney-melbourne-victoria-market-fall-and-rise-of-australian-culture.html"> <div class="wide-thumb"> <img src="https://static01.nyt.com/images/2017/06/14/arts/15SYDNEY/15SYDNEY-mediumThreeByTwo210.jpg"> </div> </a> <h2 class="story-heading"> <a href="https://www.nytimes.com/2017/06/14/world/australia/nytaustralia14-art-sydney-melbourne-victoria-market-fall-and-rise-of-australian-culture.html">The Fall and Rise of Australian Culture</a> </h2> <p class="summary"> In this week’s newsletter we ask: What are your most memorable experiences with Australian culture? </p> </article> </div>

2907</div>

2908 </div><!-- close span-ab-bottom-region -->

2909

2910 </section><!-- close top-news -->

2911

2912 </div><!-- close ab-column -->

2913

2914 <div class="c-column column">

2915

2916 <div id="Middle" class="ad middle-ad hidden nocontent robots-nocontent"></div>

2917

2918 <div class="region c-column-top-span-region">

2919

2920

2921 </div><!-- close c-column-top-span-region -->

2922

2923 <section class="opinion">

2924

2925 <div class="region opinion-c-col-top-region">

2926 <div class="collection">

2927 <section class="opinion">

2928 <h2 class="section-heading"><a href="http://www.nytimes.com/pages/opinion/index.html">The Opinion Pages</a>

2929 </h2>

2930</section></div>

2931 </div> <!-- close opinion-c-col-top-region -->

2932

2933 <div class="layout split-layout">

2934

2935 <div class="column">

2936 <div class="region opinion-c-col-left-region">

2937 <div class="collection">

2938 <article class="story theme-summary" id="topnews-100000005164730" data-story-id="100000005164730" data-rank="0" data-collection-renderstyle="HpSumXSMedia">

2939

2940 <h3 class="kicker">Editorial </h3>

2941 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/opinion/steve-scalise-congress-shot-alexandria-virginia.html">America’s Lethal Politics</a></h2>

2942

2943 <div class="small-thumb">

2944

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/opinion/steve-scalise-congress-shot-alexandria-virginia.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/opinion/15thu1web/15thu1web-blogSmallThumb.jpg" alt=""></a>

2945 </div>

2946

2947

2948 <p class="summary">

2949 A sickeningly familiar pattern is emerging in the assault on members of Congress. </p>

2950

2951

2952 </article>

2953

2954<article class="story theme-summary" id="topnews-100000005164693" data-story-id="100000005164693" data-rank="1" data-collection-renderstyle="HpSumXSMedia">

2955

2956 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/opinion/attack-on-congress-and-baseball-steve-israel.html">An Attack on Congress and Baseball</a></h2>

2957

2958 <div class="small-thumb">

2959

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/opinion/attack-on-congress-and-baseball-steve-israel.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/14/opinion/14israelWeb/14israelWeb-blogSmallThumb.jpg" alt=""></a>

2960 </div>

2961

2962 <p class="byline">By STEVE ISRAEL </p>

2963

2964 <p class="summary">

2965 It matters that the shooting took place on a baseball diamond, one of the few places where bipartisanship survives. </p>

2966

2967

2968 </article>

2969

2970</div>

2971 <div class="collection headlines">

2972 <ul class="theme-news-headlines">

2973 <li>

2974 <article class="story" id="topnews-100000005163094" data-story-id="100000005163094" data-rank="0" data-collection-renderstyle="HpHeadline">

2975 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/13/opinion/jeff-sessions-clams-up-in-congress.html">Editorial: Jeff Sessions Clams Up in Congress</a> </h2>

2976</article>

2977 </li>

2978 </ul>

2979</div>

2980 </div>

2981 </div>

2982

2983 <div class="column">

2984 <div class="region opinion-c-col-right-region">

2985 <div class="collection">

2986 <article class="story theme-summary" id="topnews-100000005164346" data-story-id="100000005164346" data-rank="0" data-collection-renderstyle="HpSumXSMedia">

2987

2988 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/opinion/london-greenfell-tower-fire.html">London Fire Shows Why Britons Don’t Trust the System</a></h2>

2989

2990 <div class="small-thumb">

2991

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/opinion/london-greenfell-tower-fire.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/16/opinion/16brooke-inytWeb/16brooke-inytWeb-blogSmallThumb.jpg" alt=""></a>

2992 </div>

2993

2994 <p class="byline">By HEATHER BROOKE </p>

2995

2996 <p class="summary">

2997 A devastating fire reveals fatal flaws in how social housing is managed in London. </p>

2998

2999 <p class="theme-comments">

3000 <a href="https://www.nytimes.com/2017/06/14/opinion/london-greenfell-tower-fire.html?hp&amp;target=comments#commentsContainer" class="comments-link"><i class="icon sprite-icon comments-icon"></i><span class="comment-count">&nbsp;Comments</span></a>

3001</p>

3002

3003 </article>

3004

3005</div>

3006 <div class="collection headlines">

3007 <ul class="theme-news-headlines">

3008 <li>

3009 <article class="story" id="topnews-100000005162573" data-story-id="100000005162573" data-rank="0" data-collection-renderstyle="HpHeadline">

3010 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/13/opinion/the-mortification-of-jeff-sessions.html">Bruni: The Mortification of Sessions</a> </h2>

3011</article>

3012 </li>

3013 <li>

3014 <article class="story" id="topnews-100000005162551" data-story-id="100000005162551" data-rank="1" data-collection-renderstyle="HpHeadline">

3015 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/opinion/the-trumpiest-roman-of-them-all.html">Douthat: The Trumpiest Roman of Them All</a> </h2>

3016</article>

3017 </li>

3018 <li>

3019 <article class="story" id="topnews-100000005162739" data-story-id="100000005162739" data-rank="2" data-collection-renderstyle="HpHeadline">

3020 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/opinion/north-korea-crisis-foreign-policy.html">Friedman: Waiting for a Solution to the Korea Crisis</a> </h2>

3021</article>

3022 </li>

3023 <li>

3024 <article class="story" id="topnews-100000005162848" data-story-id="100000005162848" data-rank="3" data-collection-renderstyle="HpHeadline">

3025 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/opinion/the-myth-of-disability-sob-stories.html">The Myth of Disability ‘Sob Stories’</a> </h2>

3026</article>

3027 </li>

3028 <li>

3029 <article class="story" id="topnews-100000005162585" data-story-id="100000005162585" data-rank="4" data-collection-renderstyle="HpHeadline">

3030 <h2 class="story-heading"><i class="icon"></i><a href="https://www.nytimes.com/2017/06/14/opinion/i-thought-i-understood-america-then-came-trump.html">I Thought I Understood America. Then Came Trump.</a> </h2>

3031</article>

3032 </li>

3033 </ul>

3034</div>

3035 </div>

3036 </div>

3037

3038 </div> <!-- close split-layout -->

3039

3040 <div class="region opinion-c-col-bottom-region">

3041 <div class="collection">

3042 <style>

3043

3044

3045.c-column.column section.opinion div time.timestamp{

3046 display:none;

3047}

3048

3049

3050</style><style>

3051.c-column.column section.opinion div p.theme-comments{

3052 display:none;

3053}

3054

3055

3056

3057</style></div>

3058 </div> <!-- close opinion-c-col-bottom-region -->

3059

3060 </section> <!-- close opinion -->

3061

3062 <section class="user-subscriptions">

3063

3064 <h2 class="section-heading visually-hidden">User Subscriptions</h2>

3065

3066 <div class="collection insider-collection">

3067 <div id="times-insider-subscription" class="times-insider-subscription hidden">

3068 <ul class="theme-news-headlines">

3069 <li>

3070 <article class="story">

3071 <h2 class="story-heading">

3072 <a href="https://www.nytimes.com/2017/06/14/insider/global-with-local-flavor-restaurant-critic-pete-wells-in-sydney.html">Global, With Local Flavor: Restaurant Critic Pete Wells in Sydney</a>

3073 </h2>

3074 </article>

3075 </li>

3076 <li>

3077 <article class="story">

3078 <h2 class="story-heading">

3079 <a href="https://www.nytimes.com/2017/06/14/insider/whats-the-difference-between-a-reporter-and-a-correspondent.html">‘What’s the Difference Between a Reporter and a Correspondent?’</a>

3080 </h2>

3081 </article>

3082 </li>

3083 </ul>

3084 <div class="thumb">

3085 <a href="http://www.nytimes.com/section/insider">

3086

Priority 1
SVG images are not supported in Internet Explorer 8 and older Android devices.
The SVG image will not be displayed.

<svg class="insider-logo" width="65" height="20" role="img" aria-label="Insider">

3087 <image width="65" height="20" xlink:href="https://a1.nyt.com/assets/homepage/20170609-165011/images/foundation/logos/insider-logo-240x72.svg" src="https://a1.nyt.com/assets/homepage/20170609-165011/images/foundation/logos/insider-logo-240x72.png" alt="Insider" />

3088 </svg>

3089 </a>

3090 </div>

3091</div><!--close times-insider-subscription -->

3092</div><!-- close collection -->

3093

3094<div class="collection">

3095 <div id="times-premier-crossword-subscription" class="times-premier-crossword-subscription hidden">

3096 <div class="layout split-layout">

3097 <div class="column">

3098 <div class="collection insider-collection">

3099 <article class="story">

3100 <h3 class="kicker">

3101 <a href="http://www.nytimes.com/section/insider">Times Insider &raquo;</a>

3102 </h3>

3103 <h2 class="story-heading">

3104 <a href="https://www.nytimes.com/2017/06/14/insider/global-with-local-flavor-restaurant-critic-pete-wells-in-sydney.html">Global, With Local Flavor: Restaurant Critic Pete Wells in Sydney</a>

3105 </h2>

3106 </article>

3107 </div>

3108 </div><!-- close column -->

3109 <div class="column">

3110 <div class="collection crosswords-collection">

3111 <article class="story">

3112 <h3 class="kicker">

3113 <a href="http://www.nytimes.com/crosswords">The Crossword &raquo;</a>

3114 </h3>

3115 <h2 class="story-heading">

3116 <a href="http://www.nytimes.com/crosswords">Play Today&rsquo;s Puzzle </a>

3117 </h2>

3118 <div class="thumb">

3119

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="http://www.nytimes.com/crosswords">

3120

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/crosswords/crosswords_30x30.png" alt="" />

3121 </a>

3122 </div>

3123 </article>

3124 </div>

3125</div>

3126 </div><!--close TimesPremiercrossword -->

3127 </div><!--close times-premier-crossword-subscription -->

3128</div><!-- close collection -->

3129

3130<div class="collection">

3131 <div id="crossword-subscription" class="crossword-subscription hidden">

3132 <div class="layout split-layout">

3133 <div class="column">

3134 <div class="collection crosswords-collection">

3135 <article class="story">

3136 <h3 class="kicker">

3137 <a href="http://www.nytimes.com/crosswords">The Crossword &raquo;</a>

3138 </h3>

3139 <h2 class="story-heading">

3140 <a href="http://www.nytimes.com/crosswords">Play Today&rsquo;s Puzzle </a>

3141 </h2>

3142 <div class="thumb">

3143

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="http://www.nytimes.com/crosswords">

3144

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/crosswords/crosswords_30x30.png" alt="" />

3145 </a>

3146 </div>

3147 </article>

3148 </div>

3149</div>

3150 <div class="column">

3151 <div class="collection crosswords-collection">

3152 <article class="story">

3153 <h3 class="kicker">

3154 <a href="http://wordplay.blogs.nytimes.com">Wordplay &raquo;</a>

3155 </h3>

3156 </article>

3157 </div>

3158 </div><!-- close column -->

3159 </div><!-- close layout -->

3160 </div><!-- close crossword-subscription -->

3161</div><!--close collection -->

3162

3163 </section><!-- close user-subscriptions -->

3164

3165 <div id="HPMiddle" class="ad hpmiddle-ad nocontent robots-nocontent"></div>

3166

3167 <div class="region c-column-middle-span-region">

3168

3169 <div class="collection">

3170 <link rel="stylesheet" type="text/css" href="https://int.nyt.com/apps/portals/assets/portal-6d57ae10010ddcfe80e975e769c6947e.css"/>

3171

3172<style type="text/css">

3173/*HIDE WATCHING HEADER*/

3174.portal-container>header { display: none }

3175</style>

3176

3177<div id="nytint-hp-watching">

3178 <div class="portal-container">

3179 <header class="portal-header">

3180 <h4>Watching</h4>

3181 </header>

3182 <div class="portal-posts-frame expanded"></div>

3183 <footer class="portal-footer"></footer>

3184 </div>

3185</div>

3186

3187<script type="text/javascript">

3188require(['foundation/main'], function() {

3189 require(['homepage/main', 'https://int.nyt.com/apps/portals/assets/portal/app-31573ba689b023d9e52c26c6d6aa32ab.js'

3190], function() {

3191 require(['portal/app'], function(Portal) {

3192

3193 var opts = {

3194 env: 'production_published',

3195 matchHeight: {

3196 match: '.span-ab-layout.layout > .ab-column',

3197 container: '.c-column.column',

3198 maxHeight: 2000

3199 }

3200 }

3201

3202 if (window.location.search.indexOf('portal_variant=watchingNoScroll') !== -1) {

3203 opts.variation = 'simple';

3204 opts.poll = false;

3205 opts.limit = 20;

3206 }

3207

3208 var watching = Portal.create('#nytint-hp-watching', opts);

3209 });

3210 });

3211});

3212</script>

3213

3214<!-- HpPrototype: WatchingEnabled: DO NOT REMOVE -->

3215</div>

3216

3217 </div><!-- close c-column-middle-span-region -->

3218

3219 <div class="region c-column-above-moth-fixed-region">

3220

3221

3222 </div><!-- close c-column-above-moth-fixed-region -->

3223

3224 <div class="region c-column-above-moth-region">

3225

3226

3227 </div><!-- close c-column-above-moth-region -->

3228

3229 </div><!-- close c-column -->

3230

3231</div><!-- close span-ab-layout -->

3232

3233<section id="paid-post-five-pack" class="paid-post-five-pack hidden nocontent robots-nocontent">

3234<h2 class="section-heading">From Our Advertisers</h2>

3235 <ul class="story-menu">

3236 <li id="PaidPostFivePack1" class="story-menu-item ad"></li>

3237 <li id="PaidPostFivePack2" class="story-menu-item ad"></li>

3238 <li id="PaidPostFivePack3" class="story-menu-item ad"></li>

3239 <li id="PaidPostFivePack4" class="story-menu-item ad"></li>

3240 <li id="PaidPostFivePack5" class="story-menu-item ad"></li>

3241 </ul>

3242</section>

3243<div id="HPBreak" class="ad hpbreak-ad nocontent robots-nocontent hidden"></div>

3244

3245<div id="video-player-region" class="video-player-region region">

3246 <div class="collection">

3247 <div id="video-module-loader" class="loader-container video-section-loader-container">

3248 <div class="loader loader-t-logo-32x32-ecedeb-ffffff"><span class="visually-hidden">Loading...</span></div>

3249</div>

3250<section id="video-section"

3251 class="video-section invisible"

3252 data-playlist-id="1194811622188"

3253 data-api-token="cE97ArV7TzqBzkmeRVVhJ8O6GWME2iG_bRvjBTlNb4o."

3254 data-player-id="2640832222001"

3255 data-publisher-id="1749339200">

3256 <header class="section-header">

3257 <h2 class="section-heading"><a class="times-video-link" href="https://www.nytimes.com/video">times<span>video</span></a></h2>

3258 <a href="https://www.nytimes.com/video?src=vidm" class="user-action explore-all-videos-link"> explore all videos &raquo;</a>

3259 </header>

3260 <div class="column a-column">

3261

Priority 2
Article lacks heading. Consider using H2-H6 elements to add identifying headings to all articles.
Line 3261 HTML5

<article class="story">

3262

Priority 3
The FIGURE element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGURE element display it as an inline element instead of a block element. This usually results in the element contents being misaligned.

<figure class="media video video-player" aria-label="media" role="group">

3263 <span class="visually-hidden">Video Player</span>

3264

Priority 1
This link is broken. The SRC or HREF is an empty string. Link: URL is empty.
HREF="" or SRC="" can cause unexpected effects such as traffic spikes or cookie corruption, and causes JavaScript error events to fire on Firefox.
Line 3264 Broken Link
Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="" class="poster" alt="" />

3265 <div class="video-player-container"></div>

3266 <div class="media-action-overlay"></div>

3267 <div class="sharetools video-sharetools"

3268 data-shares="email|,facebook|,twitter|,embed|,show-all|"

3269 data-url=""

3270 data-title=""

3271 data-description=""

3272 data-content-type="video">

3273 </div>

3274

Priority 3
The FIGCAPTION element is not supported by Internet Explorer 8 and Safari 5.
Browsers that don't support the FIGCAPTION element display it as an inline element instead of a block element. This usually results in the caption being misaligned.

<figcaption class="credit"></figcaption>

3275 </figure>

3276 </article>

3277 </div>

3278 <div class="column b-column">

3279 <div id="video-playlist-container" class="video-playlist-container">

3280 <ul id="video-playlist" class="video-playlist"></ul>

3281 </div>

3282 </div> <!-- end b-column -->

3283</section>

3284</div>

3285</div><!-- close video-player-region -->

3286

3287<section class="inside-nyt">

3288 <div class="inside-nyt-region region">

3289 <h2 class="section-heading">Inside Nytimes.com</h2>

3290 <div id="inside-nyt-browser" class="inside-nyt-browser">

3291 <div class="navigation-control">

3292 <button class="button previous deactivated">

3293 <div class="arrow arrow-left">

3294 <span class="visually-hidden">Go to the previous story</span>

3295 <div class="arrow-conceal"></div>

3296 </div>

3297 </button>

3298 <button class="button next">

3299 <div class="arrow arrow-right">

3300 <span class="visually-hidden">Go to the next story</span>

3301 <div class="arrow-conceal"></div>

3302 </div>

3303 </button>

3304 </div>

3305 <div class="carousel">

3306 <ol class="menu layout-horizontal theme-story">

3307 <li>

3308 <section>

3309 <h2 class="section-heading"><a href="https://www.nytimes.com/section/books/review">Book Review</a></h2>

3310

3311 <article class="story theme-summary" data-story-id="100000005128975" data-rank="0" data-collection-renderstyle="Moth">

3312 <a class="story-link" href="https://www.nytimes.com/2017/06/14/books/review/how-to-live-with-critics.html">

3313 <div class="wide-thumb">

3314

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/18/books/review/18Kirsch/18Kirsch-mediumSquare149.jpg" alt="">

3315 </div>

3316 <h2 class="story-heading">How to Live With Critics (No Matter Who You Are)</h2>

3317 </a>

3318 </article>

3319

3320 </section>

3321 </li>

3322 <li>

3323 <section>

3324 <h2 class="section-heading"><a href="https://www.nytimes.com/pages/opinion/index.html">Opinion</a></h2>

3325

3326 <article class="story theme-summary" data-story-id="100000005162009" data-rank="1" data-collection-renderstyle="Moth">

3327 <a class="story-link" href="https://www.nytimes.com/2017/06/13/opinion/our-fall-from-bachelor-in-paradise.html">

3328 <div class="wide-thumb">

3329

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/opinion/14weinerWeb/14weinerWeb-mediumSquare149.jpg" alt="">

3330 </div>

3331 <h2 class="story-heading">Our Fall From ‘Bachelor in Paradise’</h2>

3332 </a>

3333 </article>

3334

3335 </section>

3336 </li>

3337 <li>

3338 <section>

3339 <h2 class="section-heading"><a href="https://www.nytimes.com/section/books/review">Book Review</a></h2>

3340

3341 <article class="story theme-summary" data-story-id="100000005122194" data-rank="2" data-collection-renderstyle="Moth">

3342 <a class="story-link" href="https://www.nytimes.com/2017/06/13/books/review/you-belong-to-me-colin-harrison.html">

3343 <div class="wide-thumb">

3344

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/18/books/review/0618-BKS-Abbott/0618-BKS-Abbott-mediumSquare149.jpg" alt="">

3345 </div>

3346 <h2 class="story-heading">A High-Stakes New York City Thriller</h2>

3347 </a>

3348 </article>

3349

3350 </section>

3351 </li>

3352 <li>

3353 <section>

3354 <h2 class="section-heading"><a href="https://www.nytimes.com/section/travel">Travel</a></h2>

3355

3356 <article class="story theme-summary" data-story-id="100000005116020" data-rank="3" data-collection-renderstyle="Moth">

3357 <a class="story-link" href="https://www.nytimes.com/2017/06/14/travel/what-sara-blakely-spanx-founder-cant-travel-without.html">

3358 <div class="wide-thumb">

3359

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/18/travel/18CARRYON2/18CARRYON2-mediumSquare149.jpg" alt="">

3360 </div>

3361 <h2 class="story-heading">What Spanx Founder Can’t Travel Without</h2>

3362 </a>

3363 </article>

3364

3365 </section>

3366 </li>

3367 <li>

3368 <section>

3369 <h2 class="section-heading"><a href="https://www.nytimes.com/pages/opinion/index.html">Opinion</a></h2>

3370

3371 <article class="story theme-summary no-thumb" data-story-id="100000005164239" data-rank="4" data-collection-renderstyle="Moth">

3372

Priority 3
Use link text between 3 and 100 characters so it's long enough to be understood, but avoids line wrapping.
A single word text link may not give enough information about the link's destination. A link that is a full sentence is difficult to read quickly, particularly if it wraps to another line.

<a class="story-link" href="https://www.nytimes.com/2017/06/14/opinion/rodrigo-duterte-philippines-military.html">

3373 <h2 class="story-heading">Not Duterte’s Personal Army</h2>

3374 <p class="summary">With martial law, the military may be the best, if unlikely, guardian of Philippine democracy today.</p>

3375 </a>

3376 </article>

3377

3378 </section>

3379 </li>

3380 <li>

3381 <section>

3382 <h2 class="section-heading"><a href="https://www.nytimes.com/section/insider">Times Insider</a></h2>

3383

3384 <article class="story theme-summary" data-story-id="100000004909638" data-rank="5" data-collection-renderstyle="Moth">

3385 <a class="story-link" href="https://www.nytimes.com/2017/06/14/insider/whats-the-difference-between-a-reporter-and-a-correspondent.html">

3386 <div class="wide-thumb">

3387

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/14/pageoneplus/14a2-insider-ask/14a2-insider-ask-mediumSquare149.jpg" alt="">

3388 </div>

3389 <h2 class="story-heading">Defining the Reporter and the Correspondent</h2>

3390 </a>

3391 </article>

3392

3393 </section>

3394 </li>

3395

3396 <li>

3397 <section>

3398 <h2 class="section-heading"><a href="https://www.nytimes.com/section/technology">Technology</a></h2>

3399

3400 <article class="story theme-summary" data-story-id="100000005146970" data-rank="0" data-collection-renderstyle="Moth">

3401 <a class="story-link" href="https://www.nytimes.com/2017/06/08/technology/automakers-race-to-get-ahead-of-silicon-valley-on-car-sharing.html">

3402 <div class="wide-thumb">

3403

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/09/business/09BITS-STARTUP2/09BITS-STARTUP2-mediumSquare149.jpg" alt="">

3404 </div>

3405 <h2 class="story-heading">Automakers Race Silicon Valley on Car-Sharing</h2>

3406 </a>

3407 </article>

3408

3409 </section>

3410 </li>

3411 <li>

3412 <section>

3413 <h2 class="section-heading"><a href="https://www.nytimes.com/pages/opinion/index.html">Opinion</a></h2>

3414

3415 <article class="story theme-summary" data-story-id="100000005162848" data-rank="1" data-collection-renderstyle="Moth">

3416 <a class="story-link" href="https://www.nytimes.com/2017/06/14/opinion/the-myth-of-disability-sob-stories.html">

3417 <div class="wide-thumb">

3418

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/14/opinion/14disability/14disability-mediumSquare149-v2.jpg" alt="">

3419 </div>

3420 <h2 class="story-heading">The Myth of Disability ‘Sob Stories’</h2>

3421 </a>

3422 </article>

3423

3424 </section>

3425 </li>

3426 <li>

3427 <section>

3428 <h2 class="section-heading"><a href="https://www.nytimes.com/section/books/review">Book Review</a></h2>

3429

3430 <article class="story theme-summary" data-story-id="100000005159601" data-rank="2" data-collection-renderstyle="Moth">

3431 <a class="story-link" href="https://www.nytimes.com/2017/06/13/books/review/match-book-short-reads.html">

3432 <div class="wide-thumb">

3433

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/03/16/books/review/16matchbook-image/16matchbook-image-mediumSquare149.jpg" alt="">

3434 </div>

3435 <h2 class="story-heading">Short, but Great, Books for Your Commute</h2>

3436 </a>

3437 </article>

3438

3439 </section>

3440 </li>

3441 <li>

3442 <section>

3443 <h2 class="section-heading"><a href="https://www.nytimes.com/section/travel">Travel</a></h2>

3444

3445 <article class="story theme-summary" data-story-id="100000005100941" data-rank="3" data-collection-renderstyle="Moth">

3446 <a class="story-link" href="https://www.nytimes.com/2017/06/13/travel/at-airports-making-travel-easier-for-autistic-passengers.html">

3447 <div class="wide-thumb">

3448

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/18/travel/18update-1497286616944/18update-1497286616944-mediumSquare149.jpg" alt="">

3449 </div>

3450 <h2 class="story-heading">Making Air Travel Easier for Autistic Passengers</h2>

3451 </a>

3452 </article>

3453

3454 </section>

3455 </li>

3456 <li>

3457 <section>

3458 <h2 class="section-heading"><a href="https://www.nytimes.com/pages/opinion/index.html">Opinion</a></h2>

3459

3460 <article class="story theme-summary no-thumb" data-story-id="100000005164215" data-rank="4" data-collection-renderstyle="Moth">

3461

Priority 3
Use link text between 3 and 100 characters so it's long enough to be understood, but avoids line wrapping.
A single word text link may not give enough information about the link's destination. A link that is a full sentence is difficult to read quickly, particularly if it wraps to another line.

<a class="story-link" href="https://www.nytimes.com/2017/06/14/opinion/i-thought-i-understood-america-then-came-trump.html">

3462 <h2 class="story-heading">I Thought I Understood America. Then Came Trump.</h2>

3463 <p class="summary">After 40 years of visiting the United States, I finally feel like I’m in a foreign land.</p>

3464 </a>

3465 </article>

3466

3467 </section>

3468 </li>

3469 <li>

3470 <section>

3471 <h2 class="section-heading"><a href="https://www.nytimes.com/section/insider">Times Insider</a></h2>

3472

3473 <article class="story theme-summary no-thumb" data-story-id="100000005163856" data-rank="5" data-collection-renderstyle="Moth">

3474

Priority 3
Use link text between 3 and 100 characters so it's long enough to be understood, but avoids line wrapping.
A single word text link may not give enough information about the link's destination. A link that is a full sentence is difficult to read quickly, particularly if it wraps to another line.

<a class="story-link" href="https://www.nytimes.com/2017/06/13/insider/foia-freedom-of-information-act-new-york-times.html">

3475 <h2 class="story-heading">The New York Times Gives FOIA Some Bite</h2>

3476 <p class="summary">After more than 50 years of the Freedom of Information Act, our lawyer tells how he uses it to get the secrets the public should know.</p>

3477 </a>

3478 </article>

3479

3480 </section>

3481 </li>

3482

3483 </ol>

3484 </div>

3485 </div>

3486 </div>

3487</section>

3488

3489<div id="HPMidLeader" class="ad hpmidleader-ad nocontent robots-nocontent"></div>

3490

3491<div class="span-ab-layout layout">

3492

3493 <div class="ab-column column">

3494

3495 <hr class="scotch-rule" />

3496

3497 <section class="well">

3498 <div class="region well-region">

3499 <h2 class="section-heading visually-hidden">Sections</h2>

3500

3501

3502 <div class="split-3-layout layout theme-base">

3503

3504

3505 <div class="column ">

3506

3507 <section>

3508 <h2 class="section-heading">

3509 <a href="http://www.nytimes.com/pages/world/index.html">World &raquo;</a>

3510 </h2>

3511 <ul>

3512 <li>

3513 <article class="story theme-summary" data-story-id="100000005162197" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3514

3515 <a class="story-link" href="https://www.nytimes.com/interactive/2017/06/15/world/europe/climate-change-rotterdam.html">

3516

3517 <div class="thumb">

3518

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/05/18/world/00ROTTERDAM22/00ROTTERDAM22-thumbStandard.jpg" alt="" />

3519 </div>

3520

3521 <h3 class="story-heading">

3522 The Dutch Have Solutions to Rising Seas. The World Is Watching. </h3>

3523 </a>

3524</article>

3525 </li>

3526 <li>

3527 <article class="story" data-story-id="100000005163423" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3528 <h2 class="story-heading">

3529 <a href="https://www.nytimes.com/2017/06/13/world/europe/fire-london-apartment-building.html">

3530 Questions Mount After Fire at Grenfell Tower in London Kills at Least 12 </a>

3531 </h2>

3532</article>

3533 </li>

3534 <li>

3535 <article class="story" data-story-id="100000005163904" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3536 <h2 class="story-heading">

3537 <a href="https://www.nytimes.com/2017/06/14/world/asia/north-korea-otto-warmbier-.html">

3538 Otto Warmbier Got an Extra Dose of Brutality From North Korea. The Mystery Is Why. </a>

3539 </h2>

3540</article>

3541 </li>

3542 </ul>

3543</section>

3544

3545 </div> <!-- close column -->

3546

3547

3548 <div class="column ">

3549

3550 <section>

3551 <h2 class="section-heading">

3552 <a href="http://www.nytimes.com/pages/business/index.html">Business Day &raquo;</a>

3553 </h2>

3554 <ul>

3555 <li>

3556 <article class="story theme-summary" data-story-id="100000005160210" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3557

3558 <a class="story-link" href="https://www.nytimes.com/2017/06/14/business/wells-fargo-loan-mortgage.html">

3559

3560 <div class="thumb">

3561

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/14/business/14WELLS3/14WELLS3-thumbStandard.jpg" alt="" />

3562 </div>

3563

3564 <h3 class="story-heading">

3565 Wells Fargo Is Accused of Making Improper Changes to Mortgages </h3>

3566 </a>

3567</article>

3568 </li>

3569 <li>

3570 <article class="story" data-story-id="100000005163592" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3571 <h2 class="story-heading">

3572 <a href="https://www.nytimes.com/2017/06/14/business/china-anbang-wu-xiaohui-detained.html">

3573 Why Did China Detain Anbang’s Chairman? He Tested a Lot of Limits </a>

3574 </h2>

3575</article>

3576 </li>

3577 <li>

3578 <article class="story" data-story-id="100000005164726" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3579 <h2 class="story-heading">

3580 <a href="https://www.nytimes.com/2017/06/14/upshot/janet-yellen-and-the-case-of-the-missing-inflation.html">

3581 Economic Trends: Janet Yellen and the Case of the Missing Inflation </a>

3582 </h2>

3583</article>

3584 </li>

3585 </ul>

3586</section>

3587

3588 </div> <!-- close column -->

3589

3590

3591 <div class="column last-column">

3592

3593 <section>

3594 <h2 class="section-heading">

3595 <a href="http://www.nytimes.com/pages/opinion/index.html">Opinion &raquo;</a>

3596 </h2>

3597 <ul>

3598 <li>

3599 <article class="story theme-summary" data-story-id="100000005162938" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3600

3601 <a class="story-link" href="https://www.nytimes.com/2017/06/13/opinion/travis-kalanick-uber-bad-behavior.html">

3602

3603 <div class="thumb">

3604

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/14/opinion/14stross/14stross-thumbStandard.jpg" alt="" />

3605 </div>

3606

3607 <h3 class="story-heading">

3608 Op-Ed Contributor: Why Companies Like Uber Get Away With Bad Behavior </h3>

3609 </a>

3610</article>

3611 </li>

3612 <li>

3613 <article class="story" data-story-id="100000005163094" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3614 <h2 class="story-heading">

3615 <a href="https://www.nytimes.com/2017/06/13/opinion/jeff-sessions-clams-up-in-congress.html">

3616 Editorial: Jeff Sessions Clams Up in Congress </a>

3617 </h2>

3618</article>

3619 </li>

3620 <li>

3621 <article class="story" data-story-id="100000005162573" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3622 <h2 class="story-heading">

3623 <a href="https://www.nytimes.com/2017/06/13/opinion/the-mortification-of-jeff-sessions.html">

3624 Frank Bruni: The Mortification of Jeff Sessions </a>

3625 </h2>

3626</article>

3627 </li>

3628 </ul>

3629</section>

3630

3631 </div> <!-- close column -->

3632

3633

3634 </div><!-- close split-3-layout -->

3635

3636

3637 <div class="split-3-layout layout theme-base">

3638

3639

3640 <div class="column ">

3641

3642 <section>

3643 <h2 class="section-heading">

3644 <a href="http://www.nytimes.com/section/us">U.S. &raquo;</a>

3645 </h2>

3646 <ul>

3647 <li>

3648 <article class="story theme-summary" data-story-id="100000005163936" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3649

3650 <a class="story-link" href="https://www.nytimes.com/2017/06/14/us/steve-scalise-congress-shot-alexandria-virginia.html">

3651

3652 <div class="thumb">

3653

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/14/us/14shooting/14shooting-thumbStandard.jpg" alt="" />

3654 </div>

3655

3656 <h3 class="story-heading">

3657 Steve Scalise Among 4 Shot at Baseball Field; Suspect Is Dead </h3>

3658 </a>

3659</article>

3660 </li>

3661 <li>

3662 <article class="story" data-story-id="100000005164062" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3663 <h2 class="story-heading">

3664 <a href="https://www.nytimes.com/2017/06/14/us/flint-water-crisis-manslaughter.html">

3665 5 Charged With Involuntary Manslaughter in Flint Water Crisis </a>

3666 </h2>

3667</article>

3668 </li>

3669 <li>

3670 <article class="story" data-story-id="100000005164977" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3671 <h2 class="story-heading">

3672 <a href="https://www.nytimes.com/2017/06/14/us/civil-rights-groups-sue-chicago-over-abuses-by-police.html">

3673 Civil Rights Groups Sue Chicago Over Abuses by Police </a>

3674 </h2>

3675</article>

3676 </li>

3677 </ul>

3678</section>

3679

3680 </div> <!-- close column -->

3681

3682

3683 <div class="column ">

3684

3685 <section>

3686 <h2 class="section-heading">

3687 <a href="http://www.nytimes.com/pages/technology/index.html">Technology &raquo;</a>

3688 </h2>

3689 <ul>

3690 <li>

3691 <article class="story theme-summary" data-story-id="100000005162885" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3692

3693 <a class="story-link" href="https://www.nytimes.com/2017/06/14/technology/one-way-to-fix-uber-think-twice-before-using-it.html">

3694

3695 <div class="thumb">

3696

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/business/15STATE/15STATE-thumbStandard-v2.jpg" alt="" />

3697 </div>

3698

3699 <h3 class="story-heading">

3700 State of the Art: One Way to Fix Uber: Think Twice Before Using It </h3>

3701 </a>

3702</article>

3703 </li>

3704 <li>

3705 <article class="story" data-story-id="100000005162158" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3706 <h2 class="story-heading">

3707 <a href="https://www.nytimes.com/2017/06/13/technology/uber-travis-kalanick-holder-report.html">

3708 Uber Embraces Major Reforms as Travis Kalanick, the C.E.O., Steps Away </a>

3709 </h2>

3710</article>

3711 </li>

3712 <li>

3713 <article class="story" data-story-id="100000005163195" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3714 <h2 class="story-heading">

3715 <a href="https://www.nytimes.com/2017/06/13/technology/uber-sexual-harassment-huffington-bonderman.html">

3716 David Bonderman Resigns From Uber Board After Sexist Remark </a>

3717 </h2>

3718</article>

3719 </li>

3720 </ul>

3721</section>

3722

3723 </div> <!-- close column -->

3724

3725

3726 <div class="column last-column">

3727

3728 <section>

3729 <h2 class="section-heading">

3730 <a href="http://www.nytimes.com/pages/arts/index.html">Arts &raquo;</a>

3731 </h2>

3732 <ul>

3733 <li>

3734 <article class="story theme-summary" data-story-id="100000005150269" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3735

3736 <a class="story-link" href="https://www.nytimes.com/2017/06/14/arts/music/katy-perry-witness-interview.html">

3737

3738 <div class="thumb">

3739

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/18/arts/18KATY1-alpha/18KATY1-thumbStandard.jpg" alt="" />

3740 </div>

3741

3742 <h3 class="story-heading">

3743 Katy Perry Woke Up. She Wants to Tell You All About It. </h3>

3744 </a>

3745</article>

3746 </li>

3747 <li>

3748 <article class="story" data-story-id="100000005163352" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3749 <h2 class="story-heading">

3750 <a href="https://www.nytimes.com/2017/06/14/arts/television/bill-cosby-trial-day-8.html">

3751 Cosby Trial Live Briefing: At Bill Cosby’s Trial, 28 Hours of Deliberation and Still No Verdict </a>

3752 </h2>

3753</article>

3754 </li>

3755 <li>

3756 <article class="story" data-story-id="100000005160218" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3757 <h2 class="story-heading">

3758 <a href="https://www.nytimes.com/2017/06/14/watching/the-handmaids-tale-tv-finale-margaret-atwood.html">

3759 Margaret Atwood Annotates Season 1 of ‘The Handmaid’s Tale’ </a>

3760 </h2>

3761</article>

3762 </li>

3763 </ul>

3764</section>

3765

3766 </div> <!-- close column -->

3767

3768

3769 </div><!-- close split-3-layout -->

3770

3771

3772 <div class="split-3-layout layout theme-base">

3773

3774

3775 <div class="column ">

3776

3777 <section>

3778 <h2 class="section-heading">

3779 <a href="http://www.nytimes.com/pages/politics/index.html">Politics &raquo;</a>

3780 </h2>

3781 <ul>

3782 <li>

3783 <article class="story theme-summary" data-story-id="100000005165293" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3784

3785 <a class="story-link" href="https://www.nytimes.com/2017/06/14/us/politics/bernie-sanders-supporters.html">

3786

3787 <div class="thumb">

3788

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/us/15dc-fringe/15dc-fringe-thumbStandard.jpg" alt="" />

3789 </div>

3790

3791 <h3 class="story-heading">

3792 Attack Tests Movement Sanders Founded </h3>

3793 </a>

3794</article>

3795 </li>

3796 <li>

3797 <article class="story" data-story-id="100000005165621" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3798 <h2 class="story-heading">

3799 <a href="https://www.nytimes.com/2017/06/14/us/politics/mueller-trump-special-counsel-investigation.html">

3800 Mueller Seeks to Talk to Intelligence Officials, Hinting at Inquiry of Trump </a>

3801 </h2>

3802</article>

3803 </li>

3804 <li>

3805 <article class="story" data-story-id="100000005165580" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3806 <h2 class="story-heading">

3807 <a href="https://www.nytimes.com/2017/06/14/us/politics/trump-russia-sanctions.html">

3808 Senate Backs Measure Limiting President’s Power to Lift Sanctions </a>

3809 </h2>

3810</article>

3811 </li>

3812 </ul>

3813</section>

3814

3815 </div> <!-- close column -->

3816

3817

3818 <div class="column ">

3819

3820 <section>

3821 <h2 class="section-heading">

3822 <a href="http://www.nytimes.com/section/fashion">Fashion & Style &raquo;</a>

3823 </h2>

3824 <ul>

3825 <li>

3826 <article class="story theme-summary" data-story-id="100000005160284" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3827

3828 <a class="story-link" href="https://www.nytimes.com/2017/06/14/fashion/gwyneth-paltrow-in-goop-health-wellness.html">

3829

3830 <div class="thumb">

3831

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/fashion/15GOOPweb5/15GOOPweb5-thumbStandard.jpg" alt="" />

3832 </div>

3833

3834 <h3 class="story-heading">

3835 Meet the Goopies </h3>

3836 </a>

3837</article>

3838 </li>

3839 <li>

3840 <article class="story" data-story-id="100000005160527" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3841 <h2 class="story-heading">

3842 <a href="https://www.nytimes.com/2017/06/14/fashion/summer-linen-cotton-shopping.html">

3843 Browsing: Your Summer Style, Sorted </a>

3844 </h2>

3845</article>

3846 </li>

3847 <li>

3848 <article class="story" data-story-id="100000005160303" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3849 <h2 class="story-heading">

3850 <a href="https://www.nytimes.com/2017/06/13/fashion/conde-nast-closes-style-dot-com-farfetch.html">

3851 Condé Nast Closes Style.com Months After Its Debut </a>

3852 </h2>

3853</article>

3854 </li>

3855 </ul>

3856</section>

3857

3858 </div> <!-- close column -->

3859

3860

3861 <div class="column last-column">

3862

3863 <section>

3864 <h2 class="section-heading">

3865 <a href="http://www.nytimes.com/section/movies">Movies &raquo;</a>

3866 </h2>

3867 <ul>

3868 <li>

3869 <article class="story theme-summary" data-story-id="100000005146077" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3870

3871 <a class="story-link" href="https://www.nytimes.com/2017/06/14/movies/cars-3-review.html">

3872

3873 <div class="thumb">

3874

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/16/arts/16CARSTHREE/16CARSTHREE-thumbStandard.jpg" alt="" />

3875 </div>

3876

3877 <h3 class="story-heading">

3878 Review: In ‘Cars 3,’ Lightning McQueen Faces an Existential Crisis </h3>

3879 </a>

3880</article>

3881 </li>

3882 <li>

3883 <article class="story" data-story-id="100000005152479" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3884 <h2 class="story-heading">

3885 <a href="https://www.nytimes.com/interactive/2017/06/09/movies/the-25-best-films-of-the-21st-century.html">

3886 The 25 Best Films of the 21st Century So Far. </a>

3887 </h2>

3888</article>

3889 </li>

3890 <li>

3891 <article class="story" data-story-id="100000005146051" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3892 <h2 class="story-heading">

3893 <a href="https://www.nytimes.com/2017/06/13/movies/moka-review.html">

3894 Review: A Grieving Mother Seeks Her Own Justice in ‘Moka’ </a>

3895 </h2>

3896</article>

3897 </li>

3898 </ul>

3899</section>

3900

3901 </div> <!-- close column -->

3902

3903

3904 </div><!-- close split-3-layout -->

3905

3906

3907 <div class="split-3-layout layout theme-base">

3908

3909

3910 <div class="column ">

3911

3912 <section>

3913 <h2 class="section-heading">

3914 <a href="http://www.nytimes.com/section/nyregion">New York &raquo;</a>

3915 </h2>

3916 <ul>

3917 <li>

3918 <article class="story theme-summary" data-story-id="100000005146893" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3919

3920 <a class="story-link" href="https://www.nytimes.com/2017/06/14/nyregion/for-children-with-autism-no-more-being-hushed.html">

3921

3922 <div class="thumb">

3923

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/09/nyregion/00nest-1/00nest-1-thumbStandard.jpg" alt="" />

3924 </div>

3925

3926 <h3 class="story-heading">

3927 For Children With Autism, No More Being Hushed </h3>

3928 </a>

3929</article>

3930 </li>

3931 <li>

3932 <article class="story" data-story-id="100000005161890" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3933 <h2 class="story-heading">

3934 <a href="https://www.nytimes.com/2017/06/14/nyregion/nypd-secrecy-glomar-response.html">

3935 Activists Sue Police Dept. Over ‘Can’t Confirm or Deny’ Tactic </a>

3936 </h2>

3937</article>

3938 </li>

3939 <li>

3940 <article class="story" data-story-id="100000005163152" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3941 <h2 class="story-heading">

3942 <a href="https://www.nytimes.com/2017/06/14/nyregion/robert-durst-friends-testify-murder-trial.html">

3943 They Know Robert Durst the Best. But They’re Not Talking. </a>

3944 </h2>

3945</article>

3946 </li>

3947 </ul>

3948</section>

3949

3950 </div> <!-- close column -->

3951

3952

3953 <div class="column ">

3954

3955 <section>

3956 <h2 class="section-heading">

3957 <a href="http://www.nytimes.com/pages/sports/index.html">Sports &raquo;</a>

3958 </h2>

3959 <ul>

3960 <li>

3961 <article class="story theme-summary" data-story-id="100000005165003" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

3962

3963 <a class="story-link" href="https://www.nytimes.com/2017/06/14/sports/golf/us-open-erin-hills-bunkers.html">

3964

3965 <div class="thumb">

3966

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/sports/15-Y-JP-BUNKERS/15-Y-JP-BUNKERS-thumbStandard.jpg" alt="" />

3967 </div>

3968

3969 <h3 class="story-heading">

3970 On Golf: Bunkers at U.S. Open Course Give New Meaning to ‘Sand Hazard’ </h3>

3971 </a>

3972</article>

3973 </li>

3974 <li>

3975 <article class="story" data-story-id="100000005159713" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

3976 <h2 class="story-heading">

3977 <a href="https://www.nytimes.com/2017/06/14/sports/golf/us-open-erin-hills-dustin-johnson.html">

3978 Dustin Johnson’s Brother: Buddy, Goad and Caddie </a>

3979 </h2>

3980</article>

3981 </li>

3982 <li>

3983 <article class="story" data-story-id="100000005148314" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

3984 <h2 class="story-heading">

3985 <a href="https://www.nytimes.com/2017/06/14/sports/soccer/asbury-park-football-club-soccer.html">

3986 This Soccer Club Has Everything You’d Want Except ... </a>

3987 </h2>

3988</article>

3989 </li>

3990 </ul>

3991</section>

3992

3993 </div> <!-- close column -->

3994

3995

3996 <div class="column last-column">

3997

3998 <section>

3999 <h2 class="section-heading">

4000 <a href="http://www.nytimes.com/pages/theater/index.html">Theater &raquo;</a>

4001 </h2>

4002 <ul>

4003 <li>

4004 <article class="story theme-summary" data-story-id="100000003861568" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4005

4006 <a class="story-link" href="https://www.nytimes.com/2017/06/14/theater/playwright-a-r-gurney-dead.html">

4007

4008

4009 <h3 class="story-heading">

4010 A.R. Gurney, Playwright Who Explored Upper-Crust Anxieties, Dies at 86 </h3>

4011 </a>

4012</article>

4013 </li>

4014 <li>

4015 <article class="story" data-story-id="100000005155375" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4016 <h2 class="story-heading">

4017 <a href="https://www.nytimes.com/2017/06/14/theater/the-man-in-the-ceiling-review.html">

4018 Review: In ‘The Man in the Ceiling,’ Jules Feiffer Adapts Himself </a>

4019 </h2>

4020</article>

4021 </li>

4022 <li>

4023 <article class="story" data-story-id="100000005164481" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4024 <h2 class="story-heading">

4025 <a href="https://www.nytimes.com/2017/06/14/theater/despite-tony-wins-indecent-announces-its-broadway-closing.html">

4026 Despite Tony Wins, ‘Indecent’ Announces Its Broadway Closing </a>

4027 </h2>

4028</article>

4029 </li>

4030 </ul>

4031</section>

4032

4033 </div> <!-- close column -->

4034

4035

4036 </div><!-- close split-3-layout -->

4037

4038

4039 <div class="split-3-layout layout theme-base">

4040

4041

4042 <div class="column ">

4043

4044 <section>

4045 <h2 class="section-heading">

4046 <a href="http://www.nytimes.com/section/science">Science &raquo;</a>

4047 </h2>

4048 <ul>

4049 <li>

4050 <article class="story theme-summary" data-story-id="100000005162563" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4051

4052 <a class="story-link" href="https://www.nytimes.com/2017/06/14/science/louis-pasteur-chirality-chemistry.html">

4053

4054 <div class="thumb">

4055

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/science/14PASTUER1/14PASTUER1-thumbStandard.jpg" alt="" />

4056 </div>

4057

4058 <h3 class="story-heading">

4059 How Pasteur’s Artistic Insight Changed Chemistry </h3>

4060 </a>

4061</article>

4062 </li>

4063 <li>

4064 <article class="story" data-story-id="100000005160879" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4065 <h2 class="story-heading">

4066 <a href="https://www.nytimes.com/2017/06/13/science/world-view-stratollite-balloon-kfc-sandwich-space-stratosphere.html">

4067 A Chicken Sandwich Hitches a Balloon Ride to the Stratosphere </a>

4068 </h2>

4069</article>

4070 </li>

4071 <li>

4072 <article class="story" data-story-id="100000005117941" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4073 <h2 class="story-heading">

4074 <a href="https://www.nytimes.com/2017/06/09/science/nuclear-reactor-waste-finland.html">

4075 On Nuclear Waste, Finland Shows U.S. How It Can Be Done </a>

4076 </h2>

4077</article>

4078 </li>

4079 </ul>

4080</section>

4081

4082 </div> <!-- close column -->

4083

4084

4085 <div class="column ">

4086

4087 <section>

4088 <h2 class="section-heading">

4089 <a href="http://www.nytimes.com/section/obituaries">Obituaries &raquo;</a>

4090 </h2>

4091 <ul>

4092 <li>

4093 <article class="story theme-summary" data-story-id="100000003861568" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4094

4095 <a class="story-link" href="https://www.nytimes.com/2017/06/14/theater/playwright-a-r-gurney-dead.html">

4096

4097 <div class="thumb">

4098

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/arts/15GURNEY3/15GURNEY3-thumbStandard.jpg" alt="" />

4099 </div>

4100

4101 <h3 class="story-heading">

4102 A.R. Gurney, Playwright Who Explored Upper-Crust Anxieties, Dies at 86 </h3>

4103 </a>

4104</article>

4105 </li>

4106 <li>

4107 <article class="story" data-story-id="100000004477881" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4108 <h2 class="story-heading">

4109 <a href="https://www.nytimes.com/2017/06/14/world/europe/patricia-knatchbull-countess-mountbatten-dead.html">

4110 Patricia Knatchbull, a Grande Dame of Britain’s Elite, Dies at 93 </a>

4111 </h2>

4112</article>

4113 </li>

4114 <li>

4115 <article class="story" data-story-id="100000005165440" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4116 <h2 class="story-heading">

4117 <a href="https://www.nytimes.com/interactive/2017/06/14/obituaries/markman-obit.html">

4118 Ronald Markman, an Artist Who Conjured His Own Kingdom, Dies at 86 </a>

4119 </h2>

4120</article>

4121 </li>

4122 </ul>

4123</section>

4124

4125 </div> <!-- close column -->

4126

4127

4128 <div class="column last-column">

4129

4130 <section>

4131 <h2 class="section-heading">

4132 <a href="http://www.nytimes.com/section/arts/television">Television &raquo;</a>

4133 </h2>

4134 <ul>

4135 <li>

4136 <article class="story theme-summary" data-story-id="100000005164122" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4137

4138 <a class="story-link" href="https://www.nytimes.com/interactive/2017/06/14/watching/watching-atwood-annotated.html">

4139

4140 <div class="thumb">

4141

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/13/watching/13handmaid01/13handmaid01-thumbStandard.jpg" alt="" />

4142 </div>

4143

4144 <h3 class="story-heading">

4145 Watching: Margaret Atwood Annotates Season 1 of ‘The Handmaid’s Tale’ </h3>

4146 </a>

4147</article>

4148 </li>

4149 <li>

4150 <article class="story" data-story-id="100000005163352" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4151 <h2 class="story-heading">

4152 <a href="https://www.nytimes.com/2017/06/14/arts/television/bill-cosby-trial-day-8.html">

4153 Cosby Trial Live Briefing: At Bill Cosby’s Trial, 28 Hours of Deliberation and Still No Verdict </a>

4154 </h2>

4155</article>

4156 </li>

4157 <li>

4158 <article class="story" data-story-id="100000005163506" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4159 <h2 class="story-heading">

4160 <a href="https://www.nytimes.com/2017/06/14/arts/television/trevor-noah-donald-trump-robert-mueller.html">

4161 Best of Late Night: Trevor Noah Thinks President Trump Could Fire Robert Mueller </a>

4162 </h2>

4163</article>

4164 </li>

4165 </ul>

4166</section>

4167

4168 </div> <!-- close column -->

4169

4170

4171 </div><!-- close split-3-layout -->

4172

4173

4174 <div class="split-3-layout layout theme-base">

4175

4176

4177 <div class="column ">

4178

4179 <section>

4180 <h2 class="section-heading">

4181 <a href="http://www.nytimes.com/pages/health/index.html">Health &raquo;</a>

4182 </h2>

4183 <ul>

4184 <li>

4185 <article class="story theme-summary" data-story-id="100000005162734" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4186

4187 <a class="story-link" href="https://www.nytimes.com/2017/06/14/well/move/hot-weather-workout-try-a-hot-bath-beforehand.html">

4188

4189 <div class="thumb">

4190

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/20/well/physed-hot-run/physed-hot-run-thumbStandard-v2.jpg" alt="" />

4191 </div>

4192

4193 <h3 class="story-heading">

4194 Phys Ed: Hot Weather Workout? Try a Hot Bath Beforehand </h3>

4195 </a>

4196</article>

4197 </li>

4198 <li>

4199 <article class="story" data-story-id="100000005128948" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4200 <h2 class="story-heading">

4201 <a href="https://www.nytimes.com/2017/06/12/health/liver-bodily-function.html">

4202 Basics: The Liver: A ‘Blob’ That Runs the Body </a>

4203 </h2>

4204</article>

4205 </li>

4206 <li>

4207 <article class="story" data-story-id="100000005163140" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4208 <h2 class="story-heading">

4209 <a href="https://www.nytimes.com/2017/06/14/well/eat/would-carrots-by-any-other-name-taste-as-sweet-study-suggests-not.html">

4210 Would Carrots by Any Other Name Taste as Sweet? Study Suggests Not </a>

4211 </h2>

4212</article>

4213 </li>

4214 </ul>

4215</section>

4216

4217 </div> <!-- close column -->

4218

4219

4220 <div class="column ">

4221

4222 <section>

4223 <h2 class="section-heading">

4224 <a href="http://www.nytimes.com/section/travel">Travel &raquo;</a>

4225 </h2>

4226 <ul>

4227 <li>

4228 <article class="story theme-summary" data-story-id="100000005150881" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4229

4230 <a class="story-link" href="https://www.nytimes.com/2017/06/14/travel/spain-sherry-portugal-triangle-budget-travel.html">

4231

4232 <div class="thumb">

4233

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/18/travel/18FRUGAL/18FRUGAL-thumbStandard.jpg" alt="" />

4234 </div>

4235

4236 <h3 class="story-heading">

4237 Frugal Traveler: The Southern Charms of Spain and Portugal </h3>

4238 </a>

4239</article>

4240 </li>

4241 <li>

4242 <article class="story" data-story-id="100000005161118" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4243 <h2 class="story-heading">

4244 <a href="https://www.nytimes.com/2017/06/14/travel/five-places-to-go-in-rue-de-paradis-paris.html">

4245 Surfacing: Five Places to Go in Paris </a>

4246 </h2>

4247</article>

4248 </li>

4249 <li>

4250 <article class="story" data-story-id="100000005140453" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4251 <h2 class="story-heading">

4252 <a href="https://www.nytimes.com/2017/06/13/travel/italian-libraries-hidden-treasures-books-architecture-art.html">

4253 Cultured Traveler: The Hidden Treasures in Italian Libraries </a>

4254 </h2>

4255</article>

4256 </li>

4257 </ul>

4258</section>

4259

4260 </div> <!-- close column -->

4261

4262

4263 <div class="column last-column">

4264

4265 <section>

4266 <h2 class="section-heading">

4267 <a href="http://www.nytimes.com/section/books">Books &raquo;</a>

4268 </h2>

4269 <ul>

4270 <li>

4271 <article class="story theme-summary" data-story-id="100000005164335" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4272

4273 <a class="story-link" href="https://www.nytimes.com/2017/06/14/books/review-the-force-don-winslow.html">

4274

4275 <div class="thumb">

4276

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/arts/15BOOKWINSLOW1/15BOOKWINSLOW1-thumbStandard.jpg" alt="" />

4277 </div>

4278

4279 <h3 class="story-heading">

4280 Books of The Times: Review: A Corrupt Cop Is Up Against the Wall in Don Winslow’s ‘The Force’ </h3>

4281 </a>

4282</article>

4283 </li>

4284 <li>

4285 <article class="story" data-story-id="100000005163857" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4286 <h2 class="story-heading">

4287 <a href="https://www.nytimes.com/2017/06/14/books/a-horse-walks-into-a-bar-wins-man-booker-international-prize.html">

4288 ‘A Horse Walks Into a Bar’ Wins Man Booker International Prize </a>

4289 </h2>

4290</article>

4291 </li>

4292 <li>

4293 <article class="story" data-story-id="100000005160726" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4294 <h2 class="story-heading">

4295 <a href="https://www.nytimes.com/2017/06/14/books/tracy-k-smith-is-the-new-poet-laureate.html">

4296 Tracy K. Smith Is the New Poet Laureate </a>

4297 </h2>

4298</article>

4299 </li>

4300 </ul>

4301</section>

4302

4303 </div> <!-- close column -->

4304

4305

4306 </div><!-- close split-3-layout -->

4307

4308

4309 <div class="split-3-layout layout theme-base">

4310

4311

4312 <div class="column ">

4313

4314 <section>

4315 <h2 class="section-heading">

4316 <a href="http://www.nytimes.com/section/education">Education &raquo;</a>

4317 </h2>

4318 <ul>

4319 <li>

4320 <article class="story theme-summary" data-story-id="100000005153479" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4321

4322 <a class="story-link" href="https://www.nytimes.com/2017/06/14/business/student-loans-for-profit-schools-colleges.html">

4323

4324 <div class="thumb">

4325

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/business/15forprofit/15forprofit-thumbStandard.jpg" alt="" />

4326 </div>

4327

4328 <h3 class="story-heading">

4329 U.S. Halts New Rules Aimed at Abuses by For-Profit Colleges </h3>

4330 </a>

4331</article>

4332 </li>

4333 <li>

4334 <article class="story" data-story-id="100000005160533" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4335 <h2 class="story-heading">

4336 <a href="https://www.nytimes.com/2017/06/12/us/penn-state-death-timothy-piazza.html">

4337 Penn State Student’s Dying Hours Play Out in Courtroom Video </a>

4338 </h2>

4339</article>

4340 </li>

4341 <li>

4342 <article class="story" data-story-id="100000005157529" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4343 <h2 class="story-heading">

4344

Priority 3
Use link text between 3 and 100 characters so it's long enough to be understood, but avoids line wrapping.
A single word text link may not give enough information about the link's destination. A link that is a full sentence is difficult to read quickly, particularly if it wraps to another line.

<a href="https://www.nytimes.com/2017/06/13/us/georgia-police-patdown-students.html">

4345 ‘How Far Can They Go?’ Police Search of Hundreds of Students Stokes Lawsuit and Constitutional Questions </a>

4346 </h2>

4347</article>

4348 </li>

4349 </ul>

4350</section>

4351

4352 </div> <!-- close column -->

4353

4354

4355 <div class="column ">

4356

4357 <section>

4358 <h2 class="section-heading">

4359 <a href="http://www.nytimes.com/pages/dining/index.html">Food &raquo;</a>

4360 </h2>

4361 <ul>

4362 <li>

4363 <article class="story theme-summary" data-story-id="100000005152393" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4364

4365 <a class="story-link" href="https://www.nytimes.com/2017/06/13/dining/restaurants-sydney-australia.html">

4366

4367 <div class="thumb">

4368

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/14/dining/14SYDNEY-slide-5FWD/14SYDNEY-slide-5FWD-thumbStandard.jpg" alt="" />

4369 </div>

4370

4371 <h3 class="story-heading">

4372 Critic's Notebook: Sydney’s New Guard: Five Restaurants Leading the Way </h3>

4373 </a>

4374</article>

4375 </li>

4376 <li>

4377 <article class="story" data-story-id="100000005150189" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4378 <h2 class="story-heading">

4379 <a href="https://www.nytimes.com/2017/06/13/dining/chef-ben-shewry-melbourne-attica-restaurant.html">

4380 Bunya-Bunya? Plum Pine? A Melbourne Chef’s Rich Vocabulary </a>

4381 </h2>

4382</article>

4383 </li>

4384 <li>

4385 <article class="story" data-story-id="100000005148900" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4386 <h2 class="story-heading">

4387 <a href="https://www.nytimes.com/2017/06/13/dining/juneteenth-food-slavery-abolition.html">

4388 Hot Links and Red Drinks: The Rich Food Tradition of Juneteenth </a>

4389 </h2>

4390</article>

4391 </li>

4392 </ul>

4393</section>

4394

4395 </div> <!-- close column -->

4396

4397

4398 <div class="column last-column">

4399

4400 <section>

4401 <h2 class="section-heading">

4402 <a href="http://www.nytimes.com/pages/opinion/index.html#sundayreview">Sunday Review &raquo;</a>

4403 </h2>

4404 <ul>

4405 <li>

4406 <article class="story theme-summary" data-story-id="100000005154839" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4407

4408 <a class="story-link" href="https://www.nytimes.com/2017/06/10/opinion/sunday/is-putin-getting-what-he-wanted-with-trump.html">

4409

4410 <div class="thumb">

4411

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/11/opinion/sunday/11kotkin/11kotkin-thumbStandard.jpg" alt="" />

4412 </div>

4413

4414 <h3 class="story-heading">

4415 Opinion: Is Putin Getting What He Wanted With Trump? </h3>

4416 </a>

4417</article>

4418 </li>

4419 <li>

4420 <article class="story" data-story-id="100000005155144" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4421 <h2 class="story-heading">

4422 <a href="https://www.nytimes.com/2017/06/10/opinion/sunday/its-the-olympics-for-trump-apologists.html">

4423 Editorial: It’s the Olympics for Trump Apologists </a>

4424 </h2>

4425</article>

4426 </li>

4427 <li>

4428 <article class="story" data-story-id="100000005152548" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4429 <h2 class="story-heading">

4430 <a href="https://www.nytimes.com/2017/06/10/opinion/sunday/can-democrats-save-themselves.html">

4431 Frank Bruni: Can Democrats Save Themselves? </a>

4432 </h2>

4433</article>

4434 </li>

4435 </ul>

4436</section>

4437

4438 </div> <!-- close column -->

4439

4440

4441 </div><!-- close split-3-layout -->

4442

4443

4444 <div class="split-3-layout layout theme-base">

4445

4446

4447 <div class="column ">

4448

4449 <section>

4450 <h2 class="section-heading">

4451 <a href="http://www.nytimes.com/pages/realestate/index.html">Real Estate &raquo;</a>

4452 </h2>

4453 <ul>

4454 <li>

4455 <article class="story theme-summary" data-story-id="100000005148993" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4456

4457 <a class="story-link" href="https://www.nytimes.com/2017/06/14/realestate/tivoli-ny-authenticity-on-the-hudson.html">

4458

4459 <div class="thumb">

4460

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/14/realestate/14LIVING-slide-YN7B/14LIVING-slide-YN7B-thumbStandard.jpg" alt="" />

4461 </div>

4462

4463 <h3 class="story-heading">

4464 Living In: Tivoli, N.Y.: Authenticity on the Hudson </h3>

4465 </a>

4466</article>

4467 </li>

4468 <li>

4469 <article class="story" data-story-id="100000005155491" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4470 <h2 class="story-heading">

4471 <a href="https://www.nytimes.com/2017/06/14/realestate/what-you-get-700000-homes-pennsylvania-nebraska-texas.html">

4472 What You Get: $700,000 Homes in Pennsylvania, Nebraska and Texas </a>

4473 </h2>

4474</article>

4475 </li>

4476 <li>

4477 <article class="story" data-story-id="100000005137839" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4478 <h2 class="story-heading">

4479 <a href="https://www.nytimes.com/2017/06/11/realestate/homes-that-sold-for-around-450000.html">

4480 What's Selling Now: Homes That Sold for Around $450,000 </a>

4481 </h2>

4482</article>

4483 </li>

4484 </ul>

4485</section>

4486

4487 </div> <!-- close column -->

4488

4489

4490 <div class="column ">

4491

4492 <section>

4493 <h2 class="section-heading">

4494 <a href="http://www.nytimes.com/section/upshot">The Upshot &raquo;</a>

4495 </h2>

4496 <ul>

4497 <li>

4498 <article class="story theme-summary" data-story-id="100000005164726" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4499

4500 <a class="story-link" href="https://www.nytimes.com/2017/06/14/upshot/janet-yellen-and-the-case-of-the-missing-inflation.html">

4501

4502 <div class="thumb">

4503

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/upshot/15up-fed1/15up-fed1-thumbStandard.jpg" alt="" />

4504 </div>

4505

4506 <h3 class="story-heading">

4507 Economic Trends: Janet Yellen and the Case of the Missing Inflation </h3>

4508 </a>

4509</article>

4510 </li>

4511 <li>

4512 <article class="story" data-story-id="100000005161933" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4513 <h2 class="story-heading">

4514 <a href="https://www.nytimes.com/2017/06/14/upshot/gop-senators-might-not-realize-it-but-not-one-state-supports-the-ahca.html">

4515 Public Health: G.O.P. Senators Might Not Realize It, but Not One State Supports the A.H.C.A. </a>

4516 </h2>

4517</article>

4518 </li>

4519 <li>

4520 <article class="story" data-story-id="100000005163179" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4521 <h2 class="story-heading">

4522 <a href="https://www.nytimes.com/2017/06/13/upshot/trump-says-market-is-failing-but-one-insurer-bets-big-on-obamacare.html">

4523 Public Health: Trump Says Market Is Failing, but One Insurer Bets Big on Obamacare </a>

4524 </h2>

4525</article>

4526 </li>

4527 </ul>

4528</section>

4529

4530 </div> <!-- close column -->

4531

4532

4533 <div class="column last-column">

4534

4535 <section>

4536 <h2 class="section-heading">

4537 <a href="http://www.nytimes.com/section/magazine">Magazine &raquo;</a>

4538 </h2>

4539 <ul>

4540 <li>

4541 <article class="story theme-summary" data-story-id="100000005155777" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4542

4543 <a class="story-link" href="https://www.nytimes.com/2017/06/14/magazine/reading-erdogans-ambitions-in-turkeys-new-mosques.html">

4544

4545 <div class="thumb">

4546

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/18/magazine/18mosques-turkey-slide-UGRR/18mosques-turkey-slide-UGRR-thumbStandard.jpg" alt="" />

4547 </div>

4548

4549 <h3 class="story-heading">

4550 Feature: Reading Erdogan’s Ambitions in Turkey’s New Mosques </h3>

4551 </a>

4552</article>

4553 </li>

4554 <li>

4555 <article class="story" data-story-id="100000005156677" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4556 <h2 class="story-heading">

4557 <a href="https://www.nytimes.com/2017/06/13/magazine/the-man-behind-trumps-voter-fraud-obsession.html">

4558 Feature: The Man Behind Trump’s Voter-Fraud Obsession </a>

4559 </h2>

4560</article>

4561 </li>

4562 <li>

4563 <article class="story" data-story-id="100000005156702" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4564 <h2 class="story-heading">

4565 <a href="https://www.nytimes.com/2017/06/12/magazine/the-long-lonely-road-of-chelsea-manning.html">

4566 Feature: The Long, Lonely Road of Chelsea Manning </a>

4567 </h2>

4568</article>

4569 </li>

4570 </ul>

4571</section>

4572

4573 </div> <!-- close column -->

4574

4575

4576 </div><!-- close split-3-layout -->

4577

4578

4579 <div class="split-3-layout layout theme-base">

4580

4581

4582 <div class="column ">

4583

4584 <section>

4585 <h2 class="section-heading">

4586 <a href="http://www.nytimes.com/pages/automobiles/index.html">Automobiles &raquo;</a>

4587 </h2>

4588 <ul>

4589 <li>

4590 <article class="story theme-summary" data-story-id="100000005095241" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4591

4592 <a class="story-link" href="https://www.nytimes.com/2017/06/08/automobiles/saab-autos-cars.html">

4593

4594 <div class="thumb">

4595

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/08/business/09WHEELS1/09WHEELS1-thumbStandard.jpg" alt="" />

4596 </div>

4597

4598 <h3 class="story-heading">

4599 Wheels: In Portland, a Rare Outpost for Die-Hard Saab Fans </h3>

4600 </a>

4601</article>

4602 </li>

4603 <li>

4604 <article class="story" data-story-id="100000005140721" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4605 <h2 class="story-heading">

4606 <a href="https://www.nytimes.com/2017/06/08/automobiles/autoreviews/video-review-with-new-ioniq-hyundai-goes-after-prius.html">

4607 Driven: Video Review: With New Ioniq, Hyundai Goes After Prius </a>

4608 </h2>

4609</article>

4610 </li>

4611 <li>

4612 <article class="story" data-story-id="100000005147210" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4613 <h2 class="story-heading">

4614 <a href="https://www.nytimes.com/2017/06/07/technology/electronic-setups-of-driverless-cars-vulnerable-to-hackers.html">

4615 Bits: Electronic Setups of Driverless Cars Vulnerable to Hackers </a>

4616 </h2>

4617</article>

4618 </li>

4619 </ul>

4620</section>

4621

4622 </div> <!-- close column -->

4623

4624

4625 <div class="column ">

4626

4627 <section>

4628 <h2 class="section-heading">

4629 <a href="http://www.nytimes.com/section/t-magazine">T Magazine &raquo;</a>

4630 </h2>

4631 <ul>

4632 <li>

4633 <article class="story theme-summary" data-story-id="100000005162165" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4634

4635 <a class="story-link" href="https://www.nytimes.com/2017/06/14/t-magazine/art/quentin-blake-show-roald-dahl-illustration.html">

4636

4637 <div class="thumb">

4638

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/13/t-magazine/13tmag-quentin-slide-PA0W-copy/13tmag-quentin-slide-PA0W-copy-thumbStandard-v2.jpg" alt="" />

4639 </div>

4640

4641 <h3 class="story-heading">

4642 A Beloved British Illustrator, at the Beach </h3>

4643 </a>

4644</article>

4645 </li>

4646 <li>

4647 <article class="story" data-story-id="100000005164211" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4648 <h2 class="story-heading">

4649 <a href="https://www.nytimes.com/2017/06/14/t-magazine/fashion/balenciaga-how-to-wear.html">

4650 The Breakdown: How to Wear a Balenciaga Look — Piece by Piece </a>

4651 </h2>

4652</article>

4653 </li>

4654 <li>

4655 <article class="story" data-story-id="100000005162757" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4656 <h2 class="story-heading">

4657 <a href="https://www.nytimes.com/2017/06/14/t-magazine/design/charles-compagnon-gesa-hansen-courances-france-home.html">

4658 Two Parisian Creatives, at Home in the Countryside </a>

4659 </h2>

4660</article>

4661 </li>

4662 </ul>

4663</section>

4664

4665 </div> <!-- close column -->

4666

4667

4668 <div class="column last-column">

4669

4670 <section>

4671 <h2 class="section-heading">

4672 <a href="http://www.nytimes.com/section/insider">Times Insider &raquo;</a>

4673 </h2>

4674 <ul>

4675 <li>

4676 <article class="story theme-summary" data-story-id="100000005164672" data-rank="0" data-collection-renderstyle="HpHedThumbWell">

4677

4678 <a class="story-link" href="https://www.nytimes.com/2017/06/14/insider/global-with-local-flavor-restaurant-critic-pete-wells-in-sydney.html">

4679

4680 <div class="thumb">

4681

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/15/pageoneplus/15-Insider-Nemo/15-Insider-Nemo-thumbStandard.jpg" alt="" />

4682 </div>

4683

4684 <h3 class="story-heading">

4685 Global, With Local Flavor: Restaurant Critic Pete Wells in Sydney </h3>

4686 </a>

4687</article>

4688 </li>

4689 <li>

4690 <article class="story" data-story-id="100000005163241" data-rank="1" data-collection-renderstyle="HpHedThumbWell">

4691 <h2 class="story-heading">

4692 <a href="https://www.nytimes.com/2017/06/14/insider/america-was-born-to-serve-mankind-wilson-says.html">

4693 Picturing the First World War: America 'Was Born to Serve Mankind,’ Wilson Says </a>

4694 </h2>

4695</article>

4696 </li>

4697 <li>

4698 <article class="story" data-story-id="100000004909638" data-rank="2" data-collection-renderstyle="HpHedThumbWell">

4699 <h2 class="story-heading">

4700 <a href="https://www.nytimes.com/2017/06/14/insider/whats-the-difference-between-a-reporter-and-a-correspondent.html">

4701 Ask The Times: ‘What’s the Difference Between a Reporter and a Correspondent?’ </a>

4702 </h2>

4703</article>

4704 </li>

4705 </ul>

4706</section>

4707

4708 </div> <!-- close column -->

4709

4710

4711 </div><!-- close split-3-layout -->

4712

4713 </div>

4714</section><!-- close well section -->

4715

4716 </div><!-- close ab-column -->

4717

4718 <div class="c-column column">

4719

4720

4721 <section class="real-estate">

4722 <div class="layout split-layout theme-base">

4723 <div class="column">

4724 <div class="region real-estate-left-region">

4725

4726 <div class="collection">

4727 <h2 class="section-heading">

4728 <a href="https://www.nytimes.com/section/realestate">Real Estate &raquo;</a>

4729 </h2>

4730 <article class="story theme-summary" id="topnews-100000005148993" data-story-id="100000005148993" data-rank="0" data-collection-renderstyle="HpSectionSumSmallMedia">

4731

4732 <h3 class="kicker">Living In </h3>

4733

4734 <h2 class="story-heading"><a href="https://www.nytimes.com/2017/06/14/realestate/tivoli-ny-authenticity-on-the-hudson.html">Tivoli, N.Y.: Authenticity on the Hudson</a></h2>

4735

4736 <p class="byline">By JULIE LASKY </p>

4737

4738 <div class="thumb">

4739

Priority 1
Each A element must contain text or an IMG with an ALT attribute.
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT text is blank, screen readers have nothing to read, so read out the URL instead.

<a href="https://www.nytimes.com/2017/06/14/realestate/tivoli-ny-authenticity-on-the-hudson.html">

Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

<img src="https://static01.nyt.com/images/2017/06/14/realestate/14LIVING-slide-YN7B/14LIVING-slide-YN7B-thumbStandard.jpg" alt=""></a>

4740 </div>

4741

4742 <p class="summary">

4743 This Dutchess County village, with a bakery, a whiskey bar, Victorian architecture and plenty of undeveloped land, is no manicured suburb, residents say. </p>

4744

4745

4746 </article>

4747

4748</div>

4749<div class="collection">

4750 <ul class="theme-module-headlines">

4751<li><article class="story" data-collection-renderstyle="HpHeadline"><h2 class="story-heading"><a href="http://www.nytimes.com/real-estate/find-a-home">Search for Homes for Sale or Rent</a></h2></article></li>

4752

4753<li><article class="story" data-collection-renderstyle="HpHeadline"><h2 class="story-heading"><a href="https://www.nytimes.com/real-estate/mortgage-calculator">Mortgage Calculator</a></h2></article></li></ul>

4754

4755</div>

4756

4757 </div><!-- close real-estate-left-region -->

4758 </div>

4759 <div class="column">

4760 <div class="region real-estate-right-region">

4761 <div class="collection">

4762 <div id="HPmodule-RE2-alternate-content"><div></div>

4763<div class="collection">

4764 </div></div></div>

4765 <div id="hpmodulere2" class="ad hpmodulere2-ad nocontent robots-nocontent"></div>

4766 </div><!-- close real-estate-right-region -->

4767 </div>

4768 </div>

4769 </section>

4770

4771

4772

Priority 2
Section lacks heading. Consider using H2-H6 elements to add identifying headings to all sections.
Line 4772 HTML5

<section id="recommendations" class="recommendations">

4773 <div class="tabs-container">

4774 <ul class="tabs">

4775 <li data-type="most-emailed" class="most-emailed-tab"><a href="http://www.nytimes.com/gst/mostemailed.html">Most Emailed</a></li><li data-type="most-viewed" class="most-viewed-tab"><a href="http://www.nytimes.com/gst/mostpopular.html">Most Viewed</a></li><li data-type="trending" class="trending-tab"><a href="http://www.nytimes.com/trending/">Trending</a></li><li data-type="recommended" class="recommended-tab"><a href="http://www.nytimes.com/recommendations">Recommended for you</a></li>

4776 </ul>

4777 </div><!-- end tabs-container -->

4778

4779 <div class="tab-content most-emailed">

4780 <div class="loader"></div>

4781 </div>

4782 <div class="tab-content most-viewed">

4783 <div class="loader"></div>

4784 </div>

4785 <div class="tab-content trending">

4786 <div class="loader"></div>

4787 </div>

4788 <div class="tab-content recommended">

4789 <div class="loader"></div>

4790 </div>

4791

4792 <div id="recommendations-module-loader" class="loader-container">

4793 <div class="loader loader-t-logo-32x32-ecedeb-ffffff"><span class="visually-hidden">Loading...</span></div>

4794 </div>

4795</section>

4796

4797 <div id="Box1" class="ad box1-ad nocontent robots-nocontent"></div>

4798 <div id="HPBottom1" class="ad hpbottom1-ad nocontent robots-nocontent"></div>

4799

4800 </div><!-- close c-column -->

4801

4802</div><!-- close span-ab-layout -->

4803

4804<div id="HPSponLink" class="ad hpsponlink-ad nocontent robots-nocontent"></div>

4805<div id="Bottom8" class="ad bottom8-ad nocontent robots-nocontent"></div>

4806<div id="Bottom9" class="ad bottom9-ad nocontent robots-nocontent"></div>

4807 <div class="search-overlay"></div>

4808 </main><!-- close main -->

4809 <section id="site-index" class="site-index">

4810 <header class="section-header">

4811 <p class="user-action">

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://www.nytimes.com/">Go to Home Page &raquo;</a></p>

4812 <h2 class="section-heading">

4813 <span class="visually-hidden">Site Index</span>

4814 <a id="site-index-branding-link" href="http://www.nytimes.com/">

4815 <span class="visually-hidden">The New York Times</span>

4816

Priority 1
SVG images are not supported in Internet Explorer 8 and older Android devices.
The SVG image will not be displayed.
Priority 2
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked. Add width and height attributes to the img tag matching the image dimensions. Authoring tools like Dreamweaver can automate this process.

JavaScript added element:

<img class="nyt-logo-print" alt="The New York Times" src="https://a1.nyt.com/assets/homepage/20170609-165011/images/foundation/logos/nyt-logo-185x26.png" xmlns:og="http://opengraphprotocol.org/schema/">

JavaScript added element:

<svg role="img" aria-label="The New York Times" class="nyt-logo" height="1152155385856" width="1152179044352" xmlns:og="http://opengraphprotocol.org/schema/"><image height="1152155385856" width="1152179044352" src="https://a1.nyt.com/assets/homepage/20170609-165011/images/foundation/logos/nyt-logo-185x26.png" border="0" alt="The New York Times"></image></svg>

</a>

4817 </h2>

4818 <script>window.magnum.writeLogo('small', 'https://a1.nyt.com/assets/homepage/20170609-165011/images/foundation/logos/', '', '', 'standard', 'site-index-branding-link', '');</script>

4819 </header>

4820

4821

Priority 2
The 'navigation' role is unnecessary for element 'nav'.
Line 4821 HTML5
Priority 2
Element 'nav' does not need a 'role' attribute.
Line 4821 HTML5

<nav id="site-index-navigation" class="site-index-navigation" role="navigation">

4822 <h2 class="visually-hidden">Site Index Navigation</h2>

4823 <div class="split-6-layout layout">

4824

4825

4826 <div class="column">

4827 <h3 class="menu-heading">News</h3>

4828 <ul class="menu">

4829

4830

4831 <li>

4832 <a href="https://www.nytimes.com/pages/world/index.html">World</a>

4833 </li>

4834

4835

4836 <li>

4837 <a href="https://www.nytimes.com/pages/national/index.html">U.S.</a>

4838 </li>

4839

4840

4841 <li>

4842 <a href="https://www.nytimes.com/pages/politics/index.html">Politics</a>

4843 </li>

4844

4845

4846 <li>

4847 <a href="https://www.nytimes.com/pages/nyregion/index.html">N.Y.</a>

4848 </li>

4849

4850

4851 <li>

4852 <a href="https://www.nytimes.com/pages/business/index.html">Business</a>

4853 </li>

4854

4855

4856 <li>

4857 <a href="https://www.nytimes.com/pages/technology/index.html">Tech</a>

4858 </li>

4859

4860

4861 <li>

4862 <a href="https://www.nytimes.com/section/science">Science</a>

4863 </li>

4864

4865

4866 <li>

4867 <a href="https://www.nytimes.com/pages/health/index.html">Health</a>

4868 </li>

4869

4870

4871 <li>

4872 <a href="https://www.nytimes.com/pages/sports/index.html">Sports</a>

4873 </li>

4874

4875

4876 <li>

4877 <a href="https://www.nytimes.com/pages/education/index.html">Education</a>

4878 </li>

4879

4880

4881 <li>

4882 <a href="https://www.nytimes.com/pages/obituaries/index.html">Obituaries</a>

4883 </li>

4884

4885

4886 <li>

4887 <a href="https://www.nytimes.com/pages/todayspaper/index.html">Today's Paper</a>

4888 </li>

4889

4890

4891 <li>

4892 <a href="https://www.nytimes.com/pages/corrections/index.html">Corrections</a>

4893 </li>

4894

4895

4896 </ul>

4897 </div><!-- close column -->

4898

4899

4900 <div class="column">

4901 <h3 class="menu-heading">Opinion</h3>

4902 <ul class="menu">

4903

4904

4905 <li>

4906 <a href="https://www.nytimes.com/pages/opinion/index.html">Today's Opinion</a>

4907 </li>

4908

4909

4910 <li>

4911 <a href="https://www.nytimes.com/pages/opinion/index.html#columnists">Op-Ed Columnists</a>

4912 </li>

4913

4914

4915 <li>

4916 <a href="https://www.nytimes.com/pages/opinion/index.html#editorials">Editorials</a>

4917 </li>

4918

4919

4920 <li>

4921 <a href="https://www.nytimes.com/pages/opinion/index.html#contributing">Contributing Writers</a>

4922 </li>

4923

4924

4925 <li>

4926 <a href="https://www.nytimes.com/pages/opinion/index.html#op-ed">Op-Ed Contributors</a>

4927 </li>

4928

4929

4930 <li>

4931 <a href="https://www.nytimes.com/pages/opinion/index.html#opinionator">Opinionator</a>

4932 </li>

4933

4934

4935 <li>

4936 <a href="https://www.nytimes.com/pages/opinion/index.html#letters">Letters</a>

4937 </li>

4938

4939

4940 <li>

4941 <a href="https://www.nytimes.com/pages/opinion/index.html#sundayreview">Sunday Review</a>

4942 </li>

4943

4944

4945 <li>

4946 <a href="https://www.nytimes.com/pages/opinion/index.html#takingNote">Taking Note</a>

4947 </li>

4948

4949

4950 <li>

4951 <a href="https://www.nytimes.com/roomfordebate">Room for Debate</a>

4952 </li>

4953

4954

4955 <li>

4956 <a href="http://topics.nytimes.com/top/opinion/thepubliceditor/index.html">Public Editor</a>

4957 </li>

4958

4959

4960 <li>

4961 <a href="https://www.nytimes.com/video/opinion">Video: Opinion</a>

4962 </li>

4963

4964

4965 </ul>

4966 </div><!-- close column -->

4967

4968

4969 <div class="column">

4970 <h3 class="menu-heading">Arts</h3>

4971 <ul class="menu">

4972

4973

4974 <li>

4975 <a href="https://www.nytimes.com/pages/arts/index.html">Today's Arts</a>

4976 </li>

4977

4978

4979 <li>

4980 <a href="https://www.nytimes.com/pages/arts/design/index.html">Art & Design</a>

4981 </li>

4982

4983

4984 <li>

4985 <a href="https://www.nytimes.com/pages/books/index.html">Books</a>

4986 </li>

4987

4988

4989 <li>

4990 <a href="https://www.nytimes.com/pages/arts/dance/index.html">Dance</a>

4991 </li>

4992

4993

4994 <li>

4995 <a href="https://www.nytimes.com/pages/movies/index.html">Movies</a>

4996 </li>

4997

4998

4999 <li>

5000 <a href="https://www.nytimes.com/pages/arts/music/index.html">Music</a>

5001 </li>

5002

5003

5004 <li>

5005 <a href="https://www.nytimes.com/events/">N.Y.C. Events Guide</a>

5006 </li>

5007

5008

5009 <li>

5010 <a href="https://www.nytimes.com/pages/arts/television/index.html">Television</a>

5011 </li>

5012

5013

5014 <li>

5015 <a href="https://www.nytimes.com/pages/theater/index.html">Theater</a>

5016 </li>

5017

5018

5019 <li>

5020 <a href="https://www.nytimes.com/video/arts">Video: Arts</a>

5021 </li>

5022

5023

5024 </ul>

5025 </div><!-- close column -->

5026

5027

5028 <div class="column">

5029 <h3 class="menu-heading">Living</h3>

5030 <ul class="menu">

5031

5032

5033 <li>

5034 <a href="https://www.nytimes.com/pages/automobiles/index.html">Automobiles</a>

5035 </li>

5036

5037

5038 <li>

5039 <a href="https://www.nytimes.com/crosswords/">Crossword</a>

5040 </li>

5041

5042

5043 <li>

5044 <a href="https://www.nytimes.com/pages/dining/index.html">Food</a>

5045 </li>

5046

5047

5048 <li>

5049 <a href="https://www.nytimes.com/pages/education/index.html">Education</a>

5050 </li>

5051

5052

5053 <li>

5054 <a href="https://www.nytimes.com/pages/fashion/index.html">Fashion & Style</a>

5055 </li>

5056

5057

5058 <li>

5059 <a href="https://www.nytimes.com/pages/health/index.html">Health</a>

5060 </li>

5061

5062

5063 <li>

5064 <a href="https://www.nytimes.com/section/jobs">Jobs</a>

5065 </li>

5066

5067

5068 <li>

5069 <a href="https://www.nytimes.com/pages/magazine/index.html">Magazine</a>

5070 </li>

5071

5072

5073 <li>

5074 <a href="https://www.nytimes.com/events/">N.Y.C. Events Guide</a>

5075 </li>

5076

5077

5078 <li>

5079 <a href="https://www.nytimes.com/section/realestate">Real Estate</a>

5080 </li>

5081

5082

5083 <li>

5084 <a href="https://www.nytimes.com/section/t-magazine">T Magazine</a>

5085 </li>

5086

5087

5088 <li>

5089 <a href="https://www.nytimes.com/section/travel">Travel</a>

5090 </li>

5091

5092

5093 <li>

5094 <a href="https://www.nytimes.com/pages/fashion/weddings/index.html">Weddings & Celebrations</a>

5095 </li>

5096

5097

5098 </ul>

5099 </div><!-- close column -->

5100

5101

5102 <div class="column">

5103 <h3 class="menu-heading">Listings & More</h3>

5104 <ul class="menu">

5105

5106

5107 <li>

5108 <a href="https://www.nytimes.com/ref/classifieds/">Classifieds</a>

5109 </li>

5110

5111

5112 <li>

5113 <a href="https://www.nytimes.com/marketing/tools-and-services/">Tools & Services</a>

5114 </li>

5115

5116

5117 <li>

5118 <a href="https://www.nytimes.com/pages/topics/">Times Topics</a>

5119 </li>

5120

5121

5122 <li>

5123 <a href="http://topics.nytimes.com/top/opinion/thepubliceditor/index.html">Public Editor</a>

5124 </li>

5125

5126

5127 <li>

5128 <a href="https://www.nytimes.com/events/">N.Y.C. Events Guide</a>

5129 </li>

5130

5131

5132 <li>

5133 <a href="https://www.nytimes.com/interactive/blogs/directory.html">Blogs</a>

5134 </li>

5135

5136

5137 <li>

5138 <a href="https://www.nytimes.com/pages/multimedia/index.html">Multimedia</a>

5139 </li>

5140

5141

5142 <li>

5143 <a href="https://lens.blogs.nytimes.com/">Photography</a>

5144 </li>

5145

5146

5147 <li>

5148 <a href="https://www.nytimes.com/video">Video</a>

5149 </li>

5150

5151

5152 <li>

5153 <a href="https://www.nytimes.com/store/?&t=qry542&utm_source=nytimes&utm_medium=HPB&utm_content=hp_browsetree&utm_campaign=NYT-HP&module=SectionsNav&action=click&region=TopBar&version=BrowseTree&contentCollection=NYT%20Store&contentPlacement=2&pgtype=Homepage">NYT Store</a>

5154 </li>

5155

5156

5157 <li>

5158 <a href="https://www.nytimes.com/times-journeys/?utm_source=nytimes&utm_medium=HPLink&utm_content=hp_browsetree&utm_campaign=NYT-HP">Times Journeys</a>

5159 </li>

5160

5161

5162 <li>

5163 <a href="https://www.nytimes.com/seeallnav">Subscribe</a>

5164 </li>

5165

5166

5167 <li>

5168 <a href="https://www.nytimes.com/membercenter">Manage My Account</a>

5169 </li>

5170

5171

5172 </ul>

5173 </div><!-- close column -->

5174

5175

5176 <div class="column last-column">

5177

5178<h3 class="menu-heading">Subscribe</h3>

5179

5180<ul class="menu primary-menu">

5181 <li class="menu-label">Subscribe</li>

5182 <li class="home-delivery">

5183 <i class="icon sprite-icon"></i>

5184 <a class="nyt-home-delivery" href="http://www.nytimes.com/hdleftnav">Home Delivery</a>

5185 </li>

5186 <li class="digital-subscriptions">

5187 <i class="icon sprite-icon"></i>

5188 <a class="digital-subscription" href="http://www.nytimes.com/digitalleftnav">Digital Subscriptions</a>

5189 </li>

5190 <li class="nyt-crossword last-item">

5191 <i class="icon sprite-icon"></i>

5192 <a id="nyt-crossword" href="http://www.nytimes.com/crosswords/index.html">Crossword</a>

5193 </li>

5194</ul>

5195

5196<ul class="menu secondary-menu">

5197

5198 <li class="email-newsletters">

5199 <a href="http://www.nytimes.com/marketing/newsletters">Email Newsletters</a>

5200 </li>

5201 <li>

5202 <a href="https://myaccount.nytimes.com/mem/tnt.html">Alerts</a>

5203 </li>

5204 <li class="gift-subscription">

5205 <a href="http://www.nytimes.com/giftleftnav">Gift Subscriptions</a>

5206 </li>

5207 <li>

5208 <a href="http://www.nytimes.com/corporateleftnav">Corporate Subscriptions</a>

5209 </li>

5210 <li>

5211 <a href="http://www.nytimes.com/educationleftnav">Education Rate</a>

5212 </li>

5213

5214</ul>

5215<ul class="menu secondary-menu">

5216 <li>

5217 <a href="http://www.nytimes.com/services/mobile/index.html">Mobile Applications</a>

5218 </li>

5219 <li>

5220 <a href="http://eedition.nytimes.com/cgi-bin/signup.cgi?cc=37FYY">Replica Edition</a>

5221 </li>

5222

5223</ul>

5224

5225 </div><!-- close column -->

5226

5227 </div><!-- close split-6-layout -->

5228

5229 </nav><!-- close nav -->

5230

5231</section><!-- close site-index -->

5232

5233

Priority 2
The 'contentinfo' role is unnecessary for element 'footer'.
Line 5233 HTML5

<footer id="page-footer" class="page-footer" role="contentinfo">

5234 <nav>

5235 <h2 class="visually-hidden">Site Information Navigation</h2>

5236 <ul>

5237 <li>

5238

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://www.nytimes.com/content/help/rights/copyright/copyright-notice.html" itemprop="copyrightNotice">

5239 &copy;

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<span itemprop="copyrightYear">2017</span><span itemprop="copyrightHolder provider sourceOrganization" itemscope itemtype="http://schema.org/Organization" itemid="http://www.nytimes.com">

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<span itemprop="name"> The New York Times Company</span><meta itemprop="tickerSymbol" content="NYSE NYT"/></span>

5240 </a>

5241 </li>

5242 <li class="wide-viewport-item">

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://www.nytimes.com/ref/membercenter/help/infoservdirectory.html">Contact Us</a></li>

5243 <li class="wide-viewport-item">

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://www.nytco.com/careers">Work With Us</a></li>

5244 <li class="wide-viewport-item">

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://nytmediakit.com/">Advertise</a></li>

5245 <li class="wide-viewport-item">

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://www.nytimes.com/content/help/rights/privacy/policy/privacy-policy.html#pp">Your Ad Choices</a></li>

5246 <li>

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://www.nytimes.com/privacy">Privacy</a></li>

5247 <li>

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://www.nytimes.com/ref/membercenter/help/agree.html" itemprop="usageTerms">Terms of Service</a></li>

5248 <li class="wide-viewport-item last-item">

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://www.nytimes.com/content/help/rights/sale/terms-of-sale.html">Terms of Sale</a></li>

5249 </ul>

5250 </nav>

5251 <nav class="last-nav">

5252 <h2 class="visually-hidden">Site Information Navigation</h2>

5253 <ul>

5254 <li>

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://spiderbites.nytimes.com">Site Map</a></li>

5255 <li>

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://www.nytimes.com/membercenter/sitehelp.html">Help</a></li>

5256 <li>

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="https://myaccount.nytimes.com/membercenter/feedback.html">Site Feedback</a></li>

5257 <li class="wide-viewport-item last-item">

Priority 2
Ensure that foreground and background colors have enough contrast. The 255, 255, 255 foreground color to 98, 136, 165 background color contrast ratio is 3.70000004768372 with 10.5 point text.

Some users find it hard to read light gray text on a white background, dark gray text on a black background and white text on a red background.

  • The contrast ratio should be 3.0 or more for 18 point text, or larger
  • The contrast ratio should be 3.0 or more for 14 point bold text, or larger
  • The contrast ratio should be 4.5 or more for all other text

<a href="http://www.nytimes.com/subscriptions/Multiproduct/lp5558.html?campaignId=37WXW">Subscriptions</a></li>

5258 </ul>

5259 </nav>

5260

5261 <div id="mobile-banner" class="mobile-banner hidden">

5262 <a class="banner-message" href="http://mobile.nytimes.com/">View Mobile Version</a>

5263 </div>

5264

5265 <div id="dfp-perf-test" class="ad hidden"></div>

5266</footer>

5267 </div><!-- close page -->

5268 </div><!-- close shell -->

5269 <script>

5270require(['foundation/main'], function () {

5271 require(['homepage/main']);

5272 require(['jquery/nyt', 'foundation/views/page-manager'], function ($, pageManager) {

5273 if (window.location.search.indexOf('disable_tagx') > 0) {

5274 return;

5275 }

5276 $(document).ready(function () {

5277 require(['https://a1.nyt.com/analytics/tagx-simple.min.js'], function () {

5278 pageManager.trackingFireEventQueue();

5279 });

5280 });

5281 });

5282});

5283</script>

5284<!--esi

5285<esi:include src="/appconfig/https/show-modal.js" />

5286-->

5287

5288 <div id="Inv1" class="ad inv1-ad hidden"></div>

5289<div id="Inv2" class="ad inv2-ad hidden"></div>

5290<div id="Inv3" class="ad inv3-ad hidden"></div>

5291<div id="ab1" class="ad ab1-ad hidden"></div>

5292<div id="ab2" class="ad ab2-ad hidden"></div>

5293<div id="ab3" class="ad ab3-ad hidden"></div>

5294<div id="prop1" class="ad prop1-ad hidden"></div>

5295<div id="prop2" class="ad prop2-ad hidden"></div>

5296<div id="Anchor" class="ad anchor-ad hidden"></div>

5297<div id="ADX_CLIENTSIDE" class="ad adx-clientside-ad hidden"></div>

5298</body>

5299</html>