C'est un processus, même si je prends des designs, je pense que je vais pouvoir les impliquer
et puis avoir une main de la design.
Et je réalise que quelque chose va causer une issue d'accessibilité et je dois le cacher.
Bonjour, bienvenue à la podcast de DevTools FM.
C'est un podcast sur les tools de développement et les gens de maic.
Je suis Andrew et je suis ma co-host Justin.
Aujourd'hui, nous avons un grand guest.
Nous sommes en train de joindre Kendall Gassner, un ingénieur qui a primairement travaillé sur les
des design systèmes des entreprises comme Intuit et Spotify.
Dans sa tenure en matière de design des systèmes de design, elle a participé dans
beaucoup de projets d'open source, même en créant sa propre, et a été un de
quelques centaines d'excessibles web de la monde.
Kendall, vous voulez vous introduire un peu ?
Et ce que vous travaillez ?
Oui, je suis Kendall.
Je suis dans l'industrie depuis environ cinq ans.
Je suis maintenant en train de travailler sur Spotify, sur la plateforme de l'agent.
Donc le podcast de l'an, c'est très amusant de moi.
Et je suis le créateur de Plunt Plugin, un export type expo et des snippets d'accessibilité.
C'est cool.
Donc, qu'est-ce que vous avez fait pour développer Front End ?
Pourquoi vous choisissez cette partie de la stack ?
Je pense que, pour Front End, c'est principalement parce que c'est visuel.
Je veux pouvoir montrer mon travail et avoir des gens dans ma famille qui ne sont pas
en train de comprendre ce que je fais et de voir les contributions que j'ai faits pour les projets.
Et d'être capable de comprendre.
Oui, moi aussi.
Pour montrer un projet, c'est toujours un amour de moi.
Et puis, quand je suis en train de me faire des questions,
les gens me demandent ce que je fais.
Je me dis que je ne peux pas vous dire.
C'est un peu de temps à l'heure.
Oui, c'est bizarre parce que même parfois Front End, je vais expliquer à ma mère et elle
va juste regarder et me faire un petit rire et juste rire et me faire un petit rire.
Mais pour le moment, c'est beaucoup plus facile de montrer.
Si vous créez un bouton sur une page,
vous le montrez en travaillant et vous le montrez bien.
Oui, notre audience ne pourra pas savoir combien de travail a été fait en créant les boutons.
Mais moi et Kendall peuvent tester.
C'est le travail de l'année.
Oui, pour sûr.
C'est beaucoup plus compliqué que les gens pensent.
La première chose que je veux faire c'est
le travail que vous avez fait avec l'accessibilité.
Pourquoi est Allie important à vous?
Et pourquoi pensez-vous que d'autres personnes ne savent pas?
Je pense que ça juste se passe en ligne avec l'inclusion.
Je pense que si nous pouvons créer des sites et des produits que personne ne peut utiliser,
pourquoi ne ne nous ferons pas faire possible pour tout le monde
d'utiliser l'accessibilité à ces jours?
C'est assez bien rendu.
Et il y a beaucoup de différents outils que vous pouvez utiliser
pour interpréter dans votre site et faire que ce soit
Il n'y a pas d'outil d'entraînement avec ces gens que vous graduates des cultures?
Est-ce que vous êtes cours刻elier ou d'exposébré
des phénomè 하기 et de nav Forgive au sein de nous?
Vous fahrenz excavé à la analyse à un niveau cotédié
et après votre âge il kind avec japona
TOF deux minutes
W Barbie


en ヘッド
fill !


