Resultaten

Fouten

1. Alternatieve tekst mag geen bestandsextensies of afbeeldingsdimensies bevatten. Als de afbeelding een verhaal, stemming of belangrijke informatie overbrengt, zorg er dan voor dat je de afbeelding beschrijft. Verwijderen: .jpg | ALT aralea-infra-klinkerwerken.jpg

   • Voorbeeld:
   • Element:

     <img src="https://aralea.be/storage/3/aralea-infra-klinkerwerken.jpg" alt="aralea-infra-klinkerwerken.jpg" width="1000" height="667" loading="lazy" class="h-full w-full rounded-md object-cover">

2. Alternatieve tekst mag geen bestandsextensies of afbeeldingsdimensies bevatten. Als de afbeelding een verhaal, stemming of belangrijke informatie overbrengt, zorg er dan voor dat je de afbeelding beschrijft. Verwijderen: .jpg | ALT aralea-infra-klinkerwerken-snijmachine.jpg

   • Voorbeeld:
   • Element:

     <img src="https://aralea.be/storage/4/aralea-infra-klinkerwerken-snijmachine.jpg" alt="aralea-infra-klinkerwerken-snijmachine.jpg" width="1000" height="667" loading="lazy" class="h-full w-full rounded-md object-cover">

3. Gebroken koppeling naar dezelfde pagina. Het koppelingsdoel komt niet overeen met enig element op deze pagina.

   • Element:

     <a href="#" title="Bekijk onze realisaties" class="inline-flex gap-1.5 leading-6 link link-dark link-underline"> Bekijk onze realisaties <svg data-slot="icon" class="size-6" viewBox="0 0 24 24" color="currentColor" fill="none"> <path opacity="0.4" d="M20.0001 11.9998L4.00012 11.9998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15.0003 17C15.0003 17 20.0002 13.3176 20.0002 12C20.0002 10.6824 15.0002 7 15.0002 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
     </svg> </a>

4. De tekst heeft niet genoeg contrast met de achtergrond, waardoor het moeilijk te lezen is.

   • Element:

     <h3 class="h5 h5-dark dark:h5-light mt-4"> Lokaal betrokken </h3>

5. De tekst heeft niet genoeg contrast met de achtergrond, waardoor het moeilijk te lezen is.

   • Element:

     <p dir="ltr">Antwerpen en alles wat daarrond ligt? Dat kennen wij als onze broekzak.&nbsp;Met ons uitgebreid netwerk en lokale kennis zijn we altijd dichtbij en bereikbaar. Handig, hoor.<br></p>

6. De tekst heeft niet genoeg contrast met de achtergrond, waardoor het moeilijk te lezen is.

   • Element:

     <h3 class="h5 h5-dark dark:h5-light mt-4"> Afspraak is afspraak </h3>

7. De tekst heeft niet genoeg contrast met de achtergrond, waardoor het moeilijk te lezen is.

   • Element:

     <p>Wij houden ons aan ons woord.&nbsp;Want met heldere afspraken, nauwkeurig werk en duurzame resultaten geloven we dat we lang samenwerken. Nietwaar?</p>

8. De tekst heeft niet genoeg contrast met de achtergrond, waardoor het moeilijk te lezen is.

   • Element:

     <a href="https://aralea.be/cookieverklaring" title="privacyverklaring">cookieverklaring.</a>

Waarschuwingen

1. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

   • Element:

     <a href="/zoeken" title="Zoeken" class="btn btn-light gap-1.5"> Zoeken </a>

2. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

   • Element:

     <a href="https://mikerf.be/over-mikerf" title="Kinderboerderij" target="_blank" rel="noopener noreferrer" class="btn btn-light gap-1.5"> Kinderboerderij </a>

3. Link opent in een nieuw tabblad of venster zonder waarschuwing. Dit kan desoriënterend zijn, vooral voor mensen die moeite hebben met het waarnemen van visuele inhoud. Ten tweede is het niet altijd een goede gewoonte om iemands ervaring te controleren of beslissingen voor hem te nemen. Geef in de tekst van de koppeling aan dat deze in een nieuw venster wordt geopend. | Tip! Leer de beste werkwijzen: links openen in nieuwe browservensters en tabbladen. (Opent nieuw tabblad)

   • Element:

     <a href="https://mikerf.be/over-mikerf" title="Kinderboerderij" target="_blank" rel="noopener noreferrer" class="btn btn-light gap-1.5"> Kinderboerderij </a>

4. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

   • Element:

     <a href="/nieuws" title="Nieuws" class="btn btn-light gap-1.5"> Nieuws </a>

5. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

   • Element:

     <a href="/groenwerken" title="Groenwerken" class="btn btn-light btn-lg gap-1.5"> Groenwerken </a>

6. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

   • Element:

     <a href="/infrawerken" title="Infrawerken" class="btn btn-light btn-lg gap-1.5"> Infrawerken </a>

7. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

   • Element:

     <a href="/werk-op-maat" title="Maatwerk" class="btn btn-light btn-lg gap-1.5"> Maatwerk </a>

8. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

   • Element:

     <a href="/over-ons" title="Over Aralea" data-has-popup="main-dropdown-15" aria-haspopup="true" aria-expanded="false" class="btn btn-light btn-lg gap-1.5"> Over Aralea <svg data-slot="icon" class="size-5 group-hover:hidden" viewBox="0 0 24 24" color="currentColor" fill="none"> <path opacity="0.4" d="M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9 12C9.00001 10.4189 15 6 15 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
     </svg> <svg data-slot="icon" class="hidden size-5 group-hover:block" viewBox="0 0 24 24" color="currentColor" fill="none"> <path opacity="0.4" d="M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 15C13.5811 15 18 9.00005 18 9.00005" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
     </svg> </a>

9. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

   • Element:

     <a href="/over-ons/ontdek-ons-team" title="Ons team" class="link link-oxford-blue block rounded-lg px-5 py-2.5 text-lg/5 hover:bg-oxford-blue-50"> Ons team </a>

10. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/missie-visie" title="Onze missie/visie" class="link link-oxford-blue block rounded-lg px-5 py-2.5 text-lg/5 hover:bg-oxford-blue-50"> Onze missie/visie </a>

11. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/contact" title="Contacteer ons" class="btn btn-lg btn-outline-light"> Contacteer ons </a>

12. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/vacatures" title="Werken bij ons" class="btn btn-lg btn-darthmouth-green"> Werken bij ons </a>

13. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/groenwerken" title="Groenwerken" class="link link-dark hover:link-oxford-blue block px-4 py-2.5 hover:bg-oxford-blue-50"> Groenwerken </a>

14. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/infrawerken" title="Infrawerken" class="link link-dark hover:link-oxford-blue block px-4 py-2.5 hover:bg-oxford-blue-50"> Infrawerken </a>

15. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/werk-op-maat" title="Maatwerk" class="link link-dark hover:link-oxford-blue block px-4 py-2.5 hover:bg-oxford-blue-50"> Maatwerk </a>

16. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/over-ons" title="Over Aralea" class="link link-dark hover:link-oxford-blue block px-4 py-2.5 hover:bg-oxford-blue-50"> Over Aralea </a>

17. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/over-ons/ontdek-ons-team" title="Ons team" class="link link-dark hover:link-oxford-blue flex items-center gap-1.5 px-4 py-2.5 hover:bg-oxford-blue-50"> <svg data-slot="icon" class="size-5" viewBox="0 0 24 24" color="currentColor" fill="none"> <path opacity="0.4" d="M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15 12C14.9999 10.4189 9 6 9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg> <span>Ons team</span> </a>

18. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/missie-visie" title="Onze missie/visie" class="link link-dark hover:link-oxford-blue flex items-center gap-1.5 px-4 py-2.5 hover:bg-oxford-blue-50"> <svg data-slot="icon" class="size-5" viewBox="0 0 24 24" color="currentColor" fill="none"> <path opacity="0.4" d="M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15 12C14.9999 10.4189 9 6 9 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg> <span>Onze missie/visie</span> </a>

19. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/contact" title="Contacteer ons" class="link link-dark hover:link-oxford-blue block px-4 py-2.5 hover:bg-oxford-blue-50"> Contacteer ons </a>

20. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/vacatures" title="Werken bij ons" class="link link-dark hover:link-oxford-blue block px-4 py-2.5 hover:bg-oxford-blue-50"> Werken bij ons </a>

21. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/zoeken" title="Zoeken" class="link link-dark hover:link-oxford-blue block px-4 py-2.5 hover:bg-oxford-blue-50"> Zoeken </a>

22. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="https://mikerf.be/over-mikerf" title="Kinderboerderij" target="_blank" rel="noopener noreferrer" class="link link-dark hover:link-oxford-blue block px-4 py-2.5 hover:bg-oxford-blue-50"> Kinderboerderij </a>

23. Link opent in een nieuw tabblad of venster zonder waarschuwing. Dit kan desoriënterend zijn, vooral voor mensen die moeite hebben met het waarnemen van visuele inhoud. Ten tweede is het niet altijd een goede gewoonte om iemands ervaring te controleren of beslissingen voor hem te nemen. Geef in de tekst van de koppeling aan dat deze in een nieuw venster wordt geopend. | Tip! Leer de beste werkwijzen: links openen in nieuwe browservensters en tabbladen. (Opent nieuw tabblad)

    • Element:

      <a href="https://mikerf.be/over-mikerf" title="Kinderboerderij" target="_blank" rel="noopener noreferrer" class="link link-dark hover:link-oxford-blue block px-4 py-2.5 hover:bg-oxford-blue-50"> Kinderboerderij </a>

24. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/nieuws" title="Nieuws" class="link link-dark hover:link-oxford-blue block px-4 py-2.5 hover:bg-oxford-blue-50"> Nieuws </a>

25. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/over-ons" title="Ontdek onze werkwijze" class="inline-flex gap-1.5 leading-6 text-lg/6 sm:text-xl/6 link link-light link-underline"> Ontdek onze werkwijze <svg data-slot="icon" class="size-6" viewBox="0 0 24 24" color="currentColor" fill="none"> <path opacity="0.4" d="M20.0001 11.9998L4.00012 11.9998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15.0003 17C15.0003 17 20.0002 13.3176 20.0002 12C20.0002 10.6824 15.0002 7 15.0002 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg> </a>

26. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="#" title="Bekijk onze realisaties" class="inline-flex gap-1.5 leading-6 link link-dark link-underline"> Bekijk onze realisaties <svg data-slot="icon" class="size-6" viewBox="0 0 24 24" color="currentColor" fill="none"> <path opacity="0.4" d="M20.0001 11.9998L4.00012 11.9998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15.0003 17C15.0003 17 20.0002 13.3176 20.0002 12C20.0002 10.6824 15.0002 7 15.0002 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg> </a>

27. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/infrawerken" title="Ontdek meer over onze infrawerken" class="inline-flex gap-1.5 leading-6 link link-dark link-underline"> Ontdek meer over onze infrawerken <svg data-slot="icon" class="size-6" viewBox="0 0 24 24" color="currentColor" fill="none"> <path opacity="0.4" d="M20.0001 11.9998L4.00012 11.9998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15.0003 17C15.0003 17 20.0002 13.3176 20.0002 12C20.0002 10.6824 15.0002 7 15.0002 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg> </a>

28. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/jobs" title="Bekijk onze vacatures" class="inline-flex gap-1.5 leading-6 text-lg/6 sm:text-xl/6 btn btn-xanthous"> Bekijk onze vacatures <svg data-slot="icon" class="size-6" viewBox="0 0 24 24" color="currentColor" fill="none"> <path opacity="0.4" d="M20.0001 11.9998L4.00012 11.9998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15.0003 17C15.0003 17 20.0002 13.3176 20.0002 12C20.0002 10.6824 15.0002 7 15.0002 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg> </a>

29. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="https://thinktomorrow.be" title="Think Tomorrow" class="link link-oxford-blue" target="_blank" rel="noopener"> Think Tomorrow </a>

