hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Construire des fenêtres modales accessibles avec la boîte de dialogue A11y

Les modaux sont largement supportés dans les navigateurs modernes. Ils peuvent être utilisés comme fenêtres de notification, comme champs d'inscription, ou même pour les diaporamas de photos .

Vous pouvez construire ces fenêtres en utilisant du CSS pur, mais ce n'est pas la solution la plus accessible. Au lieu de cela, consultez A11y Dialog, une fenêtre modale entièrement fonctionnelle qui met l'accent sur l' accessibilité en premier .

Il fonctionne sur JavaScript à la vanille avec sa propre API personnalisée et supporte tous les navigateurs modernes sur tous les appareils. Vous pouvez consulter cette démo pour voir à quoi elle ressemble en action.

Cela ressemble beaucoup à une fenêtre modale typique. Mais, ce script utilise des balises ARIA pour prendre en charge l'accessibilité moderne pour tous les utilisateurs.

Par défaut, A11y Dialog prend également en charge les écrans tactiles, de sorte que le tapotement a le même effet qu'un clic. Vous pouvez cliquer ou appuyer n'importe où en dehors de la fenêtre pour le fermer, ou sur un ordinateur appuyez sur la touche Échap.

D'une certaine manière, cette bibliothèque est assez petite, seulement 1.2kb, y compris tout le code CSS et JS. Cela le rend léger au dessus de complètement accessible.

Vous pouvez en apprendre plus en lisant le rapport GitHub et A11y Dialog a aussi sa propre page de documentation . Cela inclut une section sur l' installation et la configuration pour les débutants complets. Il y a aussi une longue section couvrant l' API DOM pour ajouter des boutons à votre page qui peuvent ouvrir (ou fermer) la fenêtre modale.

Si vous essayez de créer des sites Web plus accessibles, envisagez sérieusement d'utiliser A11y Dialog dans vos projets. Vous pouvez obtenir le code source de GitHub ou le télécharger depuis un gestionnaire de paquets tel que npm ou Bower.

Jetez un oeil à la page principale pour en savoir plus sur la configuration et les fonctionnalités JavaScript de base. Cette bibliothèque a beaucoup plus que l'accessibilité ARIA, il vaut donc la peine de tester si vous souhaitez étendre les fonctionnalités de vos fenêtres modales.

Le meilleur de l'art de la peinture à la main [PICS]

Le meilleur de l'art de la peinture à la main [PICS]

La main humaine est un travail de splendeur. C'est aussi un outil qui peut créer d'autres travaux merveilleux aussi. Prenez par exemple l'art de la peinture à la main. En utilisant les mains dans le cadre de l'œuvre finale elle-même, la peinture à la main insuffle la vie dans une œuvre d'art à travers le mouvement, la surface de la peau ou les lignes sur la paume.Dans c

(Conseils techniques et de conception)

10 meilleurs outils vidéo pour réaliser facilement des vidéos convaincantes

10 meilleurs outils vidéo pour réaliser facilement des vidéos convaincantes

Une image parle plus fort que les mots, mais ce qui parle encore plus fort qu'une image est une vidéo convaincante. Que vous ayez besoin de créer des vidéos animées pour monter votre entreprise ou que vous souhaitiez réaliser un montage vidéo pour le mariage de vos amis, inutile d'embaucher un professionnel tant que vous disposez d'outils de création de vidéos sympas.Il exis

(Conseils techniques et de conception)