CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=0.1, maximum-scale=10.0"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <title>Contact Us – Captioning and Accessibility</title> <link rel='dns-prefetch' href='//sites.mit.edu' /> <link rel="alternate" type="application/rss+xml" title="Captioning and Accessibility » Feed" href="https://accessibility.mit.edu/feed/" /> <link rel="alternate" type="application/rss+xml" title="Captioning and Accessibility » Comments Feed" href="https://accessibility.mit.edu/comments/feed/" /> <style id='wp-block-image-inline-css'> .wp-block-image a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media (prefers-reduced-motion:no-preference){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull a,.wp-block-image.alignwide a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} </style> <style id='wp-block-heading-inline-css'> h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} </style> <style id='wp-block-search-inline-css'> .wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{height:1.25em;min-height:24px;min-width:24px;width:1.25em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{appearance:none;border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{flex-shrink:0;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true]{max-width:calc(100% - 100px)}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right} </style> <style id='wp-block-navigation-link-inline-css'> .wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{border-top:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase} </style> <link rel='stylesheet' id='wp-block-navigation-css' href='https://sites.mit.edu/accessibility/wp-includes/blocks/navigation/style.min.css?ver=6.7.1' media='all' /> <style id='wp-block-group-inline-css'> .wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} </style> <style id='wp-block-post-title-inline-css'> .wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit} </style> <style id='wp-block-paragraph-inline-css'> .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} </style> <style id='wp-block-post-content-inline-css'> .wp-block-post-content{display:flow-root} </style> <style id='wp-block-library-inline-css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--base: #ffffff;--wp--preset--color--contrast: #000000;--wp--preset--color--primary: #750014;--wp--preset--color--secondary: #8b959e;--wp--preset--color--tertiary: #003167;--wp--preset--color--transparent: transparent;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: clamp(1.0rem, 1rem + ((1vw - 0.2rem) * 0.25), 1.125rem);--wp--preset--font-size--medium: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.25), 1.25rem);--wp--preset--font-size--large: clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 0.5), 1.5rem);--wp--preset--font-size--x-large: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 0.5), 2rem);--wp--preset--font-size--xx-large: clamp(2.25rem, 2.25rem + ((1vw - 0.2rem) * 1), 2.75rem);--wp--preset--font-family--system-ui: system-ui, sans-serif;--wp--preset--font-family--system-transitional: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;--wp--preset--font-family--system-old-style: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;--wp--preset--font-family--system-humanist: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;--wp--preset--font-family--system-geometric-humanist: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;--wp--preset--font-family--system-classical-humanist: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;--wp--preset--font-family--system-neo-grotesque: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;--wp--preset--font-family--system-monospace-slab-serif: 'Nimbus Mono PS', 'Courier New', monospace;--wp--preset--font-family--system-monospace-code: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;--wp--preset--font-family--system-industrial: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;--wp--preset--font-family--system-rounded-sans: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;--wp--preset--font-family--system-slab-serif: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;--wp--preset--font-family--system-antique: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;--wp--preset--font-family--system-didone: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;--wp--preset--font-family--system-handwritten: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;--wp--preset--spacing--20: 8px;--wp--preset--spacing--30: clamp(8px, 0.615px + 1.538vw, 16px);--wp--preset--spacing--40: clamp(12px, 0.923px + 2.308vw, 24px);--wp--preset--spacing--50: clamp(16px, 1.231px + 3.077vw, 32px);--wp--preset--spacing--60: clamp(32px, 17.231px + 3.077vw, 48px);--wp--preset--spacing--70: clamp(40px, 17.846px + 4.615vw, 64px);--wp--preset--spacing--80: clamp(64px, 34.462px + 6.154vw, 96px);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: 1120px;--wp--style--global--wide-size: 1120px; }:where(body) { margin: 0; }.wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); }.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 1rem; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 1rem; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1rem;}:root :where(.is-layout-grid){gap: 1rem;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: var(--wp--preset--color--base);color: var(--wp--preset--color--contrast);font-family: var(--wp--preset--font-family--system-neo-grotesque);font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.25), 1rem);font-style: normal;font-weight: 400;line-height: 1.4;--wp--style--root--padding-top: 0px;--wp--style--root--padding-right: var(--wp--preset--spacing--40);--wp--style--root--padding-bottom: 0px;--wp--style--root--padding-left: var(--wp--preset--spacing--40);}a:where(:not(.wp-element-button)){color: var(--wp--preset--color--primary);font-style: normal;font-weight: 600;text-decoration: underline;}:root :where(a:where(:not(.wp-element-button)):hover){color: var(--wp--preset--color--tertiary);}h1, h2, h3, h4, h5, h6{color: var(--wp--preset--color--contrast);}h1{font-size: clamp(1.502rem, 1.502rem + ((1vw - 0.2rem) * 1.996), 2.5rem);font-style: normal;font-weight: 300;line-height: 1.2;text-transform: none;}h2{font-size: clamp(0.918rem, 0.918rem + ((1vw - 0.2rem) * 0.924), 1.38rem);font-style: normal;font-weight: 700;line-height: 1.2;text-transform: none;}h3{font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.51), 1.13rem);font-style: normal;font-weight: 700;line-height: 1.2;text-transform: none;}h4{font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.25), 1rem);font-style: normal;font-weight: 600;text-transform: none;}h5{font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.25), 1rem);font-style: italic;font-weight: 600;text-transform: none;}h6{font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.25), 1rem);font-style: italic;font-weight: 400;text-transform: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: var(--wp--preset--color--primary);border-width: 0;color: var(--wp--preset--color--base);font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-tertiary-color{color: var(--wp--preset--color--tertiary) !important;}.has-transparent-color{color: var(--wp--preset--color--transparent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-background-color{background-color: var(--wp--preset--color--tertiary) !important;}.has-transparent-background-color{background-color: var(--wp--preset--color--transparent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-tertiary-border-color{border-color: var(--wp--preset--color--tertiary) !important;}.has-transparent-border-color{border-color: var(--wp--preset--color--transparent) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}.has-system-ui-font-family{font-family: var(--wp--preset--font-family--system-ui) !important;}.has-system-transitional-font-family{font-family: var(--wp--preset--font-family--system-transitional) !important;}.has-system-old-style-font-family{font-family: var(--wp--preset--font-family--system-old-style) !important;}.has-system-humanist-font-family{font-family: var(--wp--preset--font-family--system-humanist) !important;}.has-system-geometric-humanist-font-family{font-family: var(--wp--preset--font-family--system-geometric-humanist) !important;}.has-system-classical-humanist-font-family{font-family: var(--wp--preset--font-family--system-classical-humanist) !important;}.has-system-neo-grotesque-font-family{font-family: var(--wp--preset--font-family--system-neo-grotesque) !important;}.has-system-monospace-slab-serif-font-family{font-family: var(--wp--preset--font-family--system-monospace-slab-serif) !important;}.has-system-monospace-code-font-family{font-family: var(--wp--preset--font-family--system-monospace-code) !important;}.has-system-industrial-font-family{font-family: var(--wp--preset--font-family--system-industrial) !important;}.has-system-rounded-sans-font-family{font-family: var(--wp--preset--font-family--system-rounded-sans) !important;}.has-system-slab-serif-font-family{font-family: var(--wp--preset--font-family--system-slab-serif) !important;}.has-system-antique-font-family{font-family: var(--wp--preset--font-family--system-antique) !important;}.has-system-didone-font-family{font-family: var(--wp--preset--font-family--system-didone) !important;}.has-system-handwritten-font-family{font-family: var(--wp--preset--font-family--system-handwritten) !important;}/* font overrides until WP 6.5 */ body { font-family: Hind, sans-serif; } /****************************************************/ /***** Captioning & Accessibility Global Styles *****/ /***** Version 1.0 June 2024 *****/ /****************************************************/ /* global border-box */ *, *::before, *::after { box-sizing: border-box; } /* smooth scrolling */ html:has(body:not(.wp-admin)) { scroll-behavior: smooth; } /* visually hidden (but not on admin pages) */ body:not(.block-editor-iframe__body):not(.editor-styles-wrapper) .visually-hidden { position: absolute; z-index: 99999; clip: rect(1px,1px,1px,1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; } /******************/ /***** Header *****/ /******************/ /*** Header layout ***/ /* common */ .ca-header-inner { display: grid; } .ca-header-mitlogo { grid-area: mitlogo; } .ca-header-sitetitle { grid-area: sitetitle; } .ca-header-search { grid-area: search; } .ca-header-nav { grid-area: nav; } /* desktop */ @media (width >= 768px) { .ca-header-inner { padding-top: 20px; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; grid-template-areas: "mitlogo sitetitle search" "nav nav nav"; gap: 15px 20px; } .ca-header-mitlogo { justify-self: start; align-self: center; } .ca-header-sitetitle { justify-self: start; align-self: center; margin-left: 10%; } .ca-header-search { justify-self: end; align-self: center; } .ca-header-nav { justify-self: end; align-self: center; } } /* mobile */ @media (width < 768px) { .ca-header-inner { padding-block: 20px; grid-template-columns: auto 1fr auto; grid-template-rows: auto; grid-template-areas: "mitlogo sitetitle nav"; gap: 15px; } .ca-header-mitlogo { justify-self: start; align-self: center; } .ca-header-sitetitle { justify-self: center; align-self: center; text-align: center; } .ca-header-nav { justify-self: end; align-self: center; } } /*** MIT logo ***/ @media (width >= 768px) { .ca-header-mitlogo { width: 68px; } } @media (width < 768px) { .ca-header-mitlogo { width: 51px; } } .ca-header-mitlogo a { display: block; } /*** Site title ***/ .ca-header-sitetitle a { color: var(--wp--preset--color--contrast); text-decoration: none; } .ca-header-sitetitle a:is(:hover, :focus-visible) { color: var(--wp--preset--color--primary); } /*** Desktop search tool ***/ @media (width >= 768px) { .ca-header-search { width: 100%; max-width: 246px; margin-right: -6px; /* try to align magnifier with right edge of nav */ } /* container for controls */ .ca-header-search .wp-block-search__inside-wrapper { display: grid; grid-template-columns: 1fr max-content; gap: 2px; align-items: center; border: none; padding: 0; } .ca-header-search .wp-block-search__input { border: 3px solid var(--wp--preset--color--contrast); padding: 2px 6px 1px 6px; font-family: Hind, sans-serif; line-height: 1; } .ca-header-search .wp-block-search__button { padding: 0; margin: 0; color: var(--wp--preset--color--contrast); background-color: transparent; } .ca-header-search .wp-block-search__button svg { width: 2.5rem; height: 2.5rem; } } @media (width < 768px) { .ca-header-search { display: none; } } /*** Desktop navigation ***/ /* note that the class .ca-header-nav is placed both on the nav element and on the top level ul */ /* remove home link on home page */ body.home .ca-header-nav-home { display: none; } /* change menu breakpoint - see https://stackoverflow.com/questions/74956603 */ @media (width >= 768px) { .ca-header-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none !important; } .ca-header-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block !important; width: 100%; position: relative; z-index: auto; background-color: inherit; } } /* neutralize the wp default 600px breakpoint */ @media (width >= 600px) { .ca-header-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } .ca-header-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } } /* styles for desktop menu */ @media (width >= 768px) { /* black border */ nav.ca-header-nav { border: 3px solid var(--wp--preset--color--contrast); background-color: var(--wp--preset--color--base); } /* hide search tool */ .ca-header-nav-search { display: none; } /* top level ul */ .ca-header-nav .wp-block-navigation__container { display: flex; flex-flow: row wrap; gap: 0; } /* top level li */ .ca-header-nav .wp-block-navigation__container > .wp-block-navigation-item { flex: 1; display: flex; } /* top level a */ .ca-header-nav .wp-block-navigation__container > .wp-block-navigation-item > a { min-width: max-content; text-align: center; flex: 1 0 100%; color: var(--wp--preset--color--primary); padding: 0.625rem; } /* top level a hover, focus */ .ca-header-nav .wp-block-navigation__container > .wp-block-navigation-item > a:is(:hover, :focus-visible) { color: var(--wp--preset--color--base); background-color: var(--wp--preset--color--contrast); } /* top level current item or section */ .ca-header-nav .wp-block-navigation__container > .current-menu-item > a, .ca-header-nav .wp-block-navigation__container > .wp-block-navigation-item > a.current-menu-ancestor { color: var(--wp--preset--color--base); background-color: var(--wp--preset--color--contrast); } /* second level ul - not shown */ .ca-header-nav .has-child .wp-block-navigation__submenu-container { display: none !important; } } /*** Mobile navigation ***/ @media (width < 768px) { /* menu button */ .ca-header-nav .wp-block-navigation__responsive-container-open { border: 3px solid var(--wp--preset--color--contrast); border-radius: 6px; padding: 3px; } .ca-header-nav .wp-block-navigation__responsive-container-open svg { width: 2rem; height: 2rem; } /* change color on hover */ .ca-header-nav .wp-block-navigation__responsive-container a:is(:hover, :focus-visible) { color: var(--wp--preset--color--tertiary); } /* remove space above submenus */ .ca-header-nav .wp-block-navigation__responsive-container li ul { padding-top: 0 !important; } /* adjust submenu item spacing */ .ca-header-nav .wp-block-navigation__responsive-container li ul li { margin-top: 0.3125rem !important; line-height: 1.1; } /* mobile search */ .ca-header-nav-search { margin-top: 2rem; align-self: center; } /* container for controls */ .wp-block-search__inside-wrapper .wp-block-search__inside-wrapper { display: grid; grid-template-columns: 1fr max-content; gap: 10px; align-items: center; border: none; padding: 0; } .wp-block-search__inside-wrapper .wp-block-search__input { border: 3px solid var(--wp--preset--color--contrast); padding: 2px 6px 1px 6px; font-family: Hind, sans-serif; line-height: 1; } .wp-block-search__inside-wrapper .wp-block-search__button { padding: 0; margin: 0; color: var(--wp--preset--color--contrast); background-color: transparent; } .wp-block-search__inside-wrapper .wp-block-search__button svg { width: 2.5rem; height: 2.5rem; } } /****************/ /***** Body *****/ /****************/ /*** Header/body overlap ***/ @media (width >= 768px) { .ca-header { z-index: 9; } .ca-body { z-index: 1; margin-top: -1.5rem !important; } } /*** Breadcrumbs (created dynamically) ***/ .ca-breadcrumbs { padding: 2.25rem 0 1.125rem 0; min-height: 4.375rem; } .ca-breadcrumbs ul { margin: 0; padding: 0; list-style: none; display: flex; font-size: 0.875rem; line-height: 1rem; } .ca-breadcrumbs li { flex: 0 1 max-content; font-weight: 500; } .ca-breadcrumbs li:nth-last-child(n+2)::after { content: "\00a0/\00a0"; } @media (width < 768px) { .ca-breadcrumbs { padding: 1.125rem 0 1.125rem 0; min-height: 3.25rem; } .ca-breadcrumbs ul { flex-flow: row wrap; line-height: 1.4; } } /*** Body columns ***/ @media (width >= 768px) { .ca-body-columns { display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: auto auto; grid-template-areas: ". title" "navigation content"; } .ca-nav2-column { padding-right: 1rem; grid-area: navigation; } .ca-content-column { display: contents; } .ca-page-title { grid-area: title; padding-inline: 0.5rem; padding-block: 0.5rem 1.5rem; } .ca-page-content { grid-area: content; padding-inline: 0.5rem; margin-block-start: 0; } } @media (width < 768px) { .ca-nav2-column { display: none; } } /*** Secondary navigation ***/ /* common */ .ca-nav2 :is(ul, li) { display: block; margin: 0; padding: 0; list-style: none; } .ca-nav2 a { display: block; color: var(--wp--preset--color--primary); text-decoration: none; } .ca-nav2 a:is(:hover, :focus-visible) { color: var(--wp--preset--color--contrast); } .ca-nav2 a:is(:hover, :focus-visible), .ca-nav2 a:is(.current-menu-item, .current-menu-ancestor) { color: var(--wp--preset--color--contrast); } /* top level */ .ca-nav2 > ul > li { font-size: var(--wp--preset--font-size--small); font-weight: 600; line-height: 1.25; border-bottom: 1px solid var(--wp--preset--color--contrast); } .ca-nav2 > ul > li > a { position: relative; padding: 0.625rem 10px 0.625rem 1.5rem; } .ca-nav2 > ul > li > a::before { content: ''; display: inline-block; margin-left: -1.125rem; width: 0.625rem; height: 0.625rem; background-color: var(--wp--preset--color--contrast); border-radius: 50%; margin-right: 0.5rem; } /* lower level (only styled for one more level) */ .ca-nav2 > ul ul { padding-bottom: 0.5rem; } .ca-nav2 > ul ul li { font-size: 0.875rem; } .ca-nav2 > ul ul li a { padding: 0.25rem 10px 0.25rem 25px; } /* hide sub-submenus until needed */ .ca-nav2 > ul li:not(:is(.current-menu-item, .current-menu-ancestor)) ul { display: none; } /*** Content styles ***/ /* heading-paragraph space */ .ca-page-content :where(h2, h3) + :is(p, ul, ol, h2, h3, h4, h5, h6) { margin-block-start: 0.5rem; } .ca-page-content :where(h4, h5, h6) + :is(p, ul, ol, h2, h3, h4, h5, h6) { margin-block-start: 0; } /* margin above h2, h3 */ .ca-page-content :where(h2:not(:first-child)), .ca-page-content :where(h3:not(:first-child)) { margin-block-start: 1.25rem; } /* list item space */ .ca-page-content li:not(:first-child) { margin-block-start: 0.875rem; } /** Tables **/ .ca-captioning-service-table table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } .ca-captioning-service-table thead { border: none; } .ca-captioning-service-table tr { padding: 0.35em; vertical-align: top; } .ca-captioning-service-table tbody tr { border-bottom: 1px solid var(--wp--preset--color--contrast); } .ca-captioning-service-table :is(th, td) { padding: 0.625em; border: none; text-align: center; } .ca-captioning-service-table th { background-color: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); } .ca-captioning-service-table th + th { border-left: 1px solid var(--wp--preset--color--base); } .ca-captioning-service-table .td-left { text-align: left !important; } /* horizontal rule */ .ca-page-content hr { background-color: #e8e8e8; border-top: 1px solid #e8e8e8; } /** PDF and external links **/ .ca-page-content a.pdf .icon { display: inline-block; margin-left: 0.375rem; margin-right: 0.125rem; width: 0.75rem; height: 0.9375rem; background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMjUuNjY4NiAyNi4wOTYyQzI1LjE4MTIgMjYuMjQwMSAyNC40NjU2IDI2LjI1NjMgMjMuNjk4NCAyNi4xNDVDMjIuODc1IDI2LjAyNTYgMjIuMDM1MSAyNS43NzM5IDIxLjIwOTYgMjUuNDAzQzIyLjY4MTcgMjUuMTg4OCAyMy44MjM3IDI1LjI1NDggMjQuODAwNSAyNS42MDA5QzI1LjAzMTkgMjUuNjgyOSAyNS40MTIgMjUuOTAyMSAyNS42Njg2IDI2LjA5NjJaTTE3LjQ1NTIgMjQuNzQ1OUMxNy4zOTUzIDI0Ljc2MjIgMTcuMzM2MyAyNC43Nzc2IDE3LjI3NzYgMjQuNzkzOUMxNi44ODE1IDI0LjkwMTcgMTYuNDk2MSAyNS4wMDY5IDE2LjEyNDcgMjUuMTAwNUwxNS42MjM5IDI1LjIyNzVDMTQuNjE2NSAyNS40ODI0IDEzLjU4NjUgMjUuNzQyOCAxMi41NjkyIDI2LjA1MjlDMTIuOTU1OCAyNS4xMjA2IDEzLjMxNSAyNC4xNzggMTMuNjY2NyAyMy4yNTY0QzEzLjkyNzEgMjIuNTc0MiAxNC4xOTMgMjEuODc3MyAxNC40NjggMjEuMTg5NEMxNC42MDc1IDIxLjQxOTggMTQuNzUzMSAyMS42NTAzIDE0LjkwNDYgMjEuODgxNEMxNS41OTQ4IDIyLjkzMjYgMTYuNDYyNCAyMy45MDQ1IDE3LjQ1NTIgMjQuNzQ1OVpNMTQuODkyNyAxNC4yMzI2QzE0Ljk1OCAxNS4zODMgMTQuNzA5OCAxNi40ODk3IDE0LjM0NTcgMTcuNTUxNEMxMy44OTcyIDE2LjIzODYgMTMuNjg4MiAxNC43ODg5IDE0LjI0ODkgMTMuNjE4NUMxNC4zOTI3IDEzLjMxODUgMTQuNTEwNSAxMy4xNTgxIDE0LjU4NjkgMTMuMDc0NEMxNC43MDQ5IDEzLjI1NjYgMTQuODYwMSAxMy42NjQyIDE0Ljg5MjcgMTQuMjMyNlpNOS42MzM0NyAyOC44MDU0QzkuMzgxNDggMjkuMjU2MiA5LjEyNDI2IDI5LjY3ODIgOC44NjA2MyAzMC4wNzY3QzguMjI0NDIgMzEuMDM1NSA3LjE4MzkzIDMyLjA2MjEgNi42NDk0MSAzMi4wNjIxQzYuNTk2ODEgMzIuMDYyMSA2LjUzMzE2IDMyLjA1MzYgNi40NDAxNSAzMS45NTU0QzYuMzgwMjggMzEuODkyNiA2LjM3MDY5IDMxLjg0NzYgNi4zNzM1OSAzMS43ODYyQzYuMzkxNjEgMzEuNDMzNyA2Ljg1ODY3IDMwLjgwNTkgNy41MzUyNyAzMC4yMjM4QzguMTQ5MzkgMjkuNjk1NyA4Ljg0MzUyIDI5LjIyNjIgOS42MzM0NyAyOC44MDU0Wk0yNy4zNzA2IDI2LjE0NjFDMjcuMjg4OSAyNC45NzE5IDI1LjMxMjMgMjQuMjE4NiAyNS4yOTI4IDI0LjIxMTZDMjQuNTI4NyAyMy45NDA3IDIzLjY5ODYgMjMuODA5MSAyMi43NTUyIDIzLjgwOTFDMjEuNzQ1MyAyMy44MDkxIDIwLjY1NjUgMjMuOTU1MiAxOS4yNTgyIDI0LjI4MTlDMTguMDE0IDIzLjM5OTkgMTYuOTM5MiAyMi4yOTU3IDE2LjEzNjIgMjEuMDczM0MxNS43ODE2IDIwLjUzMzIgMTUuNDYyOCAxOS45OTQxIDE1LjE4NDkgMTkuNDY3NUMxNS44NjMzIDE3Ljg0NTQgMTYuNDc0MiAxNi4xMDEzIDE2LjM2MzIgMTQuMTQ3OUMxNi4yNzM3IDEyLjU4MTYgMTUuNTY3NCAxMS41Mjk1IDE0LjYwNjkgMTEuNTI5NUMxMy45NDggMTEuNTI5NSAxMy4zODA3IDEyLjAxNzUgMTIuOTE5NCAxMi45ODEzQzEyLjA5NjUgMTQuNjk4NyAxMi4zMTI4IDE2Ljg5NjIgMTMuNTYyIDE5LjUxODRDMTMuMTEyMSAyMC41NzUxIDEyLjY5NDEgMjEuNjcwNiAxMi4yODk1IDIyLjczMTFDMTEuNzg2MSAyNC4wNDk4IDExLjI2NzQgMjUuNDEwMyAxMC42ODI4IDI2LjcwNDVDOS4wNDMzNCAyNy4zNTMyIDcuNjk2NDggMjguMTM5OSA2LjU3NDAyIDI5LjEwNTdDNS44Mzg3IDI5LjczNzMgNC45NTIyMyAzMC43MDI4IDQuOTAxNjMgMzEuNzEwN0M0Ljg3NjkzIDMyLjE4NTQgNS4wMzk2OSAzMi42MjA3IDUuMzcwNDQgMzIuOTY5NUM1LjcyMTgzIDMzLjMzOTggNi4xNjMyOSAzMy41MzQ4IDYuNjQ4NyAzMy41MzU0QzguMjUxODkgMzMuNTM1NCA5Ljc5NDg5IDMxLjMzMjcgMTAuMDg3NiAzMC44OTA5QzEwLjY3NjcgMzAuMDAyOSAxMS4yMjgxIDI5LjAxMjQgMTEuNzY4NCAyNy44Njk5QzEzLjEyOTIgMjcuMzc4MSAxNC41Nzk0IDI3LjAxMSAxNS45ODUgMjYuNjU2MkwxNi40ODg0IDI2LjUyODNDMTYuODY2OCAyNi40MzIxIDE3LjI2MDEgMjYuMzI1NyAxNy42NjM1IDI2LjIxNTNDMTguMDkwNCAyNi4wOTk5IDE4LjUyOTYgMjUuOTgwMiAxOC45NzYgMjUuODY2NUMyMC40MTkzIDI2Ljc4NDQgMjEuOTcxNCAyNy4zODMxIDIzLjQ4NTEgMjcuNjAyOEMyNC43NjAxIDI3Ljc4ODMgMjUuODkyNCAyNy42ODA3IDI2LjY1ODkgMjcuMjgxMUMyNy4zNDg2IDI2LjkyMTkgMjcuMzg2NiAyNi4zNjc2IDI3LjM3MDYgMjYuMTQ2MVpNMzAuNDc1NSAzNi4yNDI4QzMwLjQ3NTUgMzguMzkzMiAyOC41ODAyIDM4LjUyNTggMjguMTk3OCAzOC41MzAxSDMuNzQ0ODZDMS42MDIyNCAzOC41MzAxIDEuNDczMjIgMzYuNjIxOCAxLjQ2OTEzIDM2LjI0MjhMMS40Njg4NCAzLjc1NjQyQzEuNDY4ODQgMS42MDM5IDMuMzY3NjMgMS40NzM0IDMuNzQ0NTcgMS40NjkwOEgyMC4yNjNMMjAuMjcxOCAxLjQ3NzhWNy45MjM5NkMyMC4yNzE4IDkuMjE3NjMgMjEuMDUzOSAxMS42NjY5IDI0LjAxNTggMTEuNjY2OUgzMC40MjAzTDMwLjQ3NTMgMTEuNzIxOEwzMC40NzU1IDM2LjI0MjhaTTI4Ljk1NzIgMTAuMTk3NkgyNC4wMTY5QzIxLjg3NDkgMTAuMTk3NiAyMS43NDUzIDguMjk5NjkgMjEuNzQyNCA3LjkyNDE3VjIuOTUzMDdMMjguOTU3MiAxMC4xOTc2Wk0zMS45NDQ3IDM2LjI0MjhWMTEuMTE1N0wyMS43NDI0IDAuODcxMDIyVjAuODIzMzU3SDIxLjY5MzZMMjAuODc0MiAwSDMuNzQ0OTFDMi40NDk1NCAwIDAgMC43ODUzMzYgMCAzLjc1NzExVjM2LjI0MzVDMCAzNy41NDI3IDAuNzgyOTU2IDQwIDMuNzQ0OTEgNDBIMjguMjAwMUMyOS40OTUyIDM5Ljk5OTcgMzEuOTQ0NyAzOS4yMTQzIDMxLjk0NDcgMzYuMjQyOFoiIGZpbGw9IiNFQjU3NTciLz48L3N2Zz4NCg=='); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; vertical-align: baseline; transform: translatey(2px); } .ca-page-content a.external .icon { display: inline-block; margin-left: 0.375rem; margin-right: 0.125rem; width: 0.875rem; height: 0.875rem; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjUgNSA1NSA1NSI+PHBhdGggZD0iTTQ4IDI2Yy0xLjEgMC0yIDAuOS0yIDJ2MjZIMTBWMThoMjZjMS4xIDAgMi0wLjkgMi0ycy0wLjktMi0yLTJIOGMtMS4xIDAtMiAwLjktMiAydjQwYzAgMS4xIDAuOSAyIDIgMmg0MGMxLjEgMCAyLTAuOSAyLTJWMjhDNTAgMjYuOSA0OS4xIDI2IDQ4IDI2eiI+PC9wYXRoPjxwYXRoIGQ9Ik01NiA2SDQ0Yy0xLjEgMC0yIDAuOS0yIDJzMC45IDIgMiAyaDcuMkwzMC42IDMwLjZjLTAuOCAwLjgtMC44IDIgMCAyLjhDMzEgMzMuOCAzMS41IDM0IDMyIDM0czEtMC4yIDEuNC0wLjZMNTQgMTIuOFYyMGMwIDEuMSAwLjkgMiAyIDJzMi0wLjkgMi0yVjhDNTggNi45IDU3LjEgNiA1NiA2eiI+PC9wYXRoPjwvc3ZnPg0K'); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; transform: translatey(2px); } /** Details block for FAQs **/ .wp-block-details > summary { display: flex; justify-content: space-between; align-items: start; gap: 2rem; border: 2px solid var(--wp--preset--color--primary); padding: 1rem; font-weight: 500; cursor: pointer; } .wp-block-details > summary :is(h2, h3, h4, h5, h6, p) { margin: 0; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; text-transform: inherit; color: inherit; } .wp-block-details > summary::marker { display: none; } .wp-block-details > summary::-webkit-details-marker { /* is this still needed? */ display: none; } .wp-block-details > summary::after { content: '\002b'; color: var(--wp--preset--color--primary); scale: 2; translate: 0 0.125rem; } .wp-block-details > summary:is(:hover, :focus-visible) { color: var(--wp--preset--color--base); background-color: var(--wp--preset--color--primary); } .wp-block-details > summary:is(:hover, :focus-visible)::after { color: var(--wp--preset--color--base); } .wp-block-details > :where(:not(summary)) { margin-inline: 1rem; opacity: 0; } /* details when open */ .wp-block-details[open] { padding-bottom: 1rem; } .wp-block-details[open] > summary { color: var(--wp--preset--color--base); background-color: var(--wp--preset--color--primary); } .wp-block-details[open] > summary::after { color: var(--wp--preset--color--base); } .wp-block-details[open] > summary::after { content: '\2212'; } .wp-block-details > :where(:not(summary)) { animation: detailsFadeIn 0.5s linear forwards; } @keyframes detailsFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /**********************/ /***** Front Page *****/ /**********************/ /* hide home page link in navigation */ .ca-header-front .ca-header-nav-home { display: none !important; } /* position background image */ .ca-body-front { background-position: 50% 50%; } /* content layout */ .ca-page-content-front { padding-block: 2rem; } .ca-home-linkboxes { margin-top: 2rem; } @media (width >= 768px) { .ca-page-content-front { padding-block: 3.5rem; } .ca-home-intro { width: 80%; } .ca-home-linkboxes { margin-top: 2.5rem; } } /* link boxes */ .ca-home-linkboxes ul { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: column nowrap; gap: 1.25rem; } .ca-home-linkboxes li { display: contents; } .ca-home-linkboxes a { display: block; position: relative; border-width: 15px 3px 3px 3px; border-style: solid; border-color: var(--wp--preset--color--primary); background-color: var(--wp--preset--color--base); padding: 1rem 1rem 4rem 1rem; color: var(--wp--preset--color--contrast); text-decoration: none; } .ca-home-linkboxes a::after { content: ''; position: absolute; left: 1rem; bottom: 1rem; width: 1.25rem; height: 1.25rem; background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSI0IDQgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMTJIMThNMTggMTJMMTMgN00xOCAxMkwxMyAxNyIgc3Ryb2tlPSIjNzUwMDE0IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=='); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .ca-home-linkboxes a em { font-size: 80%; font-style: normal; font-weight: 400; opacity: 0.7; white-space: nowrap; } .ca-home-linkboxes a:is(:hover, :focus-visible) { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); } .ca-home-linkboxes a:is(:hover, :focus-visible)::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSI0IDQgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMTJIMThNMTggMTJMMTMgN00xOCAxMkwxMyAxNyIgc3Ryb2tlPSIjRkZGRkZGIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=='); } .ca-home-linkboxes a:is(:hover, :focus-visible) em { opacity: 1; } @media (width >= 768px) { .ca-home-linkboxes ul { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3%; } } </style> <style id='core-block-supports-inline-css'> .wp-elements-4969d778d3587c3dc0ec3b1ffb9b84c3 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--contrast);}.wp-container-core-group-is-layout-1 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-1 > * + *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-2 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-2 > * + *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-4 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-4 > * + *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-6 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-6 > * + *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-7 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-7 > * + *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-9 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-9 > * + *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-10 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-10 > * + *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-11 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-11 > * + *{margin-block-start:0;margin-block-end:0;} </style> <style id='wp-block-template-skip-link-inline-css'> .skip-link.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .skip-link.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } </style> <script id="jquery-core-js-extra"> var msreader_featured_posts = {"saving":"Saving...","post_featured":"This post is featured","feature":"Feature","unfeature":"Unfeature"}; </script> <script src="https://accessibility.mit.edu/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://accessibility.mit.edu/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script id="jquery-js-after"> var ajaxurl = 'https://accessibility.mit.edu/wp-admin/admin-ajax.php'; </script> <link rel="https://api.w.org/" href="https://accessibility.mit.edu/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://accessibility.mit.edu/wp-json/wp/v2/pages/56" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://accessibility.mit.edu/xmlrpc.php?rsd" /> <meta name="generator" content="Captioning and Accessibility 6.7.1 - https://accessibility.mit.edu" /> <link rel="canonical" href="https://accessibility.mit.edu/digital-accessibility/contact-us/" /> <link rel='shortlink' href='https://accessibility.mit.edu/?p=56' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://accessibility.mit.edu/wp-json/oembed/1.0/embed?url=https%3A%2F%2Faccessibility.mit.edu%2Fdigital-accessibility%2Fcontact-us%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://accessibility.mit.edu/wp-json/oembed/1.0/embed?url=https%3A%2F%2Faccessibility.mit.edu%2Fdigital-accessibility%2Fcontact-us%2F&format=xml" /> <style> @media screen and (max-width: 782px) { #wpadminbar li#wp-admin-bar-log-in, #wpadminbar li#wp-admin-bar-register { display: block; } #wpadminbar li#wp-admin-bar-log-in a, #wpadminbar li#wp-admin-bar-register a { padding: 0 8px; } } </style> <script type="text/javascript"> var jQueryMigrateHelperHasSentDowngrade = false; window.onerror = function( msg, url, line, col, error ) { // Break out early, do not processing if a downgrade reqeust was already sent. if ( jQueryMigrateHelperHasSentDowngrade ) { return true; } var xhr = new XMLHttpRequest(); var nonce = 'd20bfa9b60'; var jQueryFunctions = [ 'andSelf', 'browser', 'live', 'boxModel', 'support.boxModel', 'size', 'swap', 'clean', 'sub', ]; var match_pattern = /\)\.(.+?) is not a function/; var erroredFunction = msg.match( match_pattern ); // If there was no matching functions, do not try to downgrade. if ( null === erroredFunction || typeof erroredFunction !== 'object' || typeof erroredFunction[1] === "undefined" || -1 === jQueryFunctions.indexOf( erroredFunction[1] ) ) { return true; } // Set that we've now attempted a downgrade request. jQueryMigrateHelperHasSentDowngrade = true; xhr.open( 'POST', 'https://accessibility.mit.edu/wp-admin/admin-ajax.php' ); xhr.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' ); xhr.onload = function () { var response, reload = false; if ( 200 === xhr.status ) { try { response = JSON.parse( xhr.response ); reload = response.data.reload; } catch ( e ) { reload = false; } } // Automatically reload the page if a deprecation caused an automatic downgrade, ensure visitors get the best possible experience. if ( reload ) { location.reload(); } }; xhr.send( encodeURI( 'action=jquery-migrate-downgrade-version&_wpnonce=' + nonce ) ); // Suppress error alerts in older browsers return true; } </script> <style type="text/css" id="branda-admin-bar"> #wpadminbar .ub_admin_bar_image{ max-width: 100%; max-height: 28px; padding: 2px 0; } #wpadminbar .ub-menu-item.dashicons { font-family: dashicons; top: 2px; } </style><script type="importmap" id="wp-importmap"> {"imports":{"@wordpress\/interactivity":"https:\/\/accessibility.mit.edu\/wp-includes\/js\/dist\/script-modules\/interactivity\/index.min.js?ver=06b8f695ef48ab2d9277"}} </script> <script type="module" src="https://accessibility.mit.edu/wp-includes/js/dist/script-modules/block-library/navigation/view.min.js?ver=8ff192874fc8910a284c" id="@wordpress/block-library/navigation/view-js-module"></script> <link rel="modulepreload" href="https://accessibility.mit.edu/wp-includes/js/dist/script-modules/interactivity/index.min.js?ver=06b8f695ef48ab2d9277" id="@wordpress/interactivity-js-modulepreload">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-230LN9FWEQ&l=beehiveDataLayer"></script> <script> window.beehiveDataLayer = window.beehiveDataLayer || []; function gaplusu() {beehiveDataLayer.push(arguments);} gaplusu('js', new Date()) gaplusu('config', 'G-230LN9FWEQ', { 'anonymize_ip': false, 'allow_google_signals': false, }) </script> <style type="text/css"> /* <![CDATA[ */ img.latex { vertical-align: middle; border: none; } /* ]]> */ </style> <link rel="icon" href="https://accessibility.mit.edu/files/2024/06/cropped-mit-favicon-black-on-white-512sq-32x32.png" sizes="32x32" /> <link rel="icon" href="https://accessibility.mit.edu/files/2024/06/cropped-mit-favicon-black-on-white-512sq-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://accessibility.mit.edu/files/2024/06/cropped-mit-favicon-black-on-white-512sq-180x180.png" /> <meta name="msapplication-TileImage" content="https://accessibility.mit.edu/files/2024/06/cropped-mit-favicon-black-on-white-512sq-270x270.png" /> <style type="text/css">#wp-admin-bar-abm-login{display:block!important}body .wp-video-shortcode video,body video.wp-video-shortcode{margin:0;padding:0;background:0 0;border:none;box-shadow:none;min-width:0;height:auto;min-height:0}.screen-reader-text:not(button){clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}</style></head> <body class="page-template-default page page-id-56 page-child parent-pageid-26 wp-embed-responsive"> <div class="wp-site-blocks"> <div class="wp-block-group ca-outer-page is-layout-flow wp-container-core-group-is-layout-11 wp-block-group-is-layout-flow" style="min-height:100vh;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"> <header class="wp-block-group ca-header has-global-padding is-layout-constrained wp-container-core-group-is-layout-2 wp-block-group-is-layout-constrained" style="border-top-color:var(--wp--preset--color--primary);border-top-width:22px"> <div class="wp-block-group ca-header-inner is-layout-flow wp-container-core-group-is-layout-1 wp-block-group-is-layout-flow"> <figure class="wp-block-image size-full is-resized ca-header-mitlogo"><a href="https://web.mit.edu/" target="_blank" rel="noreferrer noopener"><img width="1360" height="720" src="https://accessibility.mit.edu/files/2024/06/mit_logo_std_rgb_black_crop.svg" alt="Massachusetts Institute of Technology" class="wp-image-63" style="width:68px"/></a></figure> <h2 class="wp-block-heading ca-header-sitetitle has-contrast-color has-text-color has-link-color wp-elements-4969d778d3587c3dc0ec3b1ffb9b84c3" style="font-size:clamp(1.055rem, 1.055rem + ((1vw - 0.2rem) * 1.15), 1.63rem);font-style:normal;font-weight:600;line-height:1"><a href="https://accessibility.mit.edu/" data-type="page" data-id="7">Captioning & Accessibility</a></h2> <form role="search" method="get" action="https://accessibility.mit.edu/" class="wp-block-search__button-outside wp-block-search__icon-button ca-header-search wp-block-search" ><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-1" style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.25), 1rem)">Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="Search" value="" type="search" name="s" required style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.25), 1rem)"/><button aria-label="Go" class="wp-block-search__button has-icon wp-element-button" type="submit" style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.25), 1rem)"><svg class="search-icon" viewBox="0 0 24 24" width="24" height="24"> <path d="M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path> </svg></button></div></form> <nav style="font-style:normal;font-weight:600;line-height:1.25;" class="has-text-color has-primary-color has-small-font-size is-responsive ca-header-nav wp-block-navigation is-layout-flex wp-block-navigation-is-layout-flex" aria-label="CA Main Menu" data-wp-interactive="core/navigation" data-wp-context='{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}'><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open " data-wp-on-async--click="actions.openMenuOnClick" data-wp-on--keydown="actions.handleMenuKeydown" ><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 5v1.5h14V5H5zm0 7.8h14v-1.5H5v1.5zM5 19h14v-1.5H5V19z" /></svg></button> <div class="wp-block-navigation__responsive-container " id="modal-3" data-wp-class--has-modal-open="state.isMenuOpen" data-wp-class--is-menu-open="state.isMenuOpen" data-wp-watch="callbacks.initMenu" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on-async--focusout="actions.handleMenuFocusout" tabindex="-1" > <div class="wp-block-navigation__responsive-close" tabindex="-1"> <div class="wp-block-navigation__responsive-dialog" data-wp-bind--aria-modal="state.ariaModal" data-wp-bind--aria-label="state.ariaLabel" data-wp-bind--role="state.roleAttribute" > <button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" data-wp-on-async--click="actions.closeMenuOnClick" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="m13.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button> <div class="wp-block-navigation__responsive-container-content" data-wp-watch="callbacks.focusFirstElement" id="modal-3-content"> <ul style="font-style:normal;font-weight:600;line-height:1.25;" class="wp-block-navigation__container has-text-color has-primary-color has-small-font-size is-responsive ca-header-nav wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item ca-header-nav-home menu-trail-ignore wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/"><span class="wp-block-navigation-item__label">Home</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/campus-resources/"><span class="wp-block-navigation-item__label">Campus Resources</span></a></li><li data-wp-context="{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu" }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on-async--mouseenter="actions.openMenuOnHover" data-wp-on-async--mouseleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" class="has-small-font-size wp-block-navigation-item has-child wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/captioning/">Captioning</a><ul class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/captioning/mit-nad-agreement/"><span class="wp-block-navigation-item__label">MIT-NAD Agreement</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/captioning/ways-to-get-your-video-captioned/"><span class="wp-block-navigation-item__label">Ways to Get Your Video Captioned (MIT only)</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/captioning/training-resources-captioning/"><span class="wp-block-navigation-item__label">Training & Resources on Captioning (MIT only)</span></a></li><li class="has-small-font-size wp-block-navigation-item has-child wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/captioning/frequently-asked-questions/">Frequently Asked Questions (MIT only)</a><ul class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/captioning/frequently-asked-questions/scope-questions/"><span class="wp-block-navigation-item__label">Scope Questions</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/captioning/frequently-asked-questions/timeline-questions/"><span class="wp-block-navigation-item__label">Timeline Questions</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/captioning/frequently-asked-questions/captioning-standards-and-technical-details/"><span class="wp-block-navigation-item__label">Captioning Standards and Technical Details</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/captioning/frequently-asked-questions/accessibility-link-and-public-captioning-requests/"><span class="wp-block-navigation-item__label">Accessibility Link and Public Captioning Requests</span></a></li></ul></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/captioning/contact/"><span class="wp-block-navigation-item__label">Contact (MIT only)</span></a></li></ul></li><li class="has-small-font-size wp-block-navigation-item has-child wp-block-navigation-submenu"><a class="wp-block-navigation-item__content current-menu-ancestor" href="https://accessibility.mit.edu/digital-accessibility/">Digital Accessibility</a><ul class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/digital-accessibility/tools/"><span class="wp-block-navigation-item__label">Tools</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/digital-accessibility/training/"><span class="wp-block-navigation-item__label">Training</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/digital-accessibility/presentations/"><span class="wp-block-navigation-item__label">Presentations</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/digital-accessibility/it-procurement/"><span class="wp-block-navigation-item__label">IT Procurement</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/digital-accessibility/accessibility-remote-teaching-tools/"><span class="wp-block-navigation-item__label">Accessibility of Remote Teaching Tools</span></a></li><li class="has-small-font-size wp-block-navigation-item current-menu-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://accessibility.mit.edu/digital-accessibility/contact-us/" aria-current="page"><span class="wp-block-navigation-item__label">Contact Us</span></a></li></ul></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://mit.co1.qualtrics.com/jfe/form/SV_bfL80IdctDylEqx" target="_blank" ><span class="wp-block-navigation-item__label">Accessibility Request Form</span></a></li></ul><form role="search" method="get" action="https://accessibility.mit.edu/" class="wp-block-search__button-outside wp-block-search__icon-button ca-header-nav-search wp-block-search" ><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-2" style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.25), 1rem)">Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="Search" value="" type="search" name="s" required style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.25), 1rem)"/><button aria-label="Go" class="wp-block-search__button has-icon wp-element-button" type="submit" style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.25), 1rem)"><svg class="search-icon" viewBox="0 0 24 24" width="24" height="24"> <path d="M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path> </svg></button></div></form> </div> </div> </div> </div></nav></div> </header> <div class="wp-block-group ca-body has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="border-top-color:var(--wp--preset--color--contrast);border-top-width:1px;min-height:50vh;padding-bottom:var(--wp--preset--spacing--60)"> <div class="wp-block-group ca-body-inner is-layout-flow wp-container-core-group-is-layout-7 wp-block-group-is-layout-flow"> <div class="wp-block-group ca-breadcrumbs is-layout-flow wp-block-group-is-layout-flow">  </div> <div class="wp-block-group ca-body-columns is-layout-flow wp-container-core-group-is-layout-6 wp-block-group-is-layout-flow"> <div class="wp-block-group ca-nav2-column is-layout-flow wp-container-core-group-is-layout-4 wp-block-group-is-layout-flow">  </div> <main class="wp-block-group ca-content-column is-layout-flow wp-block-group-is-layout-flow"><h1 style="font-size:clamp(1.502rem, 1.502rem + ((1vw - 0.2rem) * 1.996), 2.5rem);font-style:normal;font-weight:300;line-height:1.2;" class="ca-page-title wp-block-post-title">Contact Us</h1> <div class="entry-content ca-page-content wp-block-post-content is-layout-flow wp-block-post-content-is-layout-flow"> <p>For information related to digital accessibility, please contact:</p> <p>Disability and Access Services<br>Accessibility & User Experience<br>77 Massachusetts Avenue<br>7-143<br>Cambridge, MA 02139</p> <p><a href="mailto:accessibility@mit.edu">accessibility@mit.edu</a></p> </div></main> </div> </div> </div> <footer class="wp-block-group ca-footer has-global-padding is-layout-constrained wp-container-core-group-is-layout-10 wp-block-group-is-layout-constrained"> <div class="wp-block-group ca-footer-inner is-layout-flow wp-container-core-group-is-layout-9 wp-block-group-is-layout-flow" style="border-top-color:var(--wp--preset--color--primary);border-top-width:5px;min-height:6rem;margin-top:0;margin-bottom:0;padding-top:0.88rem;padding-right:0.5rem;padding-bottom:0.88rem;padding-left:0.5rem"> <p class="ca-footer-content"><a href="http://studentlife.mit.edu/" target="_blank" rel="noreferrer noopener">Division of Student Life</a> | Massachusetts Institute of Technology</p> </div> </footer> </div> </div> <script id="wp-block-template-skip-link-js-after"> ( function() { var skipLinkTarget = document.querySelector( 'main' ), sibling, skipLinkTargetID, skipLink; // Early exit if a skip-link target can't be located. if ( ! skipLinkTarget ) { return; } /* * Get the site wrapper. * The skip-link will be injected in the beginning of it. */ sibling = document.querySelector( '.wp-site-blocks' ); // Early exit if the root element was not found. if ( ! sibling ) { return; } // Get the skip-link target's ID, and generate one if it doesn't exist. skipLinkTargetID = skipLinkTarget.id; if ( ! skipLinkTargetID ) { skipLinkTargetID = 'wp--skip-link--target'; skipLinkTarget.id = skipLinkTargetID; } // Create the skip link. skipLink = document.createElement( 'a' ); skipLink.classList.add( 'skip-link', 'screen-reader-text' ); skipLink.href = '#' + skipLinkTargetID; skipLink.innerHTML = 'Skip to content'; // Inject the skip link. sibling.parentElement.insertBefore( skipLink, sibling ); }() ); </script> <script id="blog_templates_front-js-extra"> var blog_templates_params = {"type":"screenshot_plus"}; </script> <script src="https://accessibility.mit.edu/wp-content/plugins/blogtemplates//blogtemplatesfiles/assets/js/front.js?ver=2.6.8.2" id="blog_templates_front-js"></script> <script> // // Menu highlighting and breadcrumb // // The following makes sure that the current page's menu item and its // parents are properly marked with highlighting classes, builds // a breadcrumb based on the current page's ancestor menu items, // and build the secondary navigation for the current section. // document.addEventListener('DOMContentLoaded', function() { // Parameters // const menuRootSelector = 'ul.ca-header-nav'; // where to find the main menu const breadcrumbTargetSelector = '.ca-breadcrumbs'; // where to put the breadcrumbs const breadcrumbIncludeHome = true; // include "Home" in breadcrumb? (true/false) const breadcrumbIncludeCurrent = true; // include current page in breadcrumb? (true/false) const breadcrumbHomeSelector = '.ca-header-sitetitle a'; // where to get the link to the home page const nav2TargetSelector = '.ca-nav2-column'; // where to put secondary navigation // Get the menu trail leading to the current page // const menuTrail = getMenuTrail(); // Use menu trail to mark current and ancestor items in menu // menuHighlight(menuTrail); // Use menu trail to create breadcrumb // if (breadcrumbTargetSelector) { createBreadcrumbs(menuTrail); } // Create secondary navigation // if (nav2TargetSelector) { createSecondaryNav(menuTrail); } // // getMenuTrail() // Get the menu trail to the current page. // Returns an array of objects, starting with the current menu item // and leading back to the top level menu. Each object contains: // link: menu item link element // type: 'current' for link to current page, or 'ancestor' for an ancestor page link // Note that the first item in the array corresponds to the current page // (or closest ancestor in the menu), and the last item is the top level menu ancestor // function getMenuTrail() { const menuTrail = []; // Get the current page path without anchors or query parameters const currentPagePath = window.location.pathname.replace(/\/$/, ''); // remove trailing slash // Get all menu links const menuLinks = document.querySelectorAll(menuRootSelector + ' li:not(.menu-trail-ignore) a'); // Iterate through each menu link to look for an exact match for (const menuLink of menuLinks) { const menuLinkPath = menuLink.pathname.replace(/\/$/, ''); // Check if the menu item's path matches the current page path if (currentPagePath === menuLinkPath) { let parentMenuItem = menuLink.closest('li') // Add to array menuTrail.push({ 'item': parentMenuItem, 'link': menuLink, 'type': 'current' }); // add all ancestors to array parentMenuItem = parentMenuItem.parentNode.closest('li'); while (parentMenuItem) { menuTrail.push({ 'item': parentMenuItem, 'link': parentMenuItem.querySelector(':scope > a'), 'type': 'ancestor' }); parentMenuItem = parentMenuItem.parentNode.closest('li'); } return menuTrail; } } // No exact match found, so look for nearest ancestor match by // removing one path fragment at a time const currentPathFrags = currentPagePath.split('/'); // beware: first element is empty string for (let i = currentPathFrags.length - 2; i > 0; i--) { const path = currentPathFrags.slice(0, i + 1).join('/'); for (const menuLink of menuLinks) { const menuLinkPath = menuLink.pathname.replace(/\/$/, ''); if (menuLinkPath === path) { let parentMenuItem = menuLink.closest('li') // Add to array menuTrail.push({ 'item': parentMenuItem, 'link': menuLink, 'type': 'ancestor' }); // add all ancestors to array parentMenuItem = parentMenuItem.parentNode.closest('li'); while (parentMenuItem) { menuTrail.push({ 'item': parentMenuItem, 'link': parentMenuItem.querySelector(':scope > a'), 'type': 'ancestor' }); parentMenuItem = parentMenuItem.parentNode.closest('li'); } return menuTrail; } } } return menuTrail; } // // menuHighlight() // Add classes to highlight the current menu trail. // Note that WordPress marks the current menu item's 'li' tag with 'current-menu-item', // but for ancestors marks the 'a' tag. // Here we also add a data-menutrail attribute with value 'current' or 'ancestor' to // both the link (a) and list item (li) elements. // function menuHighlight(menuTrail) { for (const mitem of menuTrail) { if (mitem.link) { if (mitem.type === 'current') { mitem.item.classList.add('current-menu-item'); mitem.item.setAttribute('data-menutrail', 'current'); mitem.link.setAttribute('data-menutrail', 'current'); } else if (mitem.type === 'ancestor') { mitem.link.classList.add('current-menu-ancestor'); mitem.item.setAttribute('data-menutrail', 'ancestor'); mitem.link.setAttribute('data-menutrail', 'ancestor'); } } } } // // createBreadcrumbs() // Adds a breadcrumb trail to the page. // There must exist an outer container for the breadcrumbs, findable with // the selector breadcrumbTargetSelector. // function createBreadcrumbs(menuTrail) { // create inner containers const navEl = document.createElement('nav'); const listEl = document.createElement('ul'); navEl.setAttribute('aria-label', 'Breadcrumbs'); // If we want a Home link, start with that // if (breadcrumbIncludeHome) { const homeLinkEl = document.querySelector(breadcrumbHomeSelector); if (homeLinkEl) { const linkEl = document.createElement('a'); linkEl.appendChild(document.createTextNode('Home')); linkEl.href = homeLinkEl.href; const itemEl = document.createElement('li'); itemEl.appendChild(linkEl); listEl.appendChild(itemEl); } } // Add other links from menu trail // for (let i = menuTrail.length - 1; i >= 0; i--) { if (menuTrail[i].link && menuTrail[i].type != 'current') { const linkEl = document.createElement('a'); linkEl.appendChild(document.createTextNode(menuTrail[i].link.text)); linkEl.href = menuTrail[i].link.href; const itemEl = document.createElement('li'); itemEl.appendChild(linkEl); listEl.appendChild(itemEl); } else if (breadcrumbIncludeCurrent && menuTrail[i].type == 'current') { const itemEl = document.createElement('li'); itemEl.appendChild(document.createTextNode(menuTrail[i].link.text)); listEl.appendChild(itemEl); } } // If anything has been added to inner container, insert into outer container const containerEl = document.querySelector(breadcrumbTargetSelector); if (containerEl && listEl.childNodes.length > 0) { navEl.appendChild(listEl); containerEl.appendChild(navEl); } // otherwise mark container as empty else if (containerEl) { containerEl.classList.add('empty'); } } // // createSecondaryNav() // Adds secondary navigation to the page. // There must exist an outer container for the secondary nav, findable with // the selector nav2TargetSelector. // function createSecondaryNav(menuTrail) { // find secondary nav container const containerEl = document.querySelector(nav2TargetSelector); if (containerEl && menuTrail.length > 0) { // find submenu of current top level menu item const sectionNav = menuTrail[menuTrail.length-1].item.querySelector(':scope > ul'); if (sectionNav) { // create clone of submenu const cloneNav = sectionNav.cloneNode(true); // remove all classes and styles cloneNav.removeAttribute('class'); cloneNav.removeAttribute('style'); cloneNav.querySelectorAll('*').forEach(el => { el.removeAttribute('class'); el.removeAttribute('style'); }); // add back current/ancestor classes cloneNav.querySelectorAll('li, a').forEach(el => { if (el.getAttribute('data-menutrail') === 'current') { el.classList.add('current-menu-item'); } if (el.getAttribute('data-menutrail') === 'ancestor') { el.classList.add('current-menu-ancestor'); } }); // add menu to page const navEl = document.createElement('nav'); navEl.classList.add('ca-nav2'); navEl.setAttribute('aria-label', 'Section navigation'); navEl.appendChild(cloneNav); containerEl.appendChild(navEl); return; } } // no secondary nav, so mark container as empty if (containerEl) { containerEl.classList.add('empty'); } } }); // // Link icons and targets // // The following checks all links in the main text area and... // - adds classes as follows: // - link to PDF file: "pdf" // - link to other MIT site, not this one: "mit" // - link to non-MIT site: "external" // - target="_blank" is added to all of the above // - a span with class "icon" is appended to pdf and external links // document.addEventListener('DOMContentLoaded', function() { // Get all links in content area // const links = document.querySelectorAll('.ca-page-content a'); // Tags allowed within links // (links containing images, for example, are skipped) // const allowedTags = ['b', 'strong', 'i', 'em', 'span']; // Iterate through links and add classes and targets // links.forEach(function(linkEl) { // get href const href = linkEl.getAttribute('href'); // check if href is present and starts with http:// or https:// if (href && (href.startsWith('http://') || href.startsWith('https://'))) { // check if the link contains only text or allowed tags let isValidLink = true; for (var i = 0; i < linkEl.childNodes.length; i++) { const node = linkEl.childNodes[i]; if (node.nodeType === Node.TEXT_NODE) { continue; // Text node } else if (node.nodeType === Node.ELEMENT_NODE && !allowedTags.includes(node.tagName.toLowerCase())) { isValidLink = false; break; } } // if valid href, add classes and target based on href // also add spans for icons to PDF and external links if (isValidLink) { const spanEl = document.createElement('span'); spanEl.classList.add('icon'); if (href.includes('.pdf')) { linkEl.classList.add('pdf'); linkEl.setAttribute('target', '_blank'); //linkEl.insertBefore(spanEl, linkEl.firstChild); linkEl.appendChild(spanEl); } else if (href.includes(window.location.hostname)) { /* link within site, do nothing */ } else if (href.includes('mit.edu')) { linkEl.classList.add('mit'); linkEl.setAttribute('target', '_blank'); } else { linkEl.classList.add('external'); linkEl.setAttribute('target', '_blank'); linkEl.appendChild(spanEl); } } } }); }); // // Accessibility adjustments // // The following makes some accessibility adjustments: // - change unnecessary figure elements to divs // - MIT logo in header // - tables // - videos // - add heading tags to details elements (as on FAQ pages) // document.addEventListener('DOMContentLoaded', function() { // General-purpose function to change elements from one tag to another // function changeElements(selector, newTagName) { // get elements matching selector const els = document.querySelectorAll(selector); // iterate through elements els.forEach(function(el) { // create new element with the specified tag name var newEl = document.createElement(newTagName); // copy attributes for (let i = 0; i < el.attributes.length; i++) { const attr = el.attributes[i]; newEl.setAttribute(attr.name, attr.value); } // move all child nodes to new element while (el.firstChild) { newEl.appendChild(el.firstChild); } // replace the original element el.parentNode.replaceChild(newEl, el); }); } // Replace certain figure tags on CA site // changeElements('figure.ca-header-mitlogo', 'div'); changeElements('figure.ca-captioning-service-table', 'div'); changeElements('figure.wp-block-embed:not(:has(figcaption))', 'div'); changeElements('figure.wp-block-image:not(:has(figcaption))', 'div'); // General-purpose function to wrap children of elements in a new tag // function wrapChildElements(selector, newTagName, newTagClass = '') { // get elements matching selector const els = document.querySelectorAll(selector); // iterate through elements els.forEach(function(el) { // create new element with the specified tag name var newEl = document.createElement(newTagName); // set new element classname if (newTagClass) { newEl.classList.add(newTagClass); } // move all child nodes to new element while (el.firstChild) { newEl.appendChild(el.firstChild); } // add new element to original element el.appendChild(newEl); }); } // Wrap heading around summary text // wrapChildElements('.ca-page-content .wp-block-details summary', 'h2'); }); </script> </body> </html>