Blog

Hier schreiben wir über Digitale Barrierefreiheit sowie über die Content Management Systeme Neos CMS und TYPO3.

Schnelle Barrierefreiheitstests in Firefox

Farbkontrast

  1. Webseite in Firefox aufrufen.
  2. Mit der Taste “F12” die Developer Tools in Firefox öffnen.
    Es öffnet sich ein Fenster.
  3. Den Reiter "Barrierefreiheit" auswählen.
    Sollte der Reiter nicht angezeigt werden. Klicken Sie in den Developer-Tools ganz rechts auf das Icon mit den drei Punkten (Entwicklerwerkzeuge anpassen und Hilfe erhalten). Gehen Sie dann auf "Einstellungen".  Aktivieren Sie unter "Standard-Entwicklerwerkzeuge" die Checkbox "Barrierefreiheit".
  4. Der Reiter Barrierefreiheit ist ausgewählt. 
    In der oberen Leiste des Fensters links auf das Icon "Wählen Sie ein barrierefreies Objekt der Seite aus" (Figur in einem Quadrat) klicken.
  5. Mit der Maus anschließend auf den zu prüfenden Text fahren (wird hervorgehoben). Es erscheint es Tooltip mit  den Kontrastinformationen.
    Sie können den zu prüfenden Text anklicken. Die Kontrastangabe erscheint ebenfalls in den Developer-Tools.

Schnelle Barrierefreiheitstests in Chrome

Farbkontrast

  1. Webseite, die Sie prüfen wollen, in Chrome aufrufen.
  2. Mit der Taste “F12” die Developer Tools im Chrome-Browser öffnen.
    Es öffnet sich ein Fenster.
  3. In der oberen Leiste des Fensters links auf das Inspector-Icon (Pfeil der auf ein Quadrat zeigt) klicken.
  4. Mit der Maus über das Element fahren, dessen Kontrast sie prüfen wollen (wird hervorgehoben).
  5. Im sich nun öffnenden Kontextmenü finden Sie unter “Contrast” die Angabe.

Unser Blog kommt wieder in die Gänge

Über 800 Tage wurde nichts in unser mindscreen-Blog geschrieben. Viel ist in der Zeit passiert. Und auch das Blog hat sich gewandelt: mit neuem Design nun im Content-Management-System Neos.

Die Themen bleiben gleich. Wir geben Einblicke in unsere Prozesse und Arbeit zu Barrierefreiheit, TYPO3, Neos CMS und Events.

Tipps zum Global Accessibility Awareness Day

Die Community rund um digitale Barrierefreiheit in Deutschland wächst stetig. Zum heutigen Global Accessibility Awareness Day gibt es daher bereits ein paar Veranstaltungen, die ihr in Deutschland besuchen könnt. Meine drei Tipps für GAAD-Events in Deutschland:

Dependency Inversion for Neos CMS NodeType Constraints

We've all been there: start off with disabling all default nodes and possible auxiliary nodes in our pages' content collections. Once we finalize our node types we think about where we need them and explicitly enable them for the corresponding content collections. Before long we end up with something like this:

'Vendor.Package:Page':
  childNodes:
    main:
      type: 'Neos.Neos:ContentCollection'
      constraints:
        nodeTypes:
          '*': false
          'Vendor.Package:Heading': true
          'Vendor.Package:Text': true
          'Vendor.Package:Image': true
          'Vendor.Package:TwoColumn': true
          'Vendor.Package:ThreeColumn': true

And as we have elements with multiple columns, we need to define our constraints there as well. And in a container element. And every time we need a different subset of allowed node types.

Imagine we would rename a node type: we would have to refactor a lot of node type configurations which aren't further related.