Referer:
Issues:
2 Errors
Summary report > Page report
2 Errors
- 2 WCAG2 AA
- 2 E910 - SC 1.4.4: Use relative rather than absolute units. Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:1.8px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2px
- 2 E910 - SC 1.4.4: Use relative rather than absolute units. Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy {
1 display:block;
1 aspect-ratio:1/1;
1 position:relative;
1 padding-bottom:0;
1 border-bottom:initial;
1 cursor:pointer;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy .image-wrapper {
1 height:100%;
1 z-index:1;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy .image-wrapper:after {
1 content:"";
1 display:block;
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.7));
1 z-index:0;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy .image-wrapper img {
1 height:100%;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy .NewsTeaser_item-content__zPBbZ {
1 position:absolute;
1 bottom:0;
1 z-index:2;
1 width:100%;
1 padding:1.5rem 1.5rem 0;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy .NewsTeaser_item-content__zPBbZ .NewsTeaser_presse-title__oQSdz {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 color:#fff;
1 text-transform:uppercase;
1 
E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:1.8px;
1 font-size:1.125rem;
1 line-height:1.75rem;
1 margin-bottom:1rem;
1 display:block;
1 }
1 @media print,screen and (min-width:768px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy .NewsTeaser_item-content__zPBbZ .NewsTeaser_presse-title__oQSdz {
1 font-size:1.25rem;
1 line-height:1.75rem;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2px;
1 }
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy .NewsTeaser_item-content__zPBbZ .NewsTeaser_presse-link__qNosC {
1 position:relative;
1 z-index:2;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy .NewsTeaser_item-content__zPBbZ .NewsTeaser_hidden-link__Unl4u {
1 position:absolute;
1 inset:0;
1 opacity:0;
1 z-index:1;
1 }
1 @media print,screen and (min-width:768px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_news-2__6QivH {
1 display:none;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_news-2__6QivH {
1 display:block;
1 }
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe {
1 height:100%;
1 display:flex;
1 flex-direction:column;
1 }
1 @media screen and (max-width:767px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe {
1 aspect-ratio:unset;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe {
1 flex-direction:row-reverse;
1 }
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .NewsTeaser_header__d4jVG {
1 display:flex;
1 justify-content:space-between;
1 padding:1.5rem 1.5rem 0;
1 align-items:start;
1 }
1 @media screen and (min-width:1024px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .NewsTeaser_header__d4jVG {
1 flex-direction:column-reverse;
1 align-items:flex-end;
1 padding:1.5rem;
1 }
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .NewsTeaser_header__d4jVG .NewsTeaser_podcast-icon__yTS8b .NewsTeaser_icon__7j0S5 {
1 width:1.75rem;
1 height:auto;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .NewsTeaser_header__d4jVG .NewsTeaser_logo__YuAJP {
1 width:7rem;
1 }
1 @media screen and (min-width:1024px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .NewsTeaser_header__d4jVG .NewsTeaser_logo__YuAJP {
1 width:27rem;
1 }
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .NewsTeaser_item-content__zPBbZ {
1 position:static;
1 padding:1.5rem;
1 }
1 @media screen and (min-width:1024px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .NewsTeaser_item-content__zPBbZ {
1 display:flex;
1 flex-direction:column;
1 padding-bottom:0;
1 }
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .NewsTeaser_item-content__zPBbZ .NewsTeaser_presse-subline__D8lTF {
1 margin-bottom:1rem;
1 display:block;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .NewsTeaser_item-content__zPBbZ .NewsTeaser_presse-link__qNosC {
1 color:#2c2f38;
1 border-bottom:1px solid #2c2f38;
1 }
1 @media screen and (min-width:1024px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .NewsTeaser_item-content__zPBbZ .NewsTeaser_presse-link__qNosC {
1 margin-top:auto;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .image-wrapper {
1 height:auto;
1 margin-top:auto;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .image-wrapper {
1 margin-top:1.5rem;
1 }
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe .image-wrapper:after {
1 display:none;
1 }
1 @media print,screen and (min-width:768px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_news-teaser-item___OeFy.NewsTeaser_podcast__K3LEe {
1 aspect-ratio:unset;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_grid__6OYLW {
1 display:grid;
1 grid-template-columns:repeat(4,1fr);
1 grid-template-rows:repeat(2,1fr);
1 grid-gap:32px 32px;
1 width:100%;
1 margin:0;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_grid__6OYLW .NewsTeaser_grid-item__y79SZ {
1 padding:0;
1 overflow:hidden;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_grid__6OYLW .NewsTeaser_grid-item__y79SZ .NewsTeaser_news-teaser-item___OeFy {
1 height:100%;
1 aspect-ratio:103/48;
1 width:100%;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_grid__6OYLW .NewsTeaser_grid-item-0__8hkvq {
1 grid-area:1/1/3/3;
1 aspect-ratio:1/1;
1 width:100%;
1 height:100%;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_grid__6OYLW .NewsTeaser_grid-item-0__8hkvq .NewsTeaser_news-teaser-item___OeFy {
1 aspect-ratio:1/1;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_grid__6OYLW .NewsTeaser_grid-item-1__Rk1Dq {
1 grid-area:1/3/2/5;
1 height:100%;
1 width:100%;
1 }
1 .NewsTeaser_news-teaser__2d7Lh .NewsTeaser_grid__6OYLW .NewsTeaser_grid-item-2__BIyRL {
1 grid-area:2/3/3/5;
1 width:100%;
1 }
1 }