槐
les tasks de plus vite et nous faisons leurs vies plus difficile et nous sommes déjà face à des challenges.
Pourquoi ne nous souhaitons pas?
C'est une bonne note pour les gens aussi, que si vous ne seriez pas en train de construire les websites accessibles,
vous pourriez être à un risque légal.
Parce que, je veux dire, techniquement, vous êtes supposed à faire une mesure de accommodation,
en tant que base, c'est une bonne base.
Oui.
Je trouve intéressant que la même loi qui fait que les entreprises doivent avoir une rampe
sur les frontières, pour que les gens dans une caméra puissent s'améliorer leur business,
est la même loi que le fait de dire que votre site doit être accessible pour les gens.
Absolument.
Oui, c'est toujours le bon moyen de faire accessible,
le point de faire une compagnie qui ne peut pas voir cela comme un besoin de business immédiat.
Les issues légales.
Mais aussi, il y a, je pense, 1 à 5 personnes en Amérique avec un type de disability.
Et c'est un grand groupe de gens, donc 20% de la population, vous vous en prenez maintenant,
et ça pourrait être votre custom, si vous faites votre produit accessible.
Oui, et pas seulement les gens avec des décevaux de disabilities en ont le bénéfice.
Comme, juste être un frontière d'ingénieur et d'impliquer la navigation des keyboards,
je utilise mon keyboard pour utiliser un site de l'aim beaucoup plus maintenant.
Et si je vois que un site ne supporte pas cela, je me demande.
Oui, ma préférée histoire de cela, c'était un peu d'anniversaire,
je travaillais sur un component de la compagnie de la système de design.
Et je me suis rendue un feature où, si vous commencez à mettre les lettres,
cela va automatiquement scroller à cet item et choisir le produit.
Et l'amount de développeurs de la compagnie qui m'a envoyé des messages directs,
disant que je ne peux pas utiliser votre implant ou que vous ne le choisissez plus.
C'est un peu malade, c'est vrai, c'est définitivement utilisé par un nombre de gens.
Et ça fait que tout le monde est plus facile, à l'heure et d'honneuse.
Qu'est-ce que les zones qui sont plus difficiles ?
Peut-être plus difficile à tester, mais moins évident.
Je me sens que la chose de l'usabilité de la compagnie est une bonne chose
que les développeurs de la compagnie seront toujours capable de l'enlever.
Mais les choses comme comment un éditeur de la compagnie s'accueille
sont presque sa propre expérience unique.
Vous devez penser à l'usabilité de cette chose,
parce que c'est une chose qui dit que c'est un truc sur la screen,
mais c'est une autre chose qui ne fait pas le sens.
Et c'est une expérience qui est en fait plaisante.
Qu'est-ce que votre expérience a été avec ça ?
Je pense que c'est plus difficile à commencer à s'engrâter.
L'un des choses que j'ai vu beaucoup de gens faire
est que, pour les développeurs,
les développeurs en utilisant les labels aériennes
sont aussi explicables que les boutons.
Quand un bouton, si ça dit « soumettre »
et peut-être quelqu'un qui ne utilise pas un éditeur de la screen,
on voit le soumettre sur le site website.
C'est très clair que ce bouton va soumettre la forme.
Et puis, parfois, quand vous développez les formes et les boutons,
vous pensez que je dois dire
que je vais soumettre cette forme dans le label aérienne
et que tout ce que vous avez besoin de dire est « soumettre ».
Vous n'avez pas besoin de l'enlever et utiliser des labels différents
que les utilisateurs visibles.
C'est donc l'une des problèmes que je pense que c'est plus difficile
à comprendre, c'est juste comment
ce type d'utilisateur,
ou d'utilisateur de la screen ou d'utilisateur de la machine
travaillent avec le produit.
Et peut-être que la meilleure solution pour cela
est de pouvoir faire un « take me home with them »
et voir qu'ils utilisent le site
et ce qu'ils ne sont pas en train de l'interpréter
vers ce qu'ils sont.
Je pense que c'est un grand part de ça.
L'accessibilité de la tooling en général
est un peu…
intimidant.
Je pense que la plupart des gens,
quand ils sont construits la version de la version de la UI,
les autres ne sont probablement pas utilisés
par le record de la screen de la built-in.
Et les autres ne sont probablement pas réalisés
que le record de la built-in
n'est pas ce que les gens qui utilisent les record de la screen
utilisent.
Oui.
C'est intéressant.
Je pense que le plus grand public de la screen reader
pourrait changer, mais je crois que maintenant,
c'est la NVDA avec un browser Chrome.
Mais la NVDA et la deuxième,
les « JAWS » sont seulement disponibles sur PC,
pas Apple.
Et les autres développeurs sont développés avec les Macbooks
et utilisant le voice-over
pour en faire un check-up de la screen.
Donc, c'est vraiment un problème.
La chose que j'ai souvent fait dans mes jours-à-dés,
c'est que je vais en garder des features de certaine accessibilité
sur mon PC,
donc je garde le bouton de la recette de la recette de la recette.
Je ne l'aime pas vraiment en regardant les boutons de la recette de la recette.
Mais aussi, c'est génial pour les « catch-in-bugs ».
Je sais que, à l'instant de travail,
on avait un dot sur la page
plutôt que d'un bouton de recette de la recette.
Donc, comme vous pouvez l'imaginer,
si quelqu'un a une recette de la recette de la recette de la recette,
et le bouton de la recette de la recette de la recette
ressemble à un dot,
ils ne vont pas vraiment pouvoir dire que c'est une page de recette.
Peut-être une meilleure idée
d'avoir le texte, disons, « loading »
et ne pas montrer une animation tout de même.
Mais, il faut vraiment le faire avec ces features
et essayer de faire un VM
et essayer de faire un NPDAA en travail,
c'est toujours bien.
Oui, vous devez vraiment les traiter
comme des targets de séparat de browser.
Vous devez être testés en Firefox, Safari et Chrome,
mais vous devez aussi probablement être testés
dans les deux les plus populaires des readers de la recette.
Oui.
Et les phones, je ne peux pas dire ça suffisamment,
mais avec les les slides,
ils peuvent poser leurs propres problèmes.
Oui, donc,
pour pouvoir se déterminer sur votre iPhone
ou, je ne sais pas,
je ne pense pas au nom de Chrome,
un screen reader pour un Android phone,
mais,
pour pouvoir vérifier ces phones.
Oui, vous avez vérifié Firefox's accessibility browser.
C'est la même chose que le panel d'éléments,
mais vous pouvez aller vers le tab d'accessibilité
et voir ce que le PC peut voir sur la page.
Vous avez utilisé ça ?
Oui, donc je pense que les tools d'accessibilité
pour les browsers sont mes préféres actes,
pour être sûr de pouvoir faire un test actuel
sur votre page web et voir ce que les violations sont.
C'est le meilleur.
Firefox, j'aime ça.
J'aime leur treat d'accessibilité,
ça fait que tout est très clair
et vous pouvez voir les labels et les attributes
qui sont attachés.
C'est aussi très bien.
Je dois être honnête,
je développe en Chrome.
Je suis en train de changer de Safari
depuis mon travail.
Je sais, c'est bizarre.
Je ne sais pas pourquoi j'ai fait ça,
mais j'ai trouvé beaucoup de bugs.
C'est bien de développer un environnement différent
que vos co-workers.
Vous allez trouver des bugs.
Oui, je veux dire.
Vous avez été certifié d'accessibilité.
Qu'est-ce que ça veut dire ?
Qui donne cette certification ?
Pourquoi il y a beaucoup de gens qui ont été certifiés ?
Est-ce que vous avez appris
ce qu'il y a dans ce processus ?
Oui, donc la certification que j'ai obtenue
était un specialist d'accessibilité web.
C'est donné à moi par IAP,
qui est l'association internationale
d'accessibilité professionnelle.
J'ai été surprise
quand j'ai trouvé le nombre de gens
qui ont cette certification.
Je n'ai pas compris que c'était beaucoup,
mais, à l'heure de l'honneur,
je pense que c'est un manque de connaissance
qu'il y a une certification disponible.
La certification,
j'ai trouvé ça difficile.
Il y a beaucoup de problèmes.
Vous devez trouver des violations d'accessibilité
dans un code snippet.
Vous devez savoir
les lois d'accessibilité
qui sont written par les guidelines d'accessibilité web.
Vous devez savoir les rôles ATAG,
qui sont un autre set de guidelines.
ATAG est l'autorisation d'accessibilité.
Vous devez savoir comment utiliser les écrivains,
tous les rôles et les shortcuts,
qui étaient très intéressants,
et qui ont été beaucoup inquiétantes.
Mais c'est assez cool.
De pouvoir apprendre les guidelines d'accessibilité web
a été utile pour déterminer
les complérences que nous devons suivre par loi.
Et aussi,
les shortcuts de la recette de la recette de la recette
ont été beaucoup aidés.
De savoir comment arrêter les recettes de la recette de la recette
et de parler à tous les différents recettes
et de pouvoir naviguer à une page
a été vraiment sympa et utile.
Mais, oui, le test a pris
à peu près 5 ou 6 semaines de étudier.
Je suis allée au cours d'un DQ,
qui était vraiment aidé.
C'est un cours en fait,
je pense que c'est le PIP,
les gens eux-mêmes.
C'est assez bon pour étudier
et pour passer.
Mais c'était un cours cool.
Et ça me permet d'avoir beaucoup d'idées
sur comment fixer
nos problèmes d'accessibilité
ou de trouver des violations d'accessibilité
que je ne savais pas
étaient les erreurs à la fois.
Et ça m'a également aidé
à créer des décisions d'accessibilité
parce que, essentiellement,
après aller
à travers les attributs de la RIA,
c'est aussi quelque chose
que vous devez renseigner
toutes les règles de la RIA
associées à l'accessibilité
et quand vous les utilisez.
Je réalise qu'ils sont vraiment compliqués
et il y a beaucoup de leur.
Donc, en pouvoir faire des défilés
pour les développeurs
qui ne peuvent peut-être pas
avoir le temps de passer
et prendre le cours DQ
ou apprendre que les attributs de RIA
peuvent facilement les ajouter à leur code
sans mettre trop de pensées.
Mais oui, c'est un cours assez cool.
Pour la certification,
il y a un couple de personnes
qui sont au-delà de l'accessibilité de la RIA.
Et puis il y a aussi,
je pense, quelques plus de gens
qui sont plus générales
si vous n'avez pas un développeur.
Parce que l'accessibilité de la RIA
est plus au-delà de développement,
vous pouvez prendre un couple
de autres certifications
et encore les certifications
dans l'accessibilité.
Donc,
depuis que beaucoup de personnes
sont partie de ça,
c'est probablement un chose non-sous.
Qu'est-ce qui vous a aidé
à prendre cette challenge ?
Je l'ai déjà entendu
sur la certification
dans l'accessibilité.
Et ce que l'accessibilité fait,
c'est qu'ils ont créé
un moyen pour aider les gens
sur le cours,
les employés sur le cours
pour l'accessibilité
et pour créer des manières
pour les employés différents
pour s'en prendre et apprendre
l'accessibilité.
Ted Drake,
il est le leader de l'accessibilité
dans l'accessibilité.
Il a basicement
un système qui s'appelle
l'accessibilité de la RIA
où vous pouvez aller
et faire des tests différents.
Et puis,
skipper à l'arrestation
et avoir listening
au niveau de l'accessibilité
basé sur le cadre
sur le sens du spreur
d'aide à l'accessibilité.
Il y a 3 tutoriels.
L'accessibilité champion
1, 2, et 3.
Le besoin estpotencieux
de la compétence de l'accessibilité.
complexe, il s'agit d'enseigner des groupes de l'accessibilité,
en étant un leader dans un certain secteur,
et ça s'involte à l'accessibilité.
Donc, pour moi, c'était le leader de l'accessibilité dans le système de design.
Et, bien sûr, d'autres choses.
Je sais qu'il y a aussi un outreach que vous devez faire.
Et puis l'accessibilité champion 3 était plus complexe,
mais l'une des choses qu'il y a à faire pour devenir l'accessibilité
3 champion est de remplir la web d'accessibilité spécialiste.
C'est cool.
Ted a vu la certification.
Il voulait que les gens soient à l'aide de l'accessibilité.
Et il a encouragé beaucoup d'employés
à prendre le test et devenir certifié.
Oui, pour ceux qui ne le connaissent pas,
Ted Drake est un expert d'accessibilité.
Et il est comme le patron saint de l'accessibilité.
Il a fait ça, comme, littéralement,
pour les années 20, 25,
il a commencé à Yahoo.
Et il n'est qu'un parogne pour l'accessibilité.
Il était un peu plus longtemps avant l'accessibilité.
Juste aller de team à team
et appeler toutes leurs accessibilités.
Oui, il est incroyable.
Il a ouvert beaucoup de portes pour moi en accessibilité.
Et ça va vous aider de toute façon.
Je sais qu'un jour,
je travaillais sur un système de design
carousel que
Andrew a prouvé les designs pour et m'a donné à me faire.
Pas de chouette.
Non, mais je l'ai fait.
Je travaillais sur un carousel
et je ne pouvais pas faire le meilleur de la façon
de faire ce système de design carousel
pour être plein de parts de l'accessibilité
mais aussi accessible.
Parce que, en avoir un carousel accessible,
il doit être très spécifique et explicit
dans ce que cela fait.
Donc, il a été en train de travailler
à 10 p.m. une nuit avec moi pour ne pas le faire.
Il n'a pas de nom sur le jératage.
Ce n'était pas son problème,
mais il y a vraiment un moyen de l'aider.
C'est génial.
Oui.
Je l'apprécie beaucoup
la structure du système.
Parce que
pour le meilleur ou le worse,
c'est probablement
le plus important
que vous ayez à l'endroit.
C'est beaucoup important
de la sensibilité.
Mais c'est important
de construire un software
et de mettre l'empathie pour nos utilisateurs
et ne pas les laisser.
C'est une partie importante de ce que nous faisons.
Mais pour le meilleur ou le worse,
il peut souvent être
un truc que quelques individus
sont en train de faire.
Et c'est comme,
« Hey, on devrait le faire, c'est important. »
Et ça se termine
comme un effort de grassroots.
Mais c'est bien de voir
une structure
pour développer
une sensibilité et une organisation.
C'est probablement
quelque chose que
beaucoup d'autres organisations
que je ne sais pas adorer.
Vous pouvez être
si bon à l'accessibilité,
mais à l'endroit,
si vous êtes une personne
à la compagnie,
il y a 30 autres personnes
qui ont des codes de merging.
Vous ne allez pas couvrir
toutes les bases.
Vous ne allez pas pouvoir
révéler chaque PR
et les choses vont se couvrir.
Donc,
je pense que d'être capable
de le faire
et de le faire
plus facile pour vous-même
et ne pas avoir de réveiller
beaucoup.
C'est absolument nécessaire.
Mais j'aime l'approche
de TUC
parce que
c'est un système de réward.
Donc, c'est pour ça
que les gens
peuvent apprendre
l'accessibilité
et puis
à l'endroit,
ils vont avoir un badge
ou un achat.
Je pense qu'il y aurait
un t-shirt qui peut être
invité.
Mais juste
les petites choses
qui motivent
le début de la réveiller
et puis,
quand quelqu'un
s'envoie un peu
d'accessibilité
et s'envoie un peu
de la réveiller,
je pense que c'est difficile
de les arrêter
pour les apprendre.
Oui, ils ont fait
la même chose
avec l'open source
où l'intérêt
a ce badge
de système
interne
qui vous permet
de gamifier
tout ce que vous voulez.
Donc,
les track de réveiller
d'accessibilité
sont gamifiés
ainsi que les ones
d'open source.
Oh, oui.
A chaque fois
vous pouvez avoir
un petit achat
qui est le nom de votre nom.
C'est toujours bon,
c'est ça.
Donc,
vous connaissez évidemment
beaucoup de design,
mais qu'est-ce que les
designers vous travaillez
avec ?
Vous avez eu
besoin d'aider
à les éduquer
pour construire un design
inclusif ?
Oui, je pense que
j'ai honte
que le carousel
était un bon exemple.
C'était beaucoup de
retour
parce que ce n'est pas
si facile
d'être
capable d'understand
pourquoi...
Je pense que
avec le carousel
exemple,
l'une des issues
qui s'est acceptée
était
dans le système de design
qu'il veut
l'imposé
pour être flexible.
Donc,
en quelques cas,
peut-être que vous voulez
seulement
une carte
pour détenir sur la page,
et en quelques
instances,
peut-être que vous voulez
une carte
pour montrer sur la page,
mais ensuite,
vous voulez un petit
quart de
la prochaine carte
qui va vraiment signifier
qu'il y a
des cartes
qui sont en train de
continuer à bouger
au carousel.
C'est un peu difficile
de faire
sans détenir
un autre carte.
Si vous avez
des éléments
à l'intérieur de chaque carte,
donc,
vous avez un bout
à l'intérieur du carousel,
ce qui je ne pense pas
honnêtement
qu'il y a
des éléments
interactifs
à l'intérieur du carousel,
mais si vous avez
un élément interactif
dans un carousel
et vous n'avez pas de
détenu sur la prochaine carte,
alors votre
indicateur de focus
de votre carte
va bouger
à cet élément
interactif.
Et puis,
tout va se faire
fricier,
parce que tout de suite,
vous allez être
sur
comme
l'extérieur de la page
sur la droite,
et rien ne va
être dans votre carousel
plus tard,
parce que vous vous
vous concentrez
sur ce
petit bout de la carte.
Donc,
expliquer des choses comme ça
était
définitivement
quelque chose que j'avais
à faire
avec le design,
juste parce que ce n'est pas
quelque chose
qu'ils ont totalement
compris
pourquoi
je ne vois pas
le bout de la page,
pourquoi
si ce n'est pas
le bout de la page
de mon tab à l'intérieur
quand on va juste
le mettre au bout de la page,
mais juste ce qui est
plus
focussé
sur le développement
et pas
explicitement
un problème de design.
Je ne pense pas
d'un autre
utilisation
à l'intérieur du carousel,
mais c'est
un processus.
Même
je vais avoir des designs
et je pense que
je vais pouvoir
les impliquer
et puis
avoir une main
au design
et je réalise
que
quelque chose
va causer
une issue d'accessibilité
et je dois
retourner
au design
et nous devons
râcher l'outre.

