---
title: "The cost of inaccessibility: Why events must prioritise accessibility"
description: "Accessibility is still a pending task in the events industry. Oddmund Braaten explains why it shouldn"
image: https://www.interprefy.com/hubfs/Blog%20Header%202023%20Accessibility%20Oddmund.jpg
canonical: https://www.interprefy.com/resources/press/companynews/the-cost-of-inaccessibility-why-events-must-prioritise-accessibility
url: https://ai.interprefy.com/resources/press/companynews/the-cost-of-inaccessibility-why-events-must-prioritise-accessibility.md
last_converted: 2026-10-21T12:31:52.203Z
---

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "VideoObject",
      "caption": {
        "@type": "MediaObject",
        "contentUrl": "https://www.interprefy.com/media-transcripts/159495977591/en.vtt",
        "inLanguage": "en",
        "name": "en Captions"
      },
      "contentUrl": "https://6564114.fs1.hubspotusercontent-na1.net/hubfs/6564114/What%20Is%20Interprefy.mp4",
      "dateModified": "2025-09-16T13:30:13.207Z",
      "duration": "PT2M46.24S",
      "height": 2160,
      "name": "What Is Interprefy",
      "thumbnailUrl": "https://6564114.fs1.hubspotusercontent-na1.net/hubfs/6564114/What%20Is%20Interprefy.mp4/medium.jpg",
      "uploadDate": "2024-03-05T12:28:36.137Z",
      "width": 3840
    }
  ]
}
```

. `content:none` is the default, so a
blog with no entry below simply gets no pill rather than a wrong or empty
one — add a line for each new blog that adopts this stylesheet. */
body.hs-blog-listing.hs-blog-id-18068290575 .subscribe-strip-left::before{content:"Learning area"}  /* Learning Area / blog */
body.hs-blog-listing.hs-blog-id-30970945904 .subscribe-strip-left::before{content:"Company news"}   /* Press / Company News */

body.hs-blog-listing .subscribe-strip-left::before{
content:none;
display:inline-flex;align-items:center;gap:8px;
font-family:var(--f-ui);font-size:12px;font-weight:600;
letter-spacing:.14em;text-transform:uppercase;
color:rgba(255,255,255,.82);
background:rgba(255,255,255,.07);
border:1px solid var(--line-d);
border-radius:999px;padding:7px 15px;margin:0 0 20px;
}
body.hs-blog-listing .subscribe-strip-left h1{
font-family:var(--f-head) !important;
font-size:clamp(34px,5vw,64px) !important;
line-height:1.05 !important;
font-weight:700 !important;
letter-spacing:-.025em;
color:var(--white) !important;
margin:0 0 16px !important;
text-wrap:balance;
}
body.hs-blog-listing .subscribe-strip-left h5{
font-family:var(--f-body);
font-size:clamp(16px,1.35vw,18.5px) !important;
line-height:1.6 !important;
font-weight:400 !important;
color:rgba(255,255,255,.72) !important;
margin:0 !important;
max-width:52ch;
}

/* --------------------------------------------------------------------------
3. TOPIC FILTER — neutral chips, ink active state
   -------------------------------------------------------------------------- */
body.hs-blog-listing .topics-or-title{
padding:0 0 clamp(22px,3vw,36px) !important;
}
/* tinynav's mobile  is dropped — the pill row scrolls instead */
body.hs-blog-listing select.tinynav,
body.hs-blog-listing .tinynav1{display:none !important}

body.hs-blog-listing ul.l_tinynav1{
display:flex !important;
flex-wrap:wrap;
gap:9px;
margin:0;padding:0;
list-style:none;
}
body.hs-blog-listing ul.l_tinynav1 li{
display:block;
margin:0 !important;
}
body.hs-blog-listing ul.l_tinynav1 li a{
display:inline-flex;align-items:center;
font-family:var(--f-ui);
font-size:14px !important;
font-weight:500;
line-height:1;
white-space:nowrap;
color:var(--muted) !important;
background:var(--chip) !important;
border:1px solid transparent;
border-radius:999px !important;
padding:11px 18px !important;
text-decoration:none;
transition:background .25s var(--ease),color .25s var(--ease),
border-color .25s var(--ease),transform .25s var(--ease);
}
body.hs-blog-listing ul.l_tinynav1 li a:hover,
body.hs-blog-listing ul.l_tinynav1 li a:focus-visible{
color:var(--orange-text) !important;
background:var(--orange-tint) !important;
border-color:rgba(248,83,28,.35);
transform:translateY(-1px);
}
body.hs-blog-listing ul.l_tinynav1 li.active a{
color:var(--white) !important;
background:var(--ink) !important;
border-color:var(--ink);
}
body.hs-blog-listing ul.l_tinynav1 li.active a:hover{
background:var(--ink-2) !important;
color:var(--white) !important;
border-color:var(--ink-2);
}

/* --------------------------------------------------------------------------
4. POST GRID — real grid, equal-height cards
   -------------------------------------------------------------------------- */
body.hs-blog-listing .hhs-blog-post-mod{
background:var(--white) !important;
padding:0 0 clamp(30px,4vw,48px) !important;
}
body.hs-blog-listing .hhs-blog-post-mod .row{
display:grid !important;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:clamp(20px,2.4vw,30px);
margin:0 !important;
height:auto !important;
}
body.hs-blog-listing .hhs-blog-post-mod .row::before,
body.hs-blog-listing .hhs-blog-post-mod .row::after{display:none !important}

body.hs-blog-listing .hhs-blog-post-mod .col-sm-4{
width:100% !important;
max-width:none !important;
float:none !important;
padding:0 !important;
margin:0 !important;
height:auto !important;
display:flex;
}

/* the card */
body.hs-blog-listing .hhs-blog-post-card{
position:relative;
display:flex;
flex-direction:column;
width:100%;
height:auto !important;
margin:0 !important;
background:var(--white) !important;
border:1px solid var(--line);
border-radius:var(--r-card) !important;
box-shadow:0 1px 2px rgba(12,12,13,.04) !important;
overflow:hidden;
transition:transform .35s var(--ease),box-shadow .35s var(--ease),
border-color .35s var(--ease);
}
body.hs-blog-listing .hhs-blog-post-card:hover{
transform:translateY(-4px);
border-color:rgba(248,83,28,.30);
box-shadow:0 26px 48px -26px rgba(12,12,13,.34),
0 0 0 4px rgba(248,83,28,.06);
}
/* image link */
body.hs-blog-listing .hhs-blog-post-card > a{
display:block;
overflow:hidden;
background:var(--paper-2);
}
body.hs-blog-listing .hhs-post-feat-img{
height:auto !important;
aspect-ratio:16/10;
width:100%;
border-radius:0 !important;
background-size:cover !important;
background-position:center !important;
transition:transform .6s var(--ease);
}
body.hs-blog-listing .hhs-blog-post-card:hover .hhs-post-feat-img{
transform:scale(1.045);
}

/* card body */
/* The module's own script writes an inline height on every .hhs-post-content
to equalise cards. The grid does that now, and the inline height leaves a
dead 90px gap above the read-more, so it has to be overridden — an author
!important beats a non-important inline style. */
body.hs-blog-listing .hhs-post-content{
height:auto !important;
display:flex;
flex-direction:column;
flex:1 1 auto;
padding:clamp(18px,1.8vw,24px) clamp(18px,1.8vw,24px) clamp(20px,2vw,26px) !important;
}
/* reading time -> eyebrow with a pulsing orange dot */
body.hs-blog-listing .hhs-post-content .reading-minutes{
display:inline-flex;align-items:center;gap:8px;
font-family:var(--f-ui) !important;
font-size:11.5px !important;
font-weight:600 !important;
letter-spacing:.14em;
text-transform:uppercase !important;
color:var(--muted-2) !important;
margin:0 0 12px !important;
}
body.hs-blog-listing .hhs-post-content .reading-minutes::before{
content:"";width:6px;height:6px;border-radius:50%;flex:0 0 auto;
background:var(--orange);
box-shadow:0 0 0 3px var(--orange-tint);
}
body.hs-blog-listing .hhs-post-content > a{
text-decoration:none;
/* stretch the title link over the whole card so the summary is clickable */
}
body.hs-blog-listing .hhs-post-content > a::after{
content:"";position:absolute;inset:0;z-index:1;
}
body.hs-blog-listing .hhs-post-content h4{
font-family:var(--f-head) !important;
font-size:clamp(18px,1.45vw,20.5px) !important;
line-height:1.3 !important;
font-weight:700 !important;
letter-spacing:-.015em;
color:var(--text) !important;
margin:0 0 12px !important;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
transition:color .25s var(--ease);
}
body.hs-blog-listing .hhs-blog-post-card:hover h4{color:var(--orange-text) !important}

/* the meta row renders empty on this blog — collapse it */
body.hs-blog-listing .hhs-post-meta{display:none}

body.hs-blog-listing .hhs-post-summary{margin:0}
body.hs-blog-listing .hhs-post-summary p{
font-family:var(--f-body) !important;
font-size:15px !important;
line-height:1.62 !important;
color:var(--muted) !important;
margin:0 !important;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
/* read-more affordance, pinned to the bottom of every card */
body.hs-blog-listing .hhs-post-content::after{
content:"Read article →";
margin-top:auto;
padding-top:18px;
font-family:var(--f-ui);
font-size:13.5px;font-weight:600;
color:var(--orange-text);
transition:transform .25s var(--ease);
}
body.hs-blog-listing .hhs-blog-post-card:hover .hhs-post-content::after{
transform:translateX(3px);
}

/* --------------------------------------------------------------------------
5. EMPTY HUBSPOT LISTING SHELL
   The stock blog_content module renders nothing on this template (the custom
module above prints the posts) — stop it reserving vertical space.
-------------------------------------------------------------------------- */
body.hs-blog-listing .blog-section{padding:0 !important}
body.hs-blog-listing .blog-listing-wrapper{margin:0 !important;padding:0 !important}
/* The shell is empty on /resources/blog and /resources/blog/all (the custom
card module prints the posts there) — collapse it. On TOPIC pages it holds
the posts instead; section 11 turns those into the same card grid. */
body.hs-blog-listing .post-listing:empty{display:none !important}

/* --------------------------------------------------------------------------
6. "ALL POSTS" BUTTON
   -------------------------------------------------------------------------- */
body.hs-blog-listing .blog-pagination{
display:flex;justify-content:center;
padding:clamp(8px,1.6vw,18px) var(--gut) clamp(40px,5vw,72px);
}
body.hs-blog-listing .btn-all-posts,
body.hs-blog-listing .all-posts-link{
display:inline-flex !important;
align-items:center;gap:9px;
width:auto;
font-family:var(--f-ui) !important;
font-size:15px !important;
font-weight:600 !important;
line-height:1;
color:#fff !important;
background:var(--orange) !important;
border:0 !important;
border-radius:999px !important;
padding:15px 28px !important;
text-decoration:none;
transition:transform .25s var(--ease),box-shadow .25s var(--ease),
background .25s var(--ease);
}
body.hs-blog-listing .btn-all-posts::after{content:"→";font-size:16px;line-height:1}
body.hs-blog-listing .btn-all-posts:hover{
background:var(--orange-2) !important;
transform:translateY(-2px);
box-shadow:0 16px 32px -14px rgba(248,83,28,.7);
color:#fff !important;
}

/* --------------------------------------------------------------------------
7. MOTION — entrance only, no JS
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion:no-preference){
body.hs-blog-listing .subscribe-strip-left,
body.hs-blog-listing .topics-or-title,
body.hs-blog-listing .ifp-sub-copy,
body.hs-blog-listing .ifp-sub-card{
animation:ifpListRise .8s var(--ease) both;
}
body.hs-blog-listing .topics-or-title{animation-delay:.1s}
body.hs-blog-listing .ifp-sub-card{animation-delay:.08s}
}
@keyframes ifpListRise{
from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:none}
}

/* --------------------------------------------------------------------------
8. FOOT-OF-PAGE SUBSCRIBE BAND
   Styles the .ifp-sub block from the header comment, and falls back to any
bare HubSpot Form module dropped in the last row of the page.
-------------------------------------------------------------------------- */
body.hs-blog-listing .ifp-sub,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child
.hs_cos_wrapper_type_form{
position:relative;
isolation:isolate;
overflow:hidden;
display:block;
float:none;
width:calc(100% - 30px);
max-width:var(--max);
margin:clamp(10px,1.6vw,20px) auto clamp(48px,6vw,88px);
border-radius:var(--r-panel);
background:var(--ink);
color:var(--white);
padding:clamp(34px,4.6vw,72px) clamp(24px,4vw,64px);
}
body.hs-blog-listing .ifp-sub::before,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child
.hs_cos_wrapper_type_form::before{
content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
background:
radial-gradient(48% 66% at 84% 8%,rgba(248,83,28,.32),transparent 62%),
radial-gradient(40% 52% at 6% 96%,rgba(248,83,28,.13),transparent 66%);
}
body.hs-blog-listing .ifp-sub::after{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background-image:
linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
background-size:64px 64px;
-webkit-mask-image:radial-gradient(70% 70% at 50% 26%,#000,transparent 78%);
mask-image:radial-gradient(70% 70% at 50% 26%,#000,transparent 78%);
}

body.hs-blog-listing .ifp-sub-in{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:clamp(26px,3.6vw,56px);
align-items:center;
}
body.hs-blog-listing .ifp-sub-eyebrow{
display:inline-flex;align-items:center;gap:8px;
font-family:var(--f-ui);font-size:11.5px;font-weight:600;
letter-spacing:.16em;text-transform:uppercase;
color:var(--orange-2);
margin:0 0 14px;
}
body.hs-blog-listing .ifp-sub-eyebrow::before{
content:"";width:6px;height:6px;border-radius:50%;
background:var(--orange-2);box-shadow:0 0 0 4px rgba(248,83,28,.22);
}
body.hs-blog-listing .ifp-sub-copy h2{
font-family:var(--f-head);
font-size:clamp(24px,2.8vw,38px);
line-height:1.14;font-weight:700;letter-spacing:-.02em;
color:var(--white);
margin:0 0 14px;
text-wrap:balance;
}
body.hs-blog-listing .ifp-sub-lede{
font-family:var(--f-body);
font-size:clamp(15.5px,1.2vw,17px);
line-height:1.65;
color:rgba(255,255,255,.72);
margin:0;
max-width:46ch;
}
/* translucent card holding the form */
body.hs-blog-listing .ifp-sub-card{
background:rgba(255,255,255,.05);
border:1px solid var(--line-d);
border-radius:var(--r-ink);
padding:clamp(22px,2.6vw,32px);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
}

/* --- HubSpot form reset (the site theme paints its own skin — see
claude/design-system.md → "styling embedded HubSpot forms") ----------- */
body.hs-blog-listing .ifp-sub .hbspt-form,
body.hs-blog-listing .ifp-sub .hs-form-frame,
body.hs-blog-listing .ifp-sub form.hs-form,
body.hs-blog-listing .ifp-sub form.hs-form fieldset,
body.hs-blog-listing .ifp-sub .hs-form-field,
body.hs-blog-listing .ifp-sub .hs_submit,
body.hs-blog-listing .ifp-sub .actions,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child .hbspt-form,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child form.hs-form,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child form.hs-form fieldset{
background:none !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
padding:0 !important;
margin-inline:0 !important;
max-width:none !important;
width:100% !important;
}
body.hs-blog-listing .ifp-sub .hs-form-field{
display:flex;flex-direction:column;
margin-bottom:16px !important;
}
body.hs-blog-listing .ifp-sub .form-columns-2,
body.hs-blog-listing .ifp-sub .form-columns-3{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:0 14px;
}
body.hs-blog-listing .ifp-sub .hs-form-field > label,
body.hs-blog-listing .ifp-sub .hs-form-field > label span{
font-family:var(--f-ui) !important;
font-size:11.5px !important;
font-weight:600 !important;
letter-spacing:.12em;
text-transform:uppercase;
color:rgba(255,255,255,.62) !important;
margin:0 0 8px !important;
}
body.hs-blog-listing .ifp-sub .hs-form-required{color:var(--orange-2) !important}

body.hs-blog-listing .ifp-sub input.hs-input:not([type=checkbox]):not([type=radio]),
body.hs-blog-listing .ifp-sub select.hs-input,
body.hs-blog-listing .ifp-sub textarea.hs-input{
width:100% !important;
box-sizing:border-box;
font-family:var(--f-body) !important;
font-size:15.5px !important;
color:var(--white) !important;
background:rgba(255,255,255,.06) !important;
border:1px solid var(--line-d) !important;
border-radius:var(--r-tile) !important;
padding:13px 16px !important;
box-shadow:none !important;
transition:border-color .25s var(--ease),background .25s var(--ease);
}
body.hs-blog-listing .ifp-sub input.hs-input::placeholder,
body.hs-blog-listing .ifp-sub textarea.hs-input::placeholder{
color:rgba(255,255,255,.38) !important;
}
body.hs-blog-listing .ifp-sub input.hs-input:focus,
body.hs-blog-listing .ifp-sub select.hs-input:focus,
body.hs-blog-listing .ifp-sub textarea.hs-input:focus{
outline:none !important;
border-color:rgba(248,83,28,.65) !important;
background:rgba(255,255,255,.09) !important;
}

/* consent checkboxes */
body.hs-blog-listing .ifp-sub .hs-form-booleancheckbox-display,
body.hs-blog-listing .ifp-sub .legal-consent-container,
body.hs-blog-listing .ifp-sub .hs-richtext{
font-family:var(--f-body) !important;
font-size:12.5px !important;
line-height:1.55 !important;
color:rgba(255,255,255,.60) !important;
text-transform:none !important;
letter-spacing:0 !important;
}
body.hs-blog-listing .ifp-sub .hs-form-booleancheckbox-display{
display:flex;align-items:flex-start;gap:10px;
}
body.hs-blog-listing .ifp-sub input[type=checkbox]{
flex:0 0 auto;margin-top:2px;accent-color:var(--orange);
width:16px;height:16px;
}
body.hs-blog-listing .ifp-sub .hs-richtext a,
body.hs-blog-listing .ifp-sub .legal-consent-container a{
color:var(--orange-2) !important;text-decoration:underline;
}

/* submit — pin every state, or the theme repaints the label on hover */
body.hs-blog-listing .ifp-sub input[type=submit].hs-button,
body.hs-blog-listing .ifp-sub .hs-button,
body.hs-blog-listing .body-container > .row-fluid-wrapper:last-child input[type=submit].hs-button{
display:inline-flex;align-items:center;justify-content:center;
width:auto !important;
margin-top:6px;
font-family:var(--f-ui) !important;
font-size:15px !important;
font-weight:600 !important;
line-height:1 !important;
cursor:pointer;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
background:var(--orange) !important;
background-image:none !important;
border:1px solid var(--orange) !important;
border-radius:999px !important;
padding:14px 30px !important;
box-shadow:none !important;
opacity:1 !important;
transition:transform .25s var(--ease),box-shadow .25s var(--ease),
background .25s var(--ease);
}
body.hs-blog-listing .ifp-sub input[type=submit].hs-button:hover,
body.hs-blog-listing .ifp-sub input[type=submit].hs-button:focus,
body.hs-blog-listing .ifp-sub input[type=submit].hs-button:active,
body.hs-blog-listing .ifp-sub .hs-button:hover,
body.hs-blog-listing .ifp-sub .hs-button:focus,
body.hs-blog-listing .ifp-sub .hs-button:active{
color:#fff !important;
-webkit-text-fill-color:#fff !important;
background:var(--orange-2) !important;
background-image:none !important;
border-color:var(--orange-2) !important;
opacity:1 !important;
transform:translateY(-2px);
box-shadow:0 16px 32px -14px rgba(248,83,28,.7);
}

/* validation + success */
body.hs-blog-listing .ifp-sub .hs-error-msg,
body.hs-blog-listing .ifp-sub .hs-error-msgs label{
font-family:var(--f-ui) !important;
font-size:12.5px !important;
color:#FF8A66 !important;
margin-top:6px !important;
}
body.hs-blog-listing .ifp-sub .hs-error-msgs{list-style:none;margin:0;padding:0}
body.hs-blog-listing .ifp-sub .submitted-message{
font-family:var(--f-body);
font-size:16px;line-height:1.6;
color:rgba(255,255,255,.86);
}

/* the inline reCAPTCHA badge renders as a full blue block mid-form.
Delete this rule if submissions ever start failing. */
body.hs-blog-listing .ifp-sub .hs-recaptcha,
body.hs-blog-listing .ifp-sub .grecaptcha-badge{display:none !important}

/* --------------------------------------------------------------------------
9. RESPONSIVE
   -------------------------------------------------------------------------- */
@media (max-width:1080px){
body.hs-blog-listing .subscribe-strip-left{max-width:min(600px,78%)}
}
@media (max-width:860px){
body.hs-blog-listing .ifp-sub-in{grid-template-columns:1fr}
body.hs-blog-listing .subscribe-strip-wrap{
background-position:center 22% !important;
}
body.hs-blog-listing .subscribe-strip-wrap::before{
background:
linear-gradient(180deg,rgba(12,12,13,.90) 0%,rgba(12,12,13,.80) 55%,rgba(12,12,13,.62) 100%),
radial-gradient(60% 50% at 80% 6%,rgba(248,83,28,.30),transparent 64%);
}
body.hs-blog-listing .subscribe-strip-left{max-width:none}
}
@media (max-width:760px){
body.hs-blog-listing{--r-panel:26px;--r-ink:20px;--r-card:16px}
/* pills become a single scrolling row */
body.hs-blog-listing ul.l_tinynav1{
flex-wrap:nowrap;
overflow-x:auto;
scroll-snap-type:x proximity;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
margin-inline:calc(-1 * var(--gut));
padding-inline:var(--gut);
padding-bottom:4px;
}
body.hs-blog-listing ul.l_tinynav1::-webkit-scrollbar{display:none}
body.hs-blog-listing ul.l_tinynav1 li{scroll-snap-align:start}
}
@media (max-width:560px){
body.hs-blog-listing .hhs-blog-post-mod .row{
grid-template-columns:1fr;
}
body.hs-blog-listing .subscribe-strip-wrap{
padding:38px 0 42px !important;
}
body.hs-blog-listing .subscribe-strip-left h5{font-size:15.5px !important}
body.hs-blog-listing .ifp-sub{padding:28px 20px}
}

/* --------------------------------------------------------------------------
10. HEADER NAV — strikethrough fix (version-2 blog menu)

   The theme draws the nav hover underline as an absolutely positioned bar on
`a.item-number-one:hover:before`, sitting at `bottom:20px` with
`width:calc(100% - 60px)`. Those numbers are tuned for the MAIN site header,
where the same theme rule gives the link `padding:10px 25px 25px`.

The blog templates use the version-2 menu, where the link's padding is only
`9px 14px` — so the link's box is 38.4px tall instead of ~46px, and a bar
20px up from the bottom lands straight through the middle of the label. That
is the "strikethrough on hover" seen on blog pages; nothing in this
stylesheet causes it, it is a pre-existing mismatch this file corrects.

Bar repositioned to sit ~5px under the text and to span the label rather
than the wider main-site padding box. Both blog body classes are covered, so
the same block can be pasted into the blog POST header HTML as well.
-------------------------------------------------------------------------- */
body.hs-blog-listing .hd_menu a.item-number-one:hover::before,
body.hs-blog-post    .hd_menu a.item-number-one:hover::before{
bottom:4px !important;
left:0 !important;
right:0 !important;
width:calc(100% - 28px) !important;   /* link padding is 9px 14px */
margin:auto !important;
}

/* --------------------------------------------------------------------------
11. TOPIC LISTINGS — stock HubSpot markup, rendered as the same card grid

   /resources/blog and /resources/blog/all print their posts through the
custom card module (.hhs-blog-post-mod, section 4). Topic pages —
/resources/blog/tag/ — do NOT: HubSpot falls back to its stock
.post-listing markup there. That is why switching category turned the
grid into a plain list.

GOTCHA: the template writes class="“post-item”" with CURLY quotes, so
`.post-item` matches nothing at all. Target `.post-listing > div`.

Source order inside an item is: reading time, title, author, image,
summary, topics. `order` re-stacks it as image → reading time → title →
summary → read-more, and author + topics are hidden so these cards read
identically to the main grid.
-------------------------------------------------------------------------- */
body.hs-blog-listing .post-listing{
display:grid !important;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:clamp(20px,2.4vw,30px);
width:100%;
max-width:var(--max);
margin:0 auto clamp(30px,4vw,48px) !important;
padding:0 15px !important;          /* matches the theme container inset */
box-sizing:border-box;
float:none !important;
}

/* the card */
body.hs-blog-listing .post-listing > div{
position:relative;
display:flex;
flex-direction:column;
width:auto !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
float:none !important;
background:var(--white);
border:1px solid var(--line);
border-radius:var(--r-card);
box-shadow:0 1px 2px rgba(12,12,13,.04);
overflow:hidden;
transition:transform .35s var(--ease),box-shadow .35s var(--ease),
border-color .35s var(--ease);
}
body.hs-blog-listing .post-listing > div:hover{
transform:translateY(-4px);
border-color:rgba(248,83,28,.30);
box-shadow:0 26px 48px -26px rgba(12,12,13,.34),
0 0 0 4px rgba(248,83,28,.06);
}

/* featured image — the theme caps it at max-height:170px / max-width:210px
and floats it right, so all four have to be unset before it can fill */
body.hs-blog-listing .post-listing .hs-featured-image-wrapper{
order:1;
width:100%;
aspect-ratio:16/10;
margin:0 !important;
padding:0 !important;
overflow:hidden;
background:var(--paper-2);
}
body.hs-blog-listing .post-listing .hs-featured-image-link{
display:block;width:100%;height:100%;
}
body.hs-blog-listing .post-listing img.hs-featured-image{
display:block !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
float:none !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
object-fit:cover;
transition:transform .6s var(--ease);
}
body.hs-blog-listing .post-listing > div:hover img.hs-featured-image{
transform:scale(1.045);
}

/* reading time -> eyebrow. The theme puts 50px of top padding on it here. */
body.hs-blog-listing .post-listing .reading-minutes{
order:2;
display:inline-flex;align-items:center;gap:8px;
margin:20px 22px 12px !important;
padding:0 !important;
font-family:var(--f-ui) !important;
font-size:11.5px !important;
font-weight:600 !important;
line-height:1.2 !important;
letter-spacing:.14em;
text-transform:uppercase !important;
color:var(--muted-2) !important;
}
body.hs-blog-listing .post-listing .reading-minutes::before{
content:"";width:6px;height:6px;border-radius:50%;flex:0 0 auto;
background:var(--orange);
box-shadow:0 0 0 3px var(--orange-tint);
}

/* title */
body.hs-blog-listing .post-listing h2{
order:3;
margin:0 22px 12px !important;
padding:0 !important;
font-family:var(--f-head) !important;
font-size:clamp(18px,1.45vw,20.5px) !important;
line-height:1.3 !important;
font-weight:700 !important;
letter-spacing:-.015em;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
body.hs-blog-listing .post-listing h2 a{
color:var(--text) !important;
text-decoration:none;
transition:color .25s var(--ease);
}
/* stretch the title link over the card */
body.hs-blog-listing .post-listing h2 a::after{
content:"";position:absolute;inset:0;z-index:1;
}
body.hs-blog-listing .post-listing > div:hover h2 a{color:var(--orange-text) !important}

/* author byline and topic chips are dropped, to match the main grid */
body.hs-blog-listing .post-listing .post-header,
body.hs-blog-listing .post-listing .topic-list{display:none !important}

/* summary */
body.hs-blog-listing .post-listing .post-body{
order:4;
margin:0 22px !important;
padding:0 !important;
font-family:var(--f-body) !important;
font-size:15px !important;
line-height:1.62 !important;
color:var(--muted) !important;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
body.hs-blog-listing .post-listing .post-body p{
margin:0 !important;font:inherit !important;color:inherit !important;
}
body.hs-blog-listing .post-listing .post-body a{
color:inherit !important;text-decoration:none;
}

/* read-more affordance, pinned to the bottom of every card */
body.hs-blog-listing .post-listing > div::after{
content:"Read article →";
order:5;
margin:auto 22px 24px !important;
padding-top:18px;
font-family:var(--f-ui);
font-size:13.5px;font-weight:600;
color:var(--orange-text);
transition:transform .25s var(--ease);
}
body.hs-blog-listing .post-listing > div:hover::after{transform:translateX(3px)}

@media (max-width:560px){
body.hs-blog-listing .post-listing{grid-template-columns:1fr}
}

/* --------------------------------------------------------------------------
11b. THE "SIMPLE" LISTING VARIANT (Company News /all, and any blog like it)

Not every blog nests the stock listing the same way. The Learning Area's
topic pages give one flat container:

.post-listing > div."post-item"           div."post-item" > .post-listing > div.post-item

so the grid landed on 71 separate .post-listing containers holding one post
each, and everything stacked into a single column. The fix is to move the
grid up to .post-listing-simple and flatten the two wrappers with
display:contents — the innermost div still matches `.post-listing > div`,
so every card rule in section 11 applies unchanged.
-------------------------------------------------------------------------- */
body.hs-blog-listing .post-listing-simple{
display:grid !important;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
gap:clamp(20px,2.4vw,30px);
width:100%;
max-width:var(--max);
margin:0 auto clamp(30px,4vw,48px) !important;
padding:0 15px !important;
box-sizing:border-box;
float:none !important;
}
body.hs-blog-listing .post-listing-simple > div,
body.hs-blog-listing .post-listing-simple .post-listing{display:contents !important}

/* Company News posts carry no reading time, so the title would sit hard against
the image. Give it back the 20px the eyebrow would have contributed. */
body.hs-blog-listing .post-listing > div:not(:has(.reading-minutes)) h2{
margin-top:20px !important;
}

@media (max-width:560px){
body.hs-blog-listing .post-listing-simple{grid-template-columns:1fr}
}

The multilingual communication experience that gives you confidence at every step.
[Start Experiencing the Interprefy Difference!](https://www.interprefy.com/interprefy-agent)

[Solutions](https://www.interprefy.com/solutions)

[Our Solutions](https://www.interprefy.com/solutions)

- [Remote Simultaneous Interpretation](https://www.interprefy.com/solutions/remote-simultaneous-interpretation)

  - [AI Speech Translation](https://www.interprefy.com/solutions/ai-speech-translation)

  - [Live Captions](https://www.interprefy.com/solutions/multilingual-live-captions-and-subtitles)

[Who We Serve](https://www.interprefy.com/who-we-serve)

- [Event Organisers](https://www.interprefy.com/organisation-event-organisers)

  - [Corporate & Enterprise](https://www.interprefy.com/organisation-industry-corporates)

  - [Institutions](https://www.interprefy.com/organisation-institutions)

  - [Partners](https://www.interprefy.com/about-us/partners)

[Access Modes](https://www.interprefy.com/access-modes)

- [Interprefy Web Platform](https://www.interprefy.com/web-platform)

  - [Interprefy Mobile App](https://www.interprefy.com/solutions/access-modes/interprefy-now)

  - [Integrations](https://www.interprefy.com/solutions/integrations)

[Use Cases](https://www.interprefy.com/solutions/use-cases)

- [In-person & hybrid events](https://www.interprefy.com/solutions/use-cases/in-person-hybrid-events)

  - [Webinars & virtual events](https://www.interprefy.com/solutions/use-cases/webinars-and-online-events)

  - [Online meetings](https://www.interprefy.com/solutions/use-cases/online-meetings)

[Professional Services](https://www.interprefy.com/about/professional-services)

[Professional Services](https://www.interprefy.com/about/professional-services)

- [Project Management](https://www.interprefy.com/project-management)

  - [Remote Support](https://www.interprefy.com/professional-remote-support-services-interprefy)

  - [Media Services](https://www.interprefy.com/media-services)

[More Insights](https://www.interprefy.com/)

- [Can I get a report of my meeting?](https://knowledge.interprefy.com/can-i-get-a-report-of)

  - [How does Interprefy source and vet professional interpreters?](https://knowledge.interprefy.com/interpreter-recruitment)

  - [What training does Interprefy provide?](https://knowledge.interprefy.com/what-is-inteprefy-training-services?)

  - [Can you record my meeting or event?](https://knowledge.interprefy.com/can-you-record-my-event)

[Professional Services in a Nutshell](https://www.interprefy.com/)

[About Interprefy](https://www.interprefy.com/about-us)

[Company](https://www.interprefy.com/)

- [About Us](https://www.interprefy.com/about-us)

  - [Why Choose Interprefy](https://www.interprefy.com/why-interprefy-expert-support-for-multilingual-events)

  - [The Interprefy Experience](https://www.interprefy.com/the-interprefy-experience)

  - [Careers](https://www.interprefy.com/about-us/careers)

[Security](https://www.interprefy.com/entreprise-grade-security)

- [ISO 27001 Certified](https://www.interprefy.com/entreprise-grade-security)

  - [End-to-End Encryption](https://www.interprefy.com/entreprise-grade-security)

  - [Controlled Access](https://www.interprefy.com/entreprise-grade-security)

  - [Interpreters and NDA's](https://www.interprefy.com/entreprise-grade-security)

[Events](https://www.interprefy.com/resources/upcoming-public-events)

[TEDAI Vienna 2026](https://tedai-vienna.ted.com/)

[Check the latest event calendar](https://www.interprefy.com/resources/upcoming-public-events)

[Resources](https://www.interprefy.com/resources)

[News and Inspiration](https://www.interprefy.com/news-and-information)

- [Blog](https://www.interprefy.com/resources/blog)

  - [Success Stories](https://www.interprefy.com/customer-stories)

  - [Company News](https://www.interprefy.com/resources/press/companynews)

  - [Webinars and Ebooks](https://www.interprefy.com/resources/webinars-and-ebooks)

  - [Video Library](https://www.interprefy.com/product-demo-videos)

[Help Center](https://www.interprefy.com/faq)

- [Knowledge Base](https://knowledge.interprefy.com/)

  - [FAQs](https://www.interprefy.com/faq)

  - [Contact Us](https://www.interprefy.com/contact-us)

[What is interprefy](https://www.interprefy.com/)

[Pricing](https://www.interprefy.com/pricing)

[Contact us](https://www.interprefy.com/contact-us)

# The cost of inaccessibility: Why events must prioritise accessibility

By [Oddmund Braaten](https://www.interprefy.com/resources/press/companynews/author/oddmund-braaten) on June 23, 2023

###### Topics:

Remote Simultaneous Interpretation

Live Captions

Accessibility & Compliance

![Accessibility in the events industry - Interprefy](https://www.interprefy.com/hs-fs/hubfs/Blog%20Header%202023%20Accessibility%20Oddmund.jpg?width=1040&height=800&name=Blog%20Header%202023%20Accessibility%20Oddmund.jpg)

The cost of inaccessibility: Why events must prioritise accessibility5:21

First published on [Smartmeetings.com](https://www.smartmeetings.com/tips-tools/152470/why-events-must-prioritize-accessibility-for-all-attendees)

It’s 2023, and we’re still talking about [a lack of accessibility](https://www.heraldscotland.com/news/20605210.edinburgh-fringe-faces-criticism-lack-disabled-access/)in the [events industry](https://www.gamespot.com/articles/not-e3-events-criticized-for-lack-of-accessibility/1100-6504657/).From an [absence of diverse panel speakers](https://www.bizbash.com/production-strategy/opinion-experts/article/21136574/diversity-in-events-what-it-means-where-were-failing-and-what-comes-next) to a lack of options for those visually or hearing impaired, events still aren’t catering to everyone. And we’re not just talking about providing wheelchair access either, [something which is also quite high/low in the industry](https://attitudeiseverything.org.uk/industry/welcoming-disabled-audiences/).In a world that offers on-site, online, and hybrid events, how is this even possible? Especially when technologies such as closed captions and audio guides can easily help those who would previously have found events hard to access.Lack of planning and understanding audience needs can hinder event attendances. With over [1.8 billion people with disabilities globally](https://www.rod-group.com/insights), organisations and events that don't cater to them are not only risking backlash, but they’re also limiting their potential audience reach.

## Why is event accessibility still an issue?

Despite technological advancements and increased awareness, the events industry still has a considerable distance to cover when it comes to accessibility. Organisers may lack familiarity with the challenges faced by people with health conditions or impairments, resulting in a lack of necessary accommodations. Accessibility is a multifaceted issue. It involves a vast range of requirements and needs, from barrier-free venue access to audio/visual aids and sign language interpretation and it can be a challenging task, especially for events with limited resources. Cultural barriers and biases may also impede organisers from comprehending the importance of accessibility, leading to inadequate arrangements.Additionally, events that are not accessible to all often result in reduced revenue from ticket sales and sponsorship, limiting the potential for economic growth and innovation. The lack of diversity and cultural exchange hinders progress and reinforces systemic inequalities. By excluding people from different backgrounds and perspectives, we miss valuable opportunities to learn from individuals hailing from all corners of the world and walks of life.

## Improving accessibility in the events industry

Accessibility is a critical aspect of event planning that ensures that all attendees can fully participate in and enjoy the event experience. But what can event organisers do today to make their events more open and accessible to all?

1. On-site accessibility: Ensuring that the event venue is accessible and inclusive, with features such as wheelchair ramps, accessible seating, and braille signage, can make a big difference in enabling disabled people to attend and participate.

2. **Inclusive/diverse marketing:**Ensuring that marketing materials and event information are accessible and inclusive can help attract a wider range of attendees from around the world which helps to communicate the event's commitment to accessibility and inclusivity.

3. **Assistive technology:**Offering assistive technology such as hearing aids, amplification devices, or mobility aids can help attendees with impairments fully participate in the event. By providing assistive technology, event organisers can create a more inclusive environment that allows disabled people to fully engage with the event and participate in all aspects of it.

4. **Language services:**Providing translation or interpretation services can help overcome language barriers for attendees who do not speak the event's primary language. This can include professional interpreters or even AI-translated speech, that can be accessed via the attendee’s own mobile phones.

5. **Captions and subtitles:** For attendees with hearing impairments or deaf, providing live captions or subtitles throughout your event can make a significant difference. On-stage screens with live captioning or via their mobile phones are two possible ways of making them available.

6. **Flexible attendance options:** Offering virtual attendance options, such as live streaming or video conferencing, can provide an alternative for attendees who cannot physically attend the event due to location or accessibility barriers.

## The future of events

For current and future events, it is essential that event organisers prioritise accessibility and inclusivity to ensure that everyone can participate and benefit from the event.By implementing strategies such as those listed above, event organisers can ensure that tomorrow’s events are more accessible and welcoming for all attendees. As technology advances, it is only right that events do as well, and creating an awareness of the importance of inclusivity and acting upon it will help shape the way events are planned and executed in the future. This can ultimately lead to increased attendance and engagement, as well as a positive reputation for the event and its organisers. Therefore, it is important for event organisers to continuously educate themselves and explore new ways to make their events more accessible and inclusive for all. By embracing accessibility and inclusivity, event organisers can not only enhance the overall attendee experience but also demonstrate their commitment to diversity and social responsibility.

Planning an accessible multilingual event?

Make every session accessible in every language

From remote interpretation to live captions and AI speech translation, we'll help you plan language access that meets accessibility requirements and works for every attendee.

[Get in touch](https://www.interprefy.com/contact-us)

- [Tweet](https://twitter.com/share)

-

-

![Oddmund Braaten](https://www.interprefy.com/hs-fs/hubfs/Team/Oddmund%20Braaten_Interprefy.png?width=100&height=100&name=Oddmund%20Braaten_Interprefy.png)

#### Written by Oddmund Braaten

Oddmund Braaten is Chief Executive Officer at Interprefy.

[Download from the App Store](https://apps.apple.com/us/app/interprefy/id971176635)

[Download from Google Play](https://play.google.com/store/apps/details?id=com.interprefy.interprefy&hl=en&gl=US)

[More download links](https://www.interprefy.com/download-interprefy-app)

-

-

-

-

Our Solutions

- [Remote Interpreting](https://www.interprefy.com/solutions/remote-simultaneous-interpretation)

  - [AI Speech Translation](https://www.interprefy.com/solutions/ai-speech-translation)

  - [Live Captions & Subtitles](https://www.interprefy.com/solutions/multilingual-live-captions-and-subtitles)

  - [Integrations](https://www.interprefy.com/solutions/integrations)

  - [Book an Interpreter](https://www.interprefy.com/about-us/interpreter-sourcing)

About Us

- [Why Us?](https://www.interprefy.com/about-us/why-interprefy)

  - [About Us](https://www.interprefy.com/about-us-old)

  - [How We Work](https://www.interprefy.com/about-us/how-we-work)

  - [Customer Stories](https://www.interprefy.com/customer-stories)

  - [Our Partners](https://www.interprefy.com/javascript:void(0);)

  - [Careers](https://www.interprefy.com/about-us/careers-old)

Resources

- [Blog](https://www.interprefy.com/resources/blog)

  - [News](https://www.interprefy.com/resources/press/companynews)

  - [eBooks & Webinars](https://www.interprefy.com/resources/webinars-and-ebooks)

  - [Knowledge Base](https://knowledge.interprefy.com)

  - [Join your meeting](https://interprefy.interpret.world/user/sign-in)

  - [Join mailing list](https://www.interprefy.com/join-our-mailing-list)

  - [Contact Us](https://www.interprefy.com/contact-us)









@2026 Interprefy. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

- [Term of Use](https://www.interprefy.com/terms-of-use)

  - [Privacy Policy](https://www.interprefy.com/privacy-policy)

  - [Run a Speed Test](https://interprefy.speedtestcustom.com/)