30. Link opent in een nieuw tabblad of venster zonder waarschuwing. Dit kan desoriënterend zijn, vooral voor mensen die moeite hebben met het waarnemen van visuele inhoud. Ten tweede is het niet altijd een goede gewoonte om iemands ervaring te controleren of beslissingen voor hem te nemen. Geef in de tekst van de koppeling aan dat deze in een nieuw venster wordt geopend. | Tip! Leer de beste werkwijzen: links openen in nieuwe browservensters en tabbladen. (Opent nieuw tabblad)

    • Element:

      <a href="https://thinktomorrow.be" title="Think Tomorrow" class="link link-oxford-blue" target="_blank" rel="noopener"> Think Tomorrow </a>

31. Link opent in een nieuw tabblad of venster zonder waarschuwing. Dit kan desoriënterend zijn, vooral voor mensen die moeite hebben met het waarnemen van visuele inhoud. Ten tweede is het niet altijd een goede gewoonte om iemands ervaring te controleren of beslissingen voor hem te nemen. Geef in de tekst van de koppeling aan dat deze in een nieuw venster wordt geopend. | Tip! Leer de beste werkwijzen: links openen in nieuwe browservensters en tabbladen. (Opent nieuw tabblad)

    • Element:

      <a href="https://www.linkedin.com/company/aralea" title="LinkedIn" target="_blank" rel="noopener noreferrer" class="link link-oxford-blue inline-flex gap-1.5 leading-6"> <svg data-slot="icon" class="size-6" viewBox="0 0 24 24" color="currentColor" fill="none"> <path d="M4.5 9.5H4C3.05719 9.5 2.58579 9.5 2.29289 9.79289C2 10.0858 2 10.5572 2 11.5V20C2 20.9428 2 21.4142 2.29289 21.7071C2.58579 22 3.05719 22 4 22H4.5C5.44281 22 5.91421 22 6.20711 21.7071C6.5 21.4142 6.5 20.9428 6.5 20V11.5C6.5 10.5572 6.5 10.0858 6.20711 9.79289C5.91421 9.5 5.44281 9.5 4.5 9.5Z" stroke="currentColor" stroke-width="1.5"></path> <path opacity="0.4" d="M6.5 4.25C6.5 5.49264 5.49264 6.5 4.25 6.5C3.00736 6.5 2 5.49264 2 4.25C2 3.00736 3.00736 2 4.25 2C5.49264 2 6.5 3.00736 6.5 4.25Z" stroke="currentColor" stroke-width="1.5"></path> <path d="M12.326 9.5H11.5C10.5572 9.5 10.0858 9.5 9.79289 9.79289C9.5 10.0858 9.5 10.5572 9.5 11.5V20C9.5 20.9428 9.5 21.4142 9.79289 21.7071C10.0858 22 10.5572 22 11.5 22H12C12.9428 22 13.4142 22 13.7071 21.7071C14 21.4142 14 20.9428 14 20L14.0001 16.5001C14.0001 14.8433 14.5281 13.5001 16.0879 13.5001C16.8677 13.5001 17.5 14.1717 17.5 15.0001V19.5001C17.5 20.4429 17.5 20.9143 17.7929 21.2072C18.0857 21.5001 18.5572 21.5001 19.5 21.5001H19.9987C20.9413 21.5001 21.4126 21.5001 21.7055 21.2073C21.9984 20.9145 21.9985 20.4432 21.9987 19.5006L22.0001 14.0002C22.0001 11.515 19.6364 9.50024 17.2968 9.50024C15.9649 9.50024 14.7767 10.1531 14.0001 11.174C14 10.5439 14 10.2289 13.8632 9.995C13.7765 9.84686 13.6531 9.72353 13.505 9.63687C13.2711 9.5 12.9561 9.5 12.326 9.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
      </svg> company/aralea </a>