des designers
que je travaille avec
est
quand un problème
comme ça
vient de l'entraînement,
ils sont flexibles.
Si je peux
expliquer la situation
et
montrer pourquoi
ce n'est pas
pas utilisable
à un niveau accessible,
ils sont bien
pour
changer les designs
et faire mieux
pour tout le monde.
Mais oui,
juste de pouvoir
montrer
ou montrer
quelqu'un
vraiment
ce qu'est le problème
et
leur permettre
de venir
avec une autre solution
ou peut-être
si vous avez
une autre solution
expliquer
différentes options.
Les deux grands exemples
que je peux penser
de
quand j'ai travaillé
sur le design
système
était
l'utilisation de couleur.
Il y a eu plusieurs
initiatives
pour faire
toutes les couleurs
et tous les contrastes
au travail
dans les ratios différents.
Je pense qu'on a même
fait
une certification double A
pour une certification triple A
récemment.
Et puis l'autre gros exemple
était juste
les études de focus
en général.
Comme pour le plus long
de temps,
on a eu cette friction
avec le design team
où on est
comme
on ne démarre
le tout.
Il y a un tout
de focus
qui nous faut penser
parce que
c'est l'une des
meilleures usages
de notre produit.
Oui,
avec l'initiative de couleur,
je pense que l'une des
les manières
que nous avons
de couleur
contraste
pour être
plus
au niveau de design
et que le design
veut défendre
pour des
différentes
composants
ou des composants triple A.
C'est pour ajouter
un coloris contraste
dans notre livre de storytelling.
Ce que nous avons fait
c'est que nous avons
pris toutes les couleurs
intuites
et
ont pu
mettre les menus
en place
et ont montré
ce que les couleurs
auraient à l'autre côté
de l'autre.
Nous avons
mis
une typographie
dans une box
et avons une
box
d'outre couleur
et puis la colorise
typographique.
Et
on a juste
mis une ligne
dans la ligne
et dit
ne pas passer
et aller
pour vraiment
montrer
ce que
c'était un bon outil
parce que c'est
visuel
pour qu'ils peuvent
aller
voir
les designs
eux-mêmes
sans avoir
à nous demander
ou
avoir à
aller sur Google
et voir
eux-mêmes.
Et puis
ça vous permet
de jouer
avec différentes couleurs
et de les voir
ensemble.
C'était un
bon outil.
Oui.
C'était cool.
C'est aussi
sympa
de savoir
les niveaux de compagnie exacts
et
une petite
mathématisation fun.
Une chose
d'une expérience
de ma vie
est que
spécialement
quand vous en développez
dans le système de design
vous pouvez
faire
des petits
bits et
pièces
mais
l'information
d'une telle
page
peut faire
les choses
très
et
ont des designs
pour avoir
les faunes
plus


