10 Beste barrierefreie WordPress-Themes
Das Erstellen barrierefreier Websites, die Menschen mit unterschiedlichen Behinderungen nicht ausschließen, ist in den letzten Jahren zu einer Anforderung im Webdesign geworden. Heutzutage ist es schwierig, einen Regierungsvertrag zu erhalten, ohne sich um digitale Inklusion zu kümmern, und viele bekannte Unternehmen wie Microsoft, Apple und Google Barrierefreiheit als Priorität behandeln.
WordPress als führendes Content-Management-System und als Blogging-Plattform steht auch bei der Entwicklung der Barrierefreiheit im Vordergrund. Das WordPress A11y (Accessibility) -Team ist damit beschäftigt, die Plattform für so viele Menschen wie möglich verfügbar zu machen, und sie haben sogar ein großartiges Handbuch für WordPress-Zugänglichkeit für Entwickler veröffentlicht.
Die Überprüfung der Barrierefreiheit
Die Barrierefreiheitsprüfung ist eine optionale Stufe im WordPress-Theme-Überprüfungsprozess. Wenn ein eingereichtes Thema das verwendet Erreichbarkeit bereit Wenn das Tag überprüft wird, wird es das Review-Team anhand der Richtlinien zur Barrierefreiheit prüfen, um sicherzustellen, dass Themen, die sich selbst als barrierefrei eignen, wirklich so sind.
In diesem Beitrag werfen wir einen Blick auf die 10 besten barrierefreien WordPress-Themes, mit deren Hilfe Sie digital integrierte WordPress-Sites erstellen können.
Die besten barrierefreien WP-Themes
In dieser Sammlung haben wir nicht nur darauf geachtet, ob ein Theme das barrierefreie Tag im WordPress-Repository hatte, sondern auch berücksichtigt ob es den Hauptgrundsätzen des barrierefreien Designs entsprach.
Wir haben einige (ansonsten großartige) Motive weggelassen, bei denen zu niedrige Farbkontrastverhältnisse, Hamburger-Menüs in Desktopgröße oder andere visuelle Gestaltungspraktiken verwendet wurden, die die Zugänglichkeit für bestimmte Behindertengruppen beeinträchtigen könnten.
1. Unbegrenzt
Unlimited ist ein sorgfältig entworfenes, universell verwendbares WordPress-Theme mit einer rechten Seitenleiste. Es wird schnell geladen und verwendet ein hohes Farbkontrastverhältnis (Weiß & Hellgrau gegenüber Dunkelgrau), das den Bedürfnissen sehbehinderter Benutzer entspricht.
Die Sidebar-Widgets sind intelligent hervorgehoben durch dunkelgraue Oberkanten. Dezente visuelle Gestaltungselemente helfen Benutzern, den Inhalt schnell zu verstehen. Werfen Sie einfach einen Blick auf die intelligent hervorgehobenen Metainformationen (Datum, Autor, Anzahl der Kommentare) am unteren Rand des angezeigten Bildes in jedem Beitrag.
Auf seiner Demo-Site können Sie sehen, wie Unlimited aussieht, wenn es vollständig eingerichtet ist.
2. Simone
Simone hat ein recht einfaches Design riesige bilder und auf den Bildschirm fokussierte, skalierbare Typografie, die auf jeder Bildschirmgröße gut lesbar ist. Das Thema hilft körperlich behinderten Benutzern Zugriff auf die Navigation über ihre Tastaturen.
Sie können viele Funktionen von Simone anpassen, z. B. Position der Seitenleiste (links oder rechts), Kopfzeile, Hintergrund, Linkfarben und viele andere. Es ist auch Übersetzung bereit, und ist bereits in viele Sprachen übersetzt
Lesen Sie mehr über Simone auf seiner Demo-Site.
3. Zugängliches Zen
Accessible Zen ist ein minimalistisches, einspaltiges Thema reduziert die Anzahl der Ablenkungen so viel wie möglich, und den Inhalt in den Fokus rücken. Der Autor teilte in seinem Blog die von ihm verwendete Farbpalette. Es erfüllt die AA-Stufe der Richtlinien für barrierefreie Webinhalte (WCAG 2.0)..
Das Einzigartige an diesem Thema Kein Hauptmenü in der Kopfzeile, So können Besucher sofort auf den Inhalt zugreifen - eine ideale Lösung für Benutzer von Bildschirmleseprogrammen. Die Hyperlinks sind intelligent unterstrichen gepunktete Linien und beim Schweben fest werden, Dies ist auch eine gute Lösung für die Zugänglichkeit
Wenn Sie an einem interessiert sind inhaltlich, minimalistisch Blog-Theme, sehen Sie sich Accessible Zen live an.
4. Lager
Das Stock WordPress Theme hat ein elegantes Design Schwarz-Weiß-Header dazu gehört ein zentriertes Hauptmenü. Das Schwarz-Weiß-Pairing ist immer eine gute Wahl für barrierefreie Websites, da diese beiden Farben das höchste Farbkontrastverhältnis von 21: 1 aufweisen.
Das Design ist ziemlich minimalistisch, und das Thema ist Übersetzung bereit und bietet Sprachunterstützung für RTL (von rechts nach links), Daher kann es eine gute Idee sein, ein übergeordnetes Thema eines zugänglichen untergeordneten Themas zu sein.
Den aktuellen Stand der Entwicklung können Sie auf Stocks Github-Seite nachlesen.
5. Apex
Apex beschäftigt Besucher mit einem logisch strukturierter Inhalt und riesige vorgestellte Bilder Das macht die Website beeindruckend und professionell. Die obere Navigation besteht aus einem Hauptmenü auf der linken Seite, und ein Social Media-Menü auf der rechten Seite, Dies macht es einfach und unkompliziert, für Behinderte und Hilfsmittel durch die Website zu navigieren.
Nach den Auszügen auf der Startseite folgt benutzerfreundliche "Weiterlesen" -Tasten das sind schön hervorgehoben und lockt die Leser zum Weitermachen. Auf der Demo-Site können Sie sehen, wie Apex aussieht.
6. Kleiner Rahmen
Es dauerte nicht weniger als 9 Monate, bis der Autor des Tiny Framework dieses ansprechende, barrierefreie WordPress-Theme erstellt hat. Das Tiny Framework ist flexibel genug, um als übergeordnetes Thema verwendet zu werden, wenn Sie schnell ein zuverlässiges Kindermotiv entwickeln möchten, das auf die Bedürfnisse von Menschen mit Behinderungen eingeht.
Das Tiny Framework-Thema verwendet a kontrastreiche Farbpalette mit schwarzen, orange und grünen Farben. Block Zitate, Überschriften und Links haben alle verschiedene Farben, Dies erhöht die Lesbarkeit des Inhalts erheblich. Knöpfe sind auch leicht zu erkennen, und das Thema wirkt insgesamt sehr energisch und lebendig, aber nicht aufdringlich.
7. Kuorinka
Kuorinka lädt sehr schnell und bietet nicht nur Unterstützung für Eingabehilfen, sondern umfasst auch schema.org Mikrodaten. Die Hauptnavigation wird durch Breadcrumbs unterstützt, was beim Design der Barrierefreiheit immer eine gute Idee ist. Kuorinka ermöglicht es dem Benutzer Fügen Sie am oberen Rand der Seite kurze Informationen hinzu Dadurch können Besucher die wichtigste Botschaft verstehen, die der Websitebesitzer vermitteln möchte.
Die Überschriften der Seitenleiste und der Fußzeilen-Widgets sind hervorgehoben mit einem hellblauen Hintergrund Das hilft bei der visuellen Segmentierung des Inhalts. Auf der Demo-Site können Sie andere coole Funktionen sehen, wie z benutzergesteuerter Schieberegler, 3 verschiedene Layouts (eine Spalte, linke Seitenleiste, rechte Seitenleiste) und viele andere.
8. Aaron
Aaron ist eine großartige Wahl für eine barrierefreie Website des Unternehmens. Es hat ein großer Call-to-Action-Button auf der Startseite, die die Augen der Besucher sofort ergreift. Das Thema hat eine hohes Farbkontrastverhältnis, aber Sie müssen darauf achten Wählen Sie das Hintergrundbild sorgfältig aus auf der Startseite, um die Lesbarkeit der Highlights und der Tasten zu erhalten.
Aaron hat eine Tastaturfreundliches Menü oben auf der Site, die von a unterstützt wird praktisches Suchfeld auf der rechten Seite. Das Thema kann auch für eine E-Commerce-Site verwendet werden, da es gut mit der E-Commerce-Site funktioniert WooCommerce-Plugin.
9. Storefront
Storefront ist ein flexibles E-Commerce-Angebot WooCommerce-Integration und hohe Anpassbarkeit. Die wichtigsten Informationen, die gekauften Produkte im Warenkorb und deren Preise, sind direkt neben dem Hauptmenü auf der Oberseite der Website, was das Thema unglaublich benutzerfreundlich macht.
Auf der Demo-Site sehen Sie das optionale Header-Image, das ein enthält gut sichtbare Call-to-Action-Taste. Die Produkte sind in verschiedene Kategorien sortiert Dies hilft behinderten Besuchern, die Bildschirmleser und andere assistive Technologien verwenden, schnell zu verstehen, was auf der Website verkauft wird.
Storefront hat ein elegantes Kindermotiv namens Boutique, das mehr prestigeträchtige Produkte bietet, die auch die Barrierefreiheit unterstützen.
10. Autor
Author ist ein formschönes, schnelles und barrierefreies WordPress-Theme mit einer linken Seitenleiste. In der Seitenleiste wird ein dunkler Hintergrund mit weißen Buchstaben verwendet, der für ein hohes Farbkontrastverhältnis sorgt. Das Hyperlinks sind unterstrichen so ist es leicht, sie zu erkennen.
Das Überschriften verwenden eine Serifenschrift das erleichtert die lesbarkeit. Auf der Single-Post-Vorlage wird der Bisherige und Nächster Beiträge sind hervorgehoben mit einem hellgrauen Hintergrund das ermutigt die Benutzer, mehr Beiträge auf der Website zu lesen.