WesleySchorel / Toolgankelijk-Sprint-18

De Toolgankelijkheid website voor Vervoerregio Amsterdam om partners te controleren op toegankelijkheid.
https://toolgankelijk.vercel.app/
MIT License
3 stars 2 forks source link

responsive header, breadcrumbs, heading #49

Closed tom-2810 closed 8 months ago

tom-2810 commented 8 months ago

Dit zijn de componenten van de npm library.

Het omvat de reactive heading en dynamic breadcrumbs.

Zover ik zie werkt alles gewoon zoals het hoort. Zouden jullie ook nog even willen checken of alles werkt?

De breadcrumbs werken zowel met als zonder client side JavaScript.

Ook bevat de header nu meta data, wat de SEO ten gunste komt. De titel (browser tabje) past zich ook aan.

Snelle Lighthouse test:

Screenshot 2024-01-24 at 21 43 01
vercel[bot] commented 8 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
toolgankelijk-sprint-18 ✅ Ready (Inspect) Visit Preview Jan 24, 2024 8:49pm
WesleySchorel commented 8 months ago

Fijn dat alles lijkt te werken zoals bedoeld. Ik heb dit gecontroleerd en het klopt. Die kunnen we van de BBQ halen!

Ik heb gecontroleerd of de componenten (nog steeds) responsive waren net zoals in de npm library. Dit was het geval. Op meerdere views, mobile, tablet en desktop ziet de website er netjes uit.

Meta data: Ik heb nagekeken of de meta data correct is geimplementeerd. De titel van de pagina in de browser wordt aangepast naar de juiste en bijpasende titel van de des betrefende pagina.

PE: De breadcrumbs werken goed, Ook na het uitzetten van de client side javascript werkte de breadcrumbs op de gewenste manier.

De lighthouse resultaten zijn het zelfde gebleven.

image