et
si vous avez
beaucoup d'informations
et
vous commencez
à couler
sur les choses
et
c'est
quand
ma expérience
de couleur
contraste
commence
à devenir
plus
plus
des choses.

cette
tension
de
mais
je

gras





ç
et faire des choses customes et ça commence à être moins accessible
quand l'expérience s'est étendue, c'est un challenge.
Oui, tu n'es pas obligé de faire attention à un certain component
solide, en couleur.
Si c'est un component qui devrait être offert sur la page,
et le principal part du pays doit être détruit en de nombreux de manière
que la couleur soit très grande sur la page,
le navigateur de votre clé s'applique à la page,
et le bout de la page n'a pas le temps de faire un skip
pour le bout de la page, c'est toujours bon.
Je ne fais pas le bout de la page, je suis désolé.
Mais oui, je pense que c'est un autre issue
d'interessant qui s'est étendue en accessibilité.
Le pays doit avoir trop de contenu.
On commence à avoir des rues,
où c'est très difficile de dégager ce qui est complémentaire.
La couleur de la page est facile,
c'est 4,5 ou 7,5,
en matière de texte,
mais quand vous êtes en train de faire des rédabilités
de la page, la complexité,
la dyslexie, elle vient de la mélange.
En faisant que la page soit facilement understandable,
elle n'est pas toujours coulée et douce,
et ce n'est pas quelque chose que vous pouvez utiliser pour les tests.
C'est quelque chose que vous devez vraiment penser.
C'est mon pays simple enough
que vos yeux soient en train de faire le component
que je veux que les gens soient en train de faire,
ou des ades différentes,
ou des menus de navigation,
et est-ce que ils sont en train de faire des choses distractives?
Maintenant, en travaillant sur le design des entreprises,
que pensez-vous que ça a travaillé?
Est-ce que les différences de la majorité
sont de la manière dont vous avez appris
et que vous avez appris vers Spotify?
Quels sont les problèmes communs que vous avez vu?
Des choses que j'aime vraiment
et que je pense que ça devrait être pensé
quand le first creating et le design sont créés,
c'est de penser en faisant un projet
comme vous avez appris pour les entreprises
qui ne peuvent pas utiliser ça.
Mais je pense que le problème commun que je vois
est la flexibilité avec le design.
Je sais que ça me semble drôle
parce que dans le design,
vous voulez créer un component
et avoir un design certain et pas flexible,
pour que les gens puissent faire des projets.
Mais parfois,
les produits de couleur de couleur
peuvent être différents
d'autres produits de couleur de couleur,
ou peut-être des choses de radiance bordel
qui doivent être un peu moins dures
que d'autres produits.
Donc, avoir la flexibilité
à éloigner certaines features
est toujours bon
et ne faire pas un component
pour le finite, je pense.
Des choses comme les propres
qui sont toujours bonnes,
donc, de pouvoir utiliser des éléments
native HTML.
Les propres qui ont été propagés
sont grandes.
Vous pensez en ce genre
des handlers en train,
des handlers en bleu
que vous avez pour vous,
sans avoir à écrire
tous ces propres,
des tokens de design
que vous avez pour vous,
des tokens de design
qui vous permettent de faire des produits
de couleur de couleur de couleur.
Vous pouvez utiliser des tokens de design
et de l'aider
à les remplacer
avec d'autres tokens de couleur de couleur.
Si vous n'êtes pas
familiar avec des tokens de design,
il y a essentiellement
des variables
que vous pouvez utiliser
pour les CSS
et puis les remplacer
avec des valeurs
que vous voyez,
c'est un moyen
d'améliorer les produits.
C'est un système de design.
C'est un endroit
très important
pour introduire des variables
dans votre système de design
sans ajouter
trop de variables.
Parce que
l'argument classique
des deux endroits
des spectraux des systèmes de design
ne va pas me permettre
des styles
ou des noms de classe
et je vais me permettre
des styles ou des noms de classe
et les tokens de design
vous permettent
un peu de medium
de la twoe.
Oui,
et je l'aime bien
des noms de classe
dans le raison
mais vous voulez toujours
faire des choses
comme les contrastes
et assurer que ces rôles
soient
abidées
mais vous voulez la flexibilité
vous voulez pas
quelqu'un pour créer
un nouveau component
parce qu'ils ne veulent pas
suivre votre radie bordale
Un autre chose
que je pense
est important
c'est la plottage
je me sens comme si
ça était un peu drôle
mais la plottage
de component
si vous avez un bouton
peut-être
un slot texte
donc vous pouvez
avoir
un texte ad
et ça va vous montrer
dans l'arrière
que vous spécifiez
mais vous pouvez aussi
avoir un slot icon
donc vous pouvez dire
je veux mon icon
toujours être
sur la côté gauche
de la texte
donc en plus de passer
dans les enfants
et avoir
en utilisant les enfants
et avoir
le développeur
en utilisant votre système de design
de component
pour décider où est le icon
il est shown si c'est
devant le texte
ou si c'est derrière le texte
vous êtes expliquant
d'ailleurs
que le slot icon
est toujours
devant le texte
je pense
que
en étant
envers ce que je disais
avec CSS
et en avoir
beaucoup de variabilité
avec CSS
mais avec des slots
vous êtes disant
que un component
de contenu
comme un carton
ou un carton
il ne peut pas avoir
tout, il peut avoir
le sub-set
des choses que je spécifie
et je vais mettre
où je veux les mettre
comme le développeur

