de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Build Accessible Modal Windows mit A11y Dialog

Modale werden in modernen Browsern häufig unterstützt. Sie können als Benachrichtigungs-Popups, als Opt-In-Felder oder sogar für Foto-Diashows verwendet werden .

Sie können diese Fenster mit reinem CSS erstellen, aber dies ist nicht die am besten zugängliche Lösung. Schauen Sie sich stattdessen A11y Dialog an, ein voll funktionsfähiges modales Fenster, das den Fokus auf Barrierefreiheit legt.

Es läuft auf JavaScript mit einer eigenen benutzerdefinierten API und unterstützt alle modernen Browser auf allen Geräten. Sie können diese Demo anschauen, um zu sehen, wie sie in Aktion aussieht.

Es ähnelt einem typischen modalen Fenster. Dieses Skript verwendet jedoch ARIA-Tags, um die moderne Barrierefreiheit für alle Benutzer zu unterstützen.

Standardmäßig unterstützt A11y Dialog auch Touchscreens, so dass das Tippen den gleichen Effekt wie das Klicken hat. Sie können auf eine Stelle außerhalb des Fensters klicken oder tippen, um sie zu schließen, oder auf einem Computer die ESC-Taste drücken.

Irgendwie ist diese Bibliothek ziemlich klein, nur 1.2kb, einschließlich aller CSS und JS-Code. Dies macht es leicht und voll zugänglich.

Sie können mehr erfahren, indem Sie das GitHub Repo durchlesen und A11y Dialog hat auch eine eigene Dokumentationsseite . Dies beinhaltet einen Abschnitt zur Installation & Einrichtung für komplette Anfänger. Es gibt auch einen längeren Abschnitt über die DOM-API zum Hinzufügen von Schaltflächen zu Ihrer Seite, die das modale Fenster öffnen (oder schließen) können.

Wenn Sie versuchen , barrierefreiere Websites zu erstellen, sollten Sie A11y Dialog in Ihren Projekten ausführen. Sie können den Quellcode von GitHub erhalten oder von einem Paketmanager wie npm oder Bower herunterladen.

Sehen Sie sich die Hauptseite an, um mehr über die Einrichtung und die grundlegenden JavaScript-Funktionen zu erfahren. Diese Bibliothek enthält viel mehr als nur ARIA-Zugänglichkeit . Es lohnt sich also, sie zu testen, wenn Sie die Funktionen Ihrer modalen Fenster erweitern möchten.

10 Persönliche Finanzen Bücher Millennials sollte lesen

10 Persönliche Finanzen Bücher Millennials sollte lesen

Eine Gewohnheit, die unter den Wohlhabenden üblich ist, ist Lesen als Freizeitbeschäftigung. Das Gute daran ist, dass Millennials trotz allem, was manche Leute sagen mögen, tatsächlich viel lesen. In der Tat, Sie tragen zu der wachsenden demographischen für den physischen Buchmarkt bei.Wenn Sie keine persönlichen Finanzbücher in Ihrer Sammlung haben, ist es Zeit, eine zu beginnen. Das L

(Tech- und Design-Tipps)

Wie man XML-Sitemaps vom Zwischenspeichern in WordPress ausschließt

Wie man XML-Sitemaps vom Zwischenspeichern in WordPress ausschließt

Die Verwendung von Caching-Plugins ist wahrscheinlich der einfachste Weg, um Ihre WordPress-Website zu beschleunigen. Sie können Ihre Sitemap jedoch auch im Cache speichern, und das ist keine gute Idee.Die XML-Sitemap sollte immer die neuesten Posts und URLs Ihrer Website enthalten, damit Suchmaschinen die neueste Version dessen, was aktualisiert wurde, erhalten.

(Tech- und Design-Tipps)