• Navigation überspringen
  • Zur Navigation
  • Zum Seitenende
Organisationsmenü öffnen Organisationsmenü schließen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
  • FAUZur zentralen FAU Website
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Suche öffnen
  • RRZE
  • Videoportal
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
Menu Menu schließen
  • Grundlagen
    • Allgemeines
      • Grundsätzliches zum Webpublishing
      • Rahmenbedingungen für Webauftritte
      • Eine CMS-Instanz beantragen
      • Konzeption einer Website
      • Häufig gestellte Fragen
    • Inhalte bearbeiten
      • Mediathek
      • Bilder
      • Galerie
      • PDFs
      • Tabellen
      • Zitate
      • Formeln, Daten und Quellcode
    • WordPress Grundlagen
      • Über WordPress
      • Login und Navigation im Backend
      • Benutzer anlegen und bearbeiten
      • Seiten
      • Beiträge
      • Sidebar
      • Menüs
      • Widgetbereiche und Widgets
    • Tutorials
      • Tipps und Tricks
      • Publikationsliste erstellen
      • Neue Daten in die FAU-Karte einbinden
      • Vortragsliste erstellen
      • Pflege MeinStudium-Portal
    • SEO – Search engine optimization
      • Suchmaschinenoptimierung in 5 Minuten
      • SEO Inhalte gestalten
      • SEO Grundlagen
      • SEO und Barrierefreiheit
    Portal Grundlagen
  • Block-Editor
    • Was ist der Block-Editor?
    • Hauptelemente des Editors
      • Die obere Editorleiste
      • Das Inserter Fenster
      • Der Inhaltsbereich
      • Das Einstellungsfenster
    • Der Block
      • Block-Typen
      • Die Block-Werkzeugleiste
      • Einen Block hinzufügen
      • Die Listenansicht
    • Block-Funktionen
      • Text und Bild verlinken
      • Blöcke gruppieren
      • Anker-Links (Sprungmarken)
      • Block-Vorlagen erstellen
      • Bild in Tabellenblock einfügen
      • Spalten einfügen
    • Umstellung auf den Block-Editor
    • FAQ Block-Editor
    Portal Der Block-Editor
  • Plugins
    • Plugins aktivieren
    • Portale
      • Mein Studium
      • Jobs
      • Lehrveranstaltungen (Lectures)
      • CRIS
    • Inhaltliche Erweiterung
      • RRZE FAUdir (Personen)
      • RRZE Bluesky
      • Elements Blocks
      • Elements (Gestaltung)
      • Multilang (mehrsprachige Seiten)
      • FAQ
      • Video
      • FAU oEmbed
      • Typesettings (Code Highlighter)
      • Glossary
      • Person (Kontakte)
      • Advanced Editor Tools
    • Funktionale Erweiterung
      • Downloads
      • Post-Expiration (Verfallsdatum Beiträge)
      • Calendar
      • Expo
      • RSVP (Buchungssystem)
      • WS Form (Formulare erstellen)
      • Contact Form 7
      • RRZE Events
    • SEO & Marketing
      • Autoshare
      • RSS Feed
      • RRZE Newsletter
      • The SEO Framework
      • QR-Code Generator
      • Statistik
      • Siteimprove
    • Benutzer- und Zugriffsverwaltung
      • Workflow (Rollen & Module verwalten)
      • Access Control
      • Private Site
    • Sicherheit & Datenschutz
      • Legal (Rechtl. Pflichttexte)
    • Spezialplugins
      • Remoter
      • Progressive Web-App (PWA)
      • Synonym
    Portal Plugins
  • Themes
    • Ein Theme auswählen
    • FAU Events
    • Francesca – Ein Theme für Kooperationen
    • FAU Einrichtungen
      • Templates
      • Eine Startseite erstellen
      • Seitenlogo und Seiteninformationen ergänzen
      • Rechtstexte generieren
      • Dynamische Sidebar
      • Portalseiten und -menüs
      • Seitennavigation
      • Slider und Blogroll
      • Bildlinks (Logos einbinden)
      • Inhalte erstellen
        • Beiträge erstellen
        • Abmessungen für Bilder und Grafiken
      • Shortcodes
    Portal Themes
  • Barrierefreiheit
    • Vorwort und Überblick
    • Einführung und Hintergründe
    • Bereitstellung und Pflege von Inhalten
    • Entwicklung und Design
    • Organisatorische und rechtliche Anforderungen
    • Satzungen
    • Tests der Barrierefreiheit
    • Weitere Leitfäden und relevante Informationsangebote
    • Kurzanleitung zur Verbesserung der digitalen Barrierefreiheit in Dokumenten aus Büroanwendungen
    Portal Barrierefreiheit
  • Entwicklung
    • Vorgaben für das Design
      • Farben (Markendesign 2021)
      • Logos
      • Schriften
    • Einsatzkontext (Statistik)
      • Einrichtungsbezeichnungen
    • Versionsverwaltung Git
    • Einheitliche Vergabe von Versionsnummern
    • Vorgaben an Themes
    • Vorgaben an Plugins
    • Eigene Testinstanz
    • Serverkonfiguration
    • Statistiken zu Webauftritten
    Portal Entwicklung
  1. Startseite
  2. Barrierefreiheit
  3. Bereitstellung und Pflege von Inhalten
  4. Spickzettel