mais je vais vous
optionnellement
les ajouter
je pense que
oui, un bon use case
de ça
c'est juste un component
de carton
peut-être que vous voulez
un titre, une description
un sub-title
mais vous ne voulez pas
en quelque cas
je ne sais pourquoi
vous ne voulez pas ça
mais vous ne voulez pas
une image
oui, pour un petit plus
contexte
le système slot
que nous avons développé
pour le système de design
nous
quand nous nous développons
nous avons voulu
les gens
utiliser les enfants
plus et plus
parce que c'est
une grande partie
de réaction
vous pouvez juste
utiliser les components
et bien sûr
vous pouvez avoir
ces propres
mais c'est vraiment
le plus beau
c'est de avoir
cette structure
où vous pouvez
encore voir le fruit
et vous pouvez
mettre les choses
que vous voulez
et c'est ce que les slots
vous donnent la possibilité
de faire
donc, en regardant
l'exemple de Kendall
vous avez un component
de carton
qui est un des enfants
de votre component de carton
et qui est placé
dans le slot
le feature de slot
est
quelque chose
je pense
qui serait cool
de le faire
réacteur
parce que
c'est
une partie
de la
dom
déjà
avec les components de web
je suis sûr
que vous pouvez définir
les slots
dans vos components de web
et les gens peuvent
utiliser leurs
en plus de la même manière
que vous avez utilisé
Arsle
oui, je
j'ai hâte
d'adresser des propres
par propres
je pense que c'est
un développeur
quand je suis
utilisant un component
je veux toujours
les ajouter
et aussi
c'est un propres
juste en général
plus difficile
à lire
quand c'est
trop de contenu
je veux 3 ou 4 propres
dans mon component
et je veux le reste
pour juste être les enfants
mais
en général, c'est plus facile
à développer
je pense que
utiliser un component
quand c'est slot
pour avoir
les items spécifiques
par propres
mais vous êtes
encore
en train
de limiter
ce que
c'est
à l'intérieur
de votre component
je pense que
la parole que vous avez
regardé un moment ou deux
est
de la composabilité
de pouvoir
composer
toutes les components
c'est super puissant
et ça se construit
à l'idée que vous avez
juste mentionné
qu'en avant
100 propres de la top

