Relatienummer

Let op: dit patroon is nog in ontwikkeling.

Wanneer klanten contact hebben met RVO is het handig om het relatienummer bij de hand te hebben. Daarom moet dit zichtbaar worden als de gebruiker over de naam heen hovert.

Klanten die geen muis (kunnen) gebruiken navigeren via het toetsenbord naar de naam waardoor het relatienummer zichtbaar wordt.

Voorbeeld HTML

<div class="rvo-topnav__background rvo-topnav__background--horizontal-rule">
  <div class="rvo-max-width-layout rvo-max-width-layout--md">
    <nav class="rvo-topnav rvo-topnav--md">
      <ul class="rvo-topnav__list">
        <li class="rvo-topnav__item rvo-topnav__item--align-right">
          <a
            class="rvo-link rvo-topnav__link rvo-link--logoblauw rvo-link--rn"
            href="#"
            title="Relatienummer: 43459823"
          >
            <p>
              <span
                class="utrecht-icon rvo-icon rvo-icon-user rvo-icon--md rvo-icon--wit"
                role="img"
                aria-label="Gebruiker"
              ></span>
              F.J. van de Heuvel
            </p>
          </a>
        </li>
      </ul>
    </nav>
  </div>
</div>

Dit wordt gedaan door het relatienummer toe te voegen in het title attribuut van de link die naar het profiel verwijst. Wanneer een klant is ingelogd ziet deze rechts de naam die hoort bij het ingelogde profiel. Deze naam linkt naar het profiel binnen de website of applicatie waar de klant is ingelogd.

Op dit profiel moet het relatienummer herhaald worden zodat de klant deze kan kopiëren.