Begrijpelijke links

Verberg extra tekst voor het zicht

Met CSS:

<span class="screen-reader-text"> over onze favoriete boeken</span>.

			        .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;
			        }
			 
<a href="url-to-post">Lees meer<span class="screen-reader-text"> over onze favoriete boeken</span></a>.

With ARIA

<a href="url-to-post" aria-label="Lees meer over onze favoriete boeken">Lees meer</a>.

Hoe zou jij de links naar 'View deals' oplossen op de website van virginatlantic.com?

Bekijk eens