vous pouvez avoir
toutes ces subcomponents
où leurs propres
sont leurs propres
donc vous pouvez avoir
3 ou 4 sur chaque niveau
oui
et je pense que je vous ai
déjà mentionné
mais un autre
chose que je pense
est crucial
pour un système de design
c'est de utiliser
les items de la base
où possible
ça
s'étend
avec l'accessibilité
vous êtes en train
de prendre les features
de l'accessibilité
pour vous
vous n'avez pas de
utiliser les attributes
de la base
et vous avez
beaucoup de fonctionnalité
pour vous
avec un component de sélection
qui je sais
a un menu de dropdown
agréable
vous êtes toujours
en train de
mettre le type
et la navigation
pour vous
ce qui est
plutôt complexe
et pas fun
pour vous
je pense que
les sélectes
sont les les plus
hardes des components
pour les codes
si vous avez
picked
100 developers
ils ne pourraient
pas dire ça
mais c'est certain
c'est pour moi
que je fais
un carousel
je dirais
que c'est
un carousel
ils sont assez clairs
quand vous pensez
d'un système de design
très robuste
carousel
si ça n'a pas
la flexibilité
il ne peut pas être
difficile de sélectionner
mais si vous pensez
de réactes portaux
si vous pensez
de la base
si vous avez
d'implements
comme ce type de tool
où c'est
ce qui s'étend
sous la box sélection
vous avez
de la pensée
c'est un petit component
actif
et différent
de mobile
comme un autre
je ne pense pas
de ça
je pense que
Devyn Gavet
et des gens
à Adobe
ont récentement
élevé
ou
a écrit
un article
sur les sélectes
qui étaient
très intéressantes
je vais en conclure
les notes
c'est Daniel Lu
et des autres folks
oui
une chose est certain
que je ne ferai pas
de l'envers
je vais either
aller à l'implementation

parce que c'est déjà
ouvert
ou je pense que
Radix UI
a aussi un bon
on ne vous en a pas
récentement
j'ai pas
récentement
à ce point
pour ceux
qui ne savent pas
récentement
un système de design
qui a
très
accessibilité
de la baie
que vous pouvez
ajouter
à votre système
et d'adverir
un style différent
je pense qu'il y a
une bonne manière
d'y avoir
toutes les features
de la baie
sans avoir
à les faire
je sais
j'ai utilisé
souvent
dans mon système

dans le système de design
et c'est un très bon
tool
dans votre pocket
Kendall, vous êtes
l'un des premières
enjeuners
à contribuer
à des projets
d'open source
et vous avez
créé
un peu de votre propre
quel est
votre approach
pour vous
à faire
ce qui est

ce qui est le but
d'y aller
et de faire
ce que vous avez fait
je vais
exposer
moi-même
mais
c'est
un équipe
avec 4 autres
enjeux
quand j'ai
créé
mon premier
projet d'open source
et ce qui s'est