32. Link opent in een nieuw tabblad of venster zonder waarschuwing. Dit kan desoriënterend zijn, vooral voor mensen die moeite hebben met het waarnemen van visuele inhoud. Ten tweede is het niet altijd een goede gewoonte om iemands ervaring te controleren of beslissingen voor hem te nemen. Geef in de tekst van de koppeling aan dat deze in een nieuw venster wordt geopend. | Tip! Leer de beste werkwijzen: links openen in nieuwe browservensters en tabbladen. (Opent nieuw tabblad)

    • Element:

      <a href="https://www.facebook.com/araleamaatwerkbedrijf" title="Facebook" target="_blank" rel="noopener noreferrer" class="link link-oxford-blue inline-flex gap-1.5 leading-6"> <svg data-slot="icon" class="size-6" viewBox="0 0 24 24" color="currentColor" fill="none"> <path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M6.18182 10.3333C5.20406 10.3333 5 10.5252 5 11.4444V13.1111C5 14.0304 5.20406 14.2222 6.18182 14.2222H8.54545V20.8889C8.54545 21.8081 8.74951 22 9.72727 22H12.0909C13.0687 22 13.2727 21.8081 13.2727 20.8889V14.2222H15.9267C16.6683 14.2222 16.8594 14.0867 17.0631 13.4164L17.5696 11.7497C17.9185 10.6014 17.7035 10.3333 16.4332 10.3333H13.2727V7.55556C13.2727 6.94191 13.8018 6.44444 14.4545 6.44444H17.8182C18.7959 6.44444 19 6.25259 19 5.33333V3.11111C19 2.19185 18.7959 2 17.8182 2H14.4545C11.191 2 8.54545 4.48731 8.54545 7.55556V10.3333H6.18182Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path> <path d="M9.72727 22C8.74951 22 8.54545 21.8081 8.54545 20.8889V14.2222H6.18182C5.20406 14.2222 5 14.0304 5 13.1111V11.4444C5 10.5252 5.20406 10.3333 6.18182 10.3333H8.54545V7.55556C8.54545 4.48731 11.191 2 14.4545 2H17.8182C18.7552 2 18.9817 2.1762 18.9989 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
      </svg> @araleamaatwerkbedrijf </a>

33. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/docs/algemene-voorwaarden" title="Algemene voorwaarden (pdf)" class="link link-oxford-blue"> Algemene voorwaarden (pdf) </a>

34. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/cookieverklaring" title="Cookieverklaring" class="link link-oxford-blue"> Cookieverklaring </a>

35. Het title-attribuut op links en afbeeldingen is bedoeld om extra informatie te geven en moet verschillend zijn van de tekst of alt-tekst. De titeltekst verschijnt wanneer je over een element zweeft, maar is niet toegankelijk met een toetsenbord of touch-input. Overweeg het title-attribuut volledig te vermijden. (Opent nieuw tabblad)

    • Element:

      <a href="/privacybeleid" title="Privacybeleid" class="link link-oxford-blue"> Privacybeleid </a>

36. Link heeft dezelfde tekst als een andere link, maar verwijst naar een andere pagina. Meerdere links met dezelfde tekst kunnen verwarring veroorzaken voor mensen die schermlezers gebruiken. Overweeg om de volgende link beschrijvender te maken om hem te helpen onderscheiden van andere links. | Toegankelijk naam cookieverklaring.

    ---

    Tip! De "toegankelijke naam" is het uiteindelijke label dat wordt gecommuniceerd aan mensen die gebruik maken van ondersteunende technologie en wordt berekend door ARIA. Dit helpt hen om het doel van de link of knop te begrijpen.
    • Element:

      <a href="https://aralea.be/cookieverklaring" title="privacyverklaring">cookieverklaring.</a>

37. Is dit een koptekst? Pas je selectie aan | Een regel vette of grote tekst ziet er misschien uit als een kop, maar iemand die een schermlezer gebruikt, kan niet zien dat het belangrijk is of naar de inhoud springen. Vette of grote tekst mag nooit semantische koppen vervangen (Kop 2 tot en met Kop 6).

    • Element:

      <p class="h4 h4-dark"> Pas je selectie aan </p>

38. Is dit een koptekst? Wij slaan anonieme cookies op | Een regel vette of grote tekst ziet er misschien uit als een kop, maar iemand die een schermlezer gebruikt, kan niet zien dat het belangrijk is of naar de inhoud springen. Vette of grote tekst mag nooit semantische koppen vervangen (Kop 2 tot en met Kop 6).

    • Element:

      <p class="h4 h4-dark"> Wij slaan anonieme cookies op </p>

39. Onderstreepte tekst kan worden verward met links. Overweeg een andere stijl te gebruiken, zoals <strong>strong importance</strong> of <em>emphasis</em>.

    • Element:

      <span id="unsupported-browser-notification-close" class="font-bold underline cursor-pointer">Close</span>