Fenna de Wilde Sprint 6 - Akikosophia/we-love-web-notes GitHub Wiki
We love web
fenna Sprint 6
Fenna de wilde frontender develop Creativer
bakker &baek
build in amsterdam
pant phantom > crypto
toegankelijkheid. >
Nextjs reactlibrary I went goed (css) emotion) animation samen
gsap (als er uitgebreide animatie nodig is)
focus state / keyboard
- aria atributes
- carousel
- modals
- kleuren contrast
- alt tekst
focus-visible (psueddo class)
specifiek gericht op elementen
- custom-focus
- outline toevoegen
Consistentie
aria accesibillity Rich Internet Applicatie
aria-label als het geen toegangelijke haam heeft.
Bijvoorbeeld button /logo homepage Screenreader weet niet waar hij heen gaat
playbutton> aria label
(play, pause, stop)
aria control> id
aria expanded-status
aria live >js
aria-Live = of,
aria-live- politie, bezig is wijzigen
aria-live-assertive.
aria live/aria atomic
gaat samen
slides
Carousel doorheen tapper
aria - carousel
role region > section html
Area role description
infinite carousel
aria labelleby >titel
Slide
aria label
Role groep
( nummer)
welk slide
Aria label 1 0f 3
aria-hidden = Visibility hidden
- tabindex = -1
aria live/aria atomic
gaat samen
slides
Carousel doorheen tapper
teria - carousel
role region > setition him!
Aria role description
infinite carouses
aria labelleby >titel
Slide
aria label
dirde groep
( nummer)
welk slide
Aria label 70
Visibility hidele,
aria-hidden=
- tabindex=-1
vermyd List elementen
slide/caroussel onduidelijkkheid user test
screen reader
controls > Rolegroup
aria labels true is waar je best false
modals en overlays logische flow
html dialog! tab is
npm packages
-figma pluggin
Lighthouse
web inspector)