c'était
un type script
répo
et notre système

était
utilisé
par les gens
qui se sont
réparés
en type script
et nous
avons
créé
des propres
fonctions
et le component
d'enjeux
dans le folder
pour le component
nous serons
exposés
dans le file index
et ce que je fais
c'est
j'ai
créé
toutes les types
que j'ai
créé
et ensuite
j'ai
créé
un file
en type script
et
j'ai créé



un type script
et je ne le dirai pas
dans votre code
mais quand
quelqu'un
qui travaille
dans un file
en Java
veut
utiliser
votre file type script
ils vont
en finir
en
disant
si vous avez
écrit un code
qui disait
importe
x
de types
et puis
exporte
x
d'autres
ils disent
x n'existe pas
si x est un type
ou un interface
ce n'est pas
ce variable
et on ne le voit pas
ce code
ça fait le sens
c'est parce que
type script
comporte
en Java
il
extracte
tous les types
importe
mais il y a
toutes les exportes
si vous importez
un type
et ensuite
exportez
vous
vous allez
les faire
mais vous ne le verrez
quand quelqu'un
installe
votre package
et la première fois
j'ai
une



et je suis
en train




et

















je suis en train


un
code










un code


un code

j'ai
un code
et
j'ai
un code
et
j'ai

un code
j'ai
un code
ça va
et
c'est
pas
par not knowing that there was both of those and I was thinking how many people don't know when to use a re selected when to use a re checked.
I mean, did they know that there's like an aria?
I think there's like an aria drag and an aria drop.
I might not have said the exact name right, but all these aria attributes, there's got to be like 70.
I doubt most people know them all and when to use them.
So I wanted to make an open source project that made that easier as well as reduce motion and CSS,
which I think is the best part of that package.
If you check it out, there's a little snippet that every time you type a media query for motion,
it'll automatically add the reduce motion.
Fine.
But yeah, so I guess essentially it just came from not wanting to make mistakes in front of people,
but I think the biggest takeaway is if you see a problem, don't just continually fix it.
See if you can find a way to avoid the problem.
And that kind of goes more with ESLent rules and things like that.
But also don't be afraid if you see a problem in an open source project to go and make a PR
because I'm sure the code owner rather have you make a PR than make it themselves.
Yeah, for sure.
Have you gotten many contributions to any of your projects yet?
Yeah.
So one of the cool things that I've I did actually a couple of weeks ago was at Grace Hopper's open source day
this year, it's two days actually in the air,
but I had my refos open with issues tagged that people could go and contribute to.
The accessibility snippets one was really cool because I thought that by adding snippets for new
RE attributes and rules, people were actually learning a lot about those specific rules.
And then the ESLent plugin, I actually got PR added today, which is really cool.
It ended up being importing X as different name from file.
That was not thought of when I made that specific ESLent rule.
It's cool to see people contribute.
I'm pretty quick actually on reviewing too because at my current job, I am working on my GitHub account.
So I'm always looking at reviews and requests if anyone ever wants to contribute.
Don't open those floodgates candles.
Hey, let's work for me.
Well, lots of reviews, but let's work for me in the long run.
I don't know.
I mean, it's still at that point where at least with the snippets projects, it's not that hard to review,
but maybe the ESLent plugin's a little harder.
Yeah, the power of ASTs are really fun.
Once you stop being afraid of the word AST and like what that entails, the power you unlock is really cool.
Yeah.
I did some really bad things with Post-CSS, but I had a really fun time doing it.
Oh, yeah.
Post-CSS, the team we worked on produced a package called Post-CSS themed,
and that one holds a special place in my heart because literally every person on the team
had contributed in some major way to this open source project.
Yeah, I mean, it also just feels good when your picture comes up on like a GitHub open source project
and your name's under it as a contributor.
Cool.
I think that about wraps it up for all of the questions.
That was a great conversation, but now it's time to move on to tool tips.
My first tool tip of the week is something called FlightControl.dev.
This is, I don't know if it's a startup, but it's a product coming out from the people who have been developing Blitz.js.
Et pour ceux qui ne savent pas, Blitz.js est une frameworks pour le stack.
Donc, ça a tout à fait besoin de créer des bas-bordes et des bas-bordes.
C'est construit en première place sur Next.js, mais je pense qu'ils ont récemment évoqué de ça
et ont leur propre flavor de Next.js.
Mais ce qui me fait vraiment plaisir pour ça, c'est que l'un des choses que Next.js vous intervient
est la développement de la service.
Et bien que la développement de la service peut être bonne pour beaucoup de projets,
il y a beaucoup de projets qui peuvent encore bénéficier de la service.
FlightControl s'étendait de la box avec Blitz.js et Next.js et vous permet de contrôler votre back-end beaucoup plus.
Mais avec Versel, vous êtes allé pour configurer les services AWS.
Vous avez un peu plus de liberté pour faire ce que vous voulez.
C'est encore en pré-launch, je ne pense pas que quelqu'un a encore l'access.
Mais je suis assez content pour ça, parce que quelques de mes websites
je suis en train de faire sur le service.
Et je suis en train de faire des billets de la dernière fois.
Et j'espère que ça peut m'aider un peu avec ça.
C'est cool. C'est sympa de voir plus de providers de hosting.
Je suis toujours un fan de Railway et d'autres qui sont venus.
Mais c'est sympa de voir.
En parlant de les systèmes de design et de la chose, je me suis imaginé d'en prendre quelques intéressants.
Je suis passé à la UI de Daisy.
Je suis très content d'avoir des compagnies.
Je suis très content de les compagnies.
Vous avez beaucoup de bonnes enjeux de ce service.
Par exemple, si vous avez changé le thème, le thème de la UI,
vous allez avoir des couleurs de la chose qui vont à l'arrivée.
C'est sympa.
Je me suis fait entrer sur quelque chose comme ça.
Parce que je suis en train de faire plus et plus dans l'éloxier.
Les compagnies de l'éloxier sont encore plus tempélite.
Ce n'est pas comme des compagnies de l'éloxier, c'est comme une UI de la RAC.
Vous avez besoin d'un plus flexible.
De toute façon, Daisy est une bonne façon de faire des compagnies de l'éloxier.
Si vous voulez, c'est un bon nombre de compagnies.
C'est un bon nombre de compagnies.
Ça a l'air super sympa.
J'aime leur color scheme aussi.
C'est intéressant parce que vos deux taux de la RAC ont beaucoup de l'UI de la RAC.
Je me suis fait réaliser que la mode de l'éloxier et le mode de l'arrivée sont comme la nouvelle norme.
Ça va bien avec la mode de l'arrivée.
Ça fait bien.
Vous devez avoir ce glowier effectuant.
C'est ce que j'ai été détenu pour.
C'est presque le facteur de l'éloxier ou de l'arrivée.
Je pense que c'est bien dans le monde crypto.
C'est un genre de color scheme.
C'est un glowier magnifique.
C'est quelque chose que Andrew a écrit en bas à l'intérêt de l'envers.
Nous avons écrit tout ça, mais le hook que j'ai voulu c'est de la navigation.
C'est un hook cool pour utiliser dans votre système de design.
C'est juste dans votre projet de l'envers.
C'est un hook cool pour utiliser dans votre système de design.






C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.



C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.


C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.

C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.




C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.


C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.





C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.
C'est un hook cool pour utiliser dans votre système de design.



C'est un hook cool pour utiliser dans votre système de et would like a et en-bags suit.
C'est un hook cool pour aller dans votre technique.

C'est un hook cool pour utiliser dans votre prototype de saya.

C'est un peu trop.
Oui, je pense que la 1ère classe de support pour slots sera intéressant de réacte parce que les
views, les webcomponents, la plupart des autres compagnies de frameworks sont au-dessus de ce genre de
chose.
Oui, et ce n'est pas un code de fun à faire.
Ce sont des fonctions de slots.
C'est la générique pour cette fois, ce n'est pas fun de travailler.
Mais correctement, si je suis d'accord, je pense que nous avons ouvert la source de ça aussi.
Si vous voulez utiliser le moyen de faire des slots, je pense que c'est une partie du système
utile que nous avons réellue.
Si quelqu'un peut utiliser ça, si ils veulent.
C'est aussi un code que je ne veux pas réécrire.
La prochaine chose que j'espère, que nos formateurs d'opens de source sont de la flèche parce que
il n'y a pas de système de design qui est bête à l'intérieur et c'est juste tellement
utile.
Oui, on utilise le réacte portal, je pense, mais c'est juste une ligne de stream.
Je trouve que beaucoup de gens sont encore en train de utiliser le Xindix pour overlayer les
compagnies et je ne sais pas, je pense que le flyout fait vraiment bien.
Oui, les portes sont belles.
Oui, c'est moi.
Oui, je l'ai touché en ce moment, mais Reach UI est un système de design réel et réacte.
C'est vraiment si clé pour pouvoir ajouter l'accessibilité et mettre vos styles CSS et
juste pour pouvoir écrire les compagnies.
Je pense que c'est probablement le seul système de design que je vois que je n'ai pas créé
pour la cause de l'accessibilité dans mon cerveau.
Je vais me dire si je suis d'accord ou si vous savez bien.
Il y a quelques autres, comme vous l'avez mentionné, il y a une des from Adobe qui s'appelle
réact aria, c'est un de plus en plus de les hauts que vous utilisez dans vos propres
compagnies pour les rendre plus accessibles.
Mais pas les compagnies.
Je pense qu'ils aussi ont donné une partie de ce component pour que vous puissiez
mixer leurs compagnies avec leurs hauts et avoir des compagnies accessibles pour votre
compagnie.
C'est un spectrum réact.
Reach est comme la première en public que j'ai pensée que ça a été.
Et je pense que ça a inspiré beaucoup d'autres.
Je suis un grand fan.
Je pense qu'ils font beaucoup de choses aussi et ils ne mettent pas vraiment d'autres
compagnies sans être trop accessibles et ont tous les features implémentaires.
Mais oui, je vous recommande de les utiliser et ils sont vraiment juste des
components pour vos propres projets, donc vous pouvez faire beaucoup avec ça.
Oui, ils sont vraiment agréables pour les faire, mais c'est pour ça que vous pouvez
faire les compagnies pour votre compagnie.
Ils ne sont pas censés être prêts, ils sont censés être restyles.
Oui, mon préféré, et je l'ai vu dans quelques des systèmes des enfants
desquels ils ont été mis à l'écran, c'est un petit, super haut niveau de la
vidéo.
Très bien, ça constitue un petitätzen à la matièreAnna kawai,




Demandeqing, proteins à un avis de micro- offended Charlie,
Si vous n'avez pas le temps de le faire, c'est un bouton de la couture
qui, quand tab 2, va vous montrer sur un page,
et vous appuyer à l'utilisation de la navigation
directement au contenu principal de la web.
Si vous imaginez que vous êtes un user de la keyboard
et que vous naviguez à beaucoup de websites,
et que vous avez à travers chaque menu de navigation,
c'est vraiment très délicieux de taber le menu,
juste pour le contenu principal de la web.
Donc, vous pouvez vous ajouter pour le contenu principal,
mais en bas de votre page, vous pouvez vous sauver beaucoup de temps
et vous sauver beaucoup d'infos.
Je l'avoue.
Ok, je pense que ça vous a fait le temps pour l'épisode de DevTools FM.
C'était beaucoup de plaisir de vous avoir regardé, Kendall.
C'était une grande conversation.
Merci, c'était une belle journée.
Faites surez de nous suivre sur YouTube
et à tout le monde qui vous utilise votre podcast.
Merci pour l'écouter.
Merci à tous.
Merci Kendall pour le tourner.
Oui, j'ai apprécié.
Merci.
Merci beaucoup.