Spickzettel

Bereichsnavigation: Barrierefreiheit
  • Vorwort und Überblick
  • Einführung und Hintergründe
  • Bereitstellung und Pflege von Inhalten
    • Spickzettel
  • Entwicklung und Design
  • Organisatorische und rechtliche Anforderungen
  • Satzungen
  • Tests der Barrierefreiheit
  • Weitere Leitfäden und relevante Informationsangebote
  • Kurzanleitung zur Verbesserung der digitalen Barrierefreiheit in Dokumenten aus Büroanwendungen

Spickzettel

Überschriften

  • Überschriften immer als solche formatieren.
  • Hierarchie der Überschriften streng einhalten (Überschrift 1 > 2 > 3 etc.).
  • Was inhaltlich keine Überschrift ist, wird auch nicht als solche formatiert, nur um ein bestimmtes Aussehen zu erreichen.

Text

  • Schreiben Sie verständlich und frei von Rechtschreibfehlern.
  • Schreiben Sie Abkürzungen, die nicht Teil der Alltagssprache sind, beim ersten Vorkommen im Text aus oder verwenden Sie den abbr-Tag: <abbr title="zum Beispiel">z.B.</abbr>
  • Markieren Sie Textpassagen, in denen die Sprache wechselt: <p lang="en">This is an english paragraph.</p>

Bilder und Grafiken

  • Alle Bilder, die Inhalt vermitteln, müssen im alt-Attribut eine Text-Alternative bereitstellen: <img src="bild.jpg" alt="Beschreibung des Bildinhaltes">. Zusätzlich kann der Titel oder Name des Bildes im Titel-Text angegeben werden: <img src="bild.jpg" alt="Beschreibung des Bildinhaltes" title="Titel des Bildes">
  • Bei rein dekorativen Bilder, die keinen inhaltlichen Mehrwert bieten, wird der Alt-Text eingefügt, aber leer gelassen, und dadurch z.B. für Screenreader etc. unsichtbar gemacht: <img src="hintergrund.jpg" alt="">

Links

  • Das Linkziel muss im Link stehen:
    • Bei Text direkt: <a href="pruefungsordnung.html">Prüfungsordnung</a>
    • Bei Bildlinks im alt-Tag des Bildes: <a href="pruefungsordnung.pdf"><img src="pdf.gif"
      width="15" height="15" alt="Prüfungsordnung als PDF-Datei"
      /></a>
  • Weitere Attribute sind nicht notwendig.
  • Vermeiden Sie das Öffnen im neuen Tab/Fenster.

Tabellen

  • Tabellen dürfen nur für tabellarische Daten genutzt werden, nicht als Layout-Ersatz!
  • Normale Zellinhalte stehen im Element <td>.
  • Spalten- oder Zeilenüberschriften bekommen das Element <th>.

Zitate

  • Zitate werden mithilfe des Elements <blockquote> gekennzeichnet.
  • Der Urheber steht im <footer> im <cite>-Element:
    <blockquote>
    <p>
        Zitat
    </p>
    <footer>
       <cite>Urheber</cite>
    </footer>
    </blockquote>

Embeddings

  • Ob der eingebettete Inhalt barrierefrei ist, hängt von dessen Anbieter ab.
  • Kennzeichnen Sie das Embedding als Inhalt aus einer Drittquelle.
  • Beachten Sie beim Einbinden den Datenschutz, insbesondere Zweiklick- oder Proxylösungen.
  • Sofern das Embedding zwingend notwendige Informationen enthält, sollten diese Informationen zusätzlich in Textform bereitgestellt werden.

Weitere Hinweise zum Webauftritt

Noch Fragen?

Schreiben Sie uns eine E-Mail an webmaster@fau.de.
Wir beantworten Ihnen alle offenen Fragen rund um unser Content Management System (CMS), WordPress, Webhosting und Co.

Regionales Rechenzentrum Erlangen
(RRZE)

Martensstraße 1
91058 Erlangen
  • Kontakt
  • Webworking Blog
  • Impressum
  • Datenschutz
  • Barrierefreiheit
  • RSS Feed
  • GitHub
  • Twitter
Nach oben