Kijken naar de HTML validator.

[SamaraFellaDina]

De test

[SamaraFellaDina]

https://validator.w3.org/nu/?doc=https%3A%2F%2Flose-your-head-the-client-case-omega.vercel.app%2F

[SamaraFellaDina]

<script>
  import {Title, AccessibillityGraph, AutomaticScan, ErrorResult, TypeGraph} from '$lib'
  export let data = data;
  export let company = data.sites;
  export let result = data.scans[0];
  export let resultsheet = data.scans;
</script>

<h1 aria-hidden="false" aria-label="Welkom op het Accesdash dashboard!">Accesdash</h1>

<Title {company} {resultsheet}/>

<AutomaticScan {result} />

<ErrorResult {result} />

<TypeGraph {result}/>

<AccessibillityGraph {resultsheet}/>

<style>
  h1 {
    position: absolute; /* Take it out of the normal document flow */
    width: 1px;        /* Set a very small width */
    height: 1px;       /* Set a very small height */
    margin: -1px;      /* Move it out of view */
    padding: 0;        /* No padding */
    overflow: hidden;   /* Prevent any overflow */
    clip: rect(0, 0, 0, 0); /* Clip the element to nothing */
    white-space: nowrap; /* Prevent wrapping */
    border: 0;  
  }
</style>

Probeerde nog een aria-label toe te voegen die de h1 aangeeft, de validator geeft namelijk de volgende foutmelding mee:

Het lukte tot nu toe niet. Hopelijk lukt dit later

[SamaraFellaDina]

Alle meldingen zijn als goed als verholpen, op deze twee na