Zertifikatsbericht für Atikon

Webseiten Betreiber: Atikon
Webseiten Domain: coltundpartner.de
Zertifikat Status: Bronze
Zertifizierungsdatum: 27.08.2025

Zertifizierung WACA

Die Initiative WACA strebt mit diesem Zertifikat ein sehr hohes Niveau und eine herausragende Qualität der Barrierefreiheit an, deshalb müssen für eine erfolgreiche Zertifizierung die grundlegendsten WCAG-Kriterien erfüllt werden. Die AuditorInnen prüfen nach einem vorgegebenen Schema und eigener Prüfmethodik streng nach diesen Kriterien. Das WACA-Zertifikat wird in 3 unterschiedlichen Stufen vergeben. Es wurde für jedes WCAG-Erfolgskriterium eine eigene Abstufung für Gold, Silber und Bronze definiert. Damit können auch Websites ausgezeichnet werden, die nicht die höchsten Anforderungen der WCAG erfüllen bzw. Best-Practice sind, aber eine grundlegende Barrierefreiheit aufweisen und niemanden bei der Benutzung der Website ausschließen. Bei den Abstufungen Silber oder Bronze müssen Bemühungen für Barrierefreiheit klar und eindeutig erkennbar sein, siehe Definition WACA Abstufungen.

WACA zertifiziert Websites, die genau eingegrenzt werden können, meist definiert durch eine URL und zieht daraus eine repräsentative Stichprobe (Testsample). 
Folgende Inhalte bzw. Funktionen einer Website sind jedoch allgemein vom Audit ausgeschlossen:

  • PDF
  • EPUB
  • live übertragene zeitbasierte Medien
  • Inhalte, die nur für eine geschlossene Gruppe von Personen und nicht für die allgemeine Öffentlichkeit verfügbar sind (Extranets und Intranets).
  • externe Inhalte von Drittanbietern, die vom Website-Betreiber weder finanziert noch entwickelt wurden und somit auch nicht dessen Kontrolle unterliegen (wie z.B.: Google Maps, Youtube, Facebook, externe Iframes und Widgets,...), Definition wie folgt:
    • Drittanbieter Inhalte, mit denen man nicht interagieren kann (z.B. Facebook Trackingpixel), sind von der Prüfung ausgenommen.
    • Drittanbieter Inhalte, die keine grundlegende, zentrale Funktionalität der Seite bereitstellen, sind von der Prüfung ausgenommen.
    • Drittanbieter Inhalte, die zusätzliche Informationen bereitstellen und für die BenutzerInnen essentiell sind, benötigen eine Alternative.
    • Wenn eine Website weitestgehend aus Drittanbieter Inhalten besteht, wird eine Zertifizierung abgelehnt und Auftrag nicht angenommen. Website ist in diesem Fall nicht auditierbar.
  • Online-Karten und Kartendienste, diese müssen aber eine barrierefreie Alternative haben.
  • Google Captcha (ReCaptcha V2): Verwendung gültig nur für die WACA Qualitätsstufen Silber und Bronze.

Allgemeiner Kommentar der Zertifizierungsstelle:

Die beiden Websites www.coltundpartner.de und www.coltundpartner.at sind Testanwendungen und stehen symbolhaft für das CMS der Firma Atikon (Baukastensystem für Steuerberater). Diese wurden für das Testsample für die WACA-Zertifizierung herangezogen und geprüft. Sie zeigen eine sehr gute Grund-Barrierefreiheit und können mit assistiven Technologien gut navigiert werden. Bei einzelnen Elementen kommen für manche Nutzende kleine Hindernisse auf, das beeinträchtigt die Hauptfunktionalität der Websites jedoch nicht. Aufgrund der sehr ähnlichen Template-Struktur aller eingesehenen Seiten und aufgrund dessen, dass es sich im Hintergrund um eine dynamische Applikation handelt, wird nun von diesen Templates auf die gesamte Anwendung geschlossen. WACA in Bronze ist demnach möglich und kann vergeben werden.

Das WACA-Zertifikat gilt nur für diese beiden Testanwendungen. Die Firma Atikon muss beim Verkauf des Produkts dem zukünftigen Anwender ausdrücklich hinweisen, dass die Umgestaltung der Anwendung auf dessen Bedürfnisse und Anforderungen nach WCAG zu erfolgen hat und die WCAG-Kriterien einzuhalten sind.

Folgende Verlinkungen der Website waren nicht im Scope des Audits, da externe URLs:

Geprüftes Testsample

Abweichungen zur WCAG und WACA-Einstufung

    Atikon T01: Startseite AT

    Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar

    Für Zitate beachten, dass die Quelle entweder danach steht, oder noch besser mit <figure> und <figcaption> verknüpft ist, siehe https://kb.daisy.org/publishing/docs/html/quotes.html#ex-03

    Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Bronze

    Die Ausklappmenüs im Menü sollten erst navigierbar sein wenn diese aktiv ausgeklappt wurden, verwende display:none.

    Kriterium 1.4.3 - Kontrast (Minimum): Erfüllt / Nicht Anwendbar

    Der Link "Atikon" hat keinen 4.5:1 Kontrast.

    Kriterium 2.1.1 - Tastatur: Silber

    Die Submenus agieren als Aktion und sollten das Button Verhalten unterstützen (ENTER/SPACE), derzeit ist nur ENTER möglich, SPACE scrollt die Seite im Hintergrund.

    Kriterium 2.4.1 - Blöcke umgehen: Erfüllt / Nicht Anwendbar

    Mehrere Sektionen vorhanden, die "Slider" heißen, hier sollte bestmöglichst unterschieden zu welchem Theme es einen Slider gibt.

    Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Erfüllt / Nicht Anwendbar

    Der Cookiebanner Dialog hat eine unklare Bezeichnung von "cookie_banner_title".

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Die Sticky Navigation überdeckt den Fokus von wenn von unten nach oben navigiert wird. Verwende hier scroll-margin um dies zu unterbinden.

    Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

    Die ausklappbaren Elemente im mobilen Menü sollten <button> sein und ein aria-controls erhalten, siehe W3C https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/.
    Die <ul> um alle menüpunkte sollte kein aria-controls haben.
    Best-Practice: Die Statusmeldung in der mobilen Suche ist noch vorhanden obwohl das Input nicht als combobox agiert.

    Atikon T02: Suchergebnis

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Erfüllt / Nicht Anwendbar

    Der Pfeil in den Buttons "Nächste/Vorherige" ist mit aria-hidden="true" zu verstecken.

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Beim nachoben navigieren verdeckt der Sticky Header das fokussierte Suchergebnis. Mit scroll-margin kann dies behoben werden.

    Atikon T03: Terminvereinbarung

    Kriterium 1.4.11 - Nicht-Text Kontrast: Erfüllt / Nicht Anwendbar

    Die Breadcrumbs sind jetzt sichtbar, der Pfeil ">" signalisiert Hierarchie und sollte mit einem 3:1 Kontrast dargestellt werden.

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Wenn das Formular mit Fehlern abgeschickt wird, wird der Fokus in das erste invalide Feld gesetzt, das ist korrekt – doch die Seite scrollt nicht ausreichend, sodass die Navigation den Fokus komplett verdeckt.

    Kriterium 3.3.3 - Fehlerempfehlung: Erfüllt / Nicht Anwendbar

    Fehlermeldungen werden zweimal ausgelesen: einmal im label durch das Rufzeichen und als aria-describedby Attribut, das ist etwas "laut".

    Atikon T04: Contentseite AT

    Kriterium 1.3.1 - Info und Beziehungen: Bronze

    Überschriften der Artikel sind doppelt in der Überschriftenhierarchie. Da jetzt CSS overflow als ellipsis verwendet wird, sollte eines der zwei <h3> entfernt werden aus dem DOM oder von screenreadern versteckt.
    In den Auflistungen unter "weitere informationen" wird die h3 versteckt und mit einem aria-label auf dem Link überschrieben, für Gold wird hier best-practice erwartet, dass der Linkinhalt als Linktext verwendet wird und nicht mit aria-label überschrieben wird, hier schleichen sich sonst gerne Fehler ein.

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Siehe Sticky Header auf T01

    Atikon T05: Arbeitsrecht AT

    Kriterium 1.4.11 - Nicht-Text Kontrast: Erfüllt / Nicht Anwendbar

    Die Breadcrumbs sind jetzt sichtbar, der Pfeil ">" signalisiert Hierarchie und sollte mit einem 3:1 Kontrast dargestellt werden.

    Atikon T06: Plattform

    Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar

    Checkliste für Nachfolger ist out of scope.

    Kriterium 1.4.11 - Nicht-Text Kontrast: Erfüllt / Nicht Anwendbar

    Checkliste für den Nachfolger out of scope

    Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Erfüllt / Nicht Anwendbar

    Der Button "Jetzt starten (Datei)" bei "Checkliste für Nachfolger" kommuniziert einen Download, obwohl ein Dialog geöffnet wird.

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Siehe T01 – sticky navigation überdeckt den Fokus komplett wenn nach oben navigiert werden.

    Kriterium 3.2.4 - Konsistente Erkennung: Bronze

    Links die zu einer separaten Seiten führen heißen ähnlich wie der Download, da selbst bei Links "Datei" im Linktext steht, obwohl es sich nicht um eine Datei handelt.

    Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

    Links die zu einer separaten Seiten führen heißen ähnlich wie der Download Button, und sind semantisch als Button markiert. Es sollte eine textliche als auch eine semantische Trennung zwischen den Elementen geben.
    Rechner für "Checkliste für den Nachfolger" ist out of scope.

    Atikon T07: Finanzplan

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

    Das :before Chevron SVGs dass dekorativ ist ist mit aria-hidden="true" oder content="" versteckt

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    In der Zusammenfassungstabelle, ist der Button, der Tabellenreihen ausklappt markiert und beschriftet, Eltern-Kind Beziehung der neu hinzugefügten Reihen kann durch die Bezeichnung verstanden werden, rein semantisch ist die Differenz zwischen Ausgaben und den letzten zwei eigenständigen Reihen nicht durchgängig zu erkennen.

    Kriterium 1.4.11 - Nicht-Text Kontrast: Silber

    Fokus der Akkordions, und des Löschen Buttons wird teilweise nur durch Farbwechsel kommuniziert. Wenn nur der Farbwechsel als Fokusindikator verwendet wird, braucht es einen Farbkontrast von min 3:1 – für sichtbarere Fokusindikatoren, setze eine outline mit offset die einen 3:1 Kontrast hat (siehe Button "Einnahme hinzufügen")

    Kriterium 2.1.1 - Tastatur: Erfüllt / Nicht Anwendbar

    Die Elemente "Zwischenstand uploaden/downloaden" sind als Button markiert, unterstützen jedoch kein Leertaste zur Aktivierung.

    Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Erfüllt / Nicht Anwendbar

    Eingabefelder werden als "Januar Euro" kommuniziert, das ist evtl für alle nicht ausreichend.

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Fokus wird beim hinaufnavigieren von der sticky navigation verdeckt, verwende scroll-margin in der Höhe des Elementes.

    Kriterium 2.5.3 - Beschriftung im zugänglichen Namen: Bronze

    Der Inline-Button "Details zur Berechnung" überschreibt das visuell verlinkte Element "hier" vollständig. Statt einen Inline-Link ändere auch den sichtbaren Text zu "Details zur Berechnung" und setze es als standalone-Button.

    Atikon T08: Aktuelles

    Kriterium 3.2.4 - Konsistente Erkennung: Silber

    Der Bereich "Alle Ausgaben" ist nicht konsistent markiert, auf einer anderen Seite wird "Weitere Ausgaben" als sichtbares sowie aria-label verwendet obwohl der Inhalt ident ist. Kontext ist dennoch ersichtlich.

    Atikon T09: Aktuelles Detail

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Erfüllt / Nicht Anwendbar

    Das Bild des Parlaments hat einen unzureichenden Alternativtext "Parlament"

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Der <article> Tag schließt die H1 nicht mit ein – somit fehlt die Bezeichnung des <article>.

    Kriterium 3.2.4 - Konsistente Erkennung: Silber

    Der Bereich "Weitere Ausgaben" ist nicht konsistent markiert, auf einer anderen Seite wird es als "alle Ausgaben" bezeichnet. Der Kontext ist dennoch ersichtlich.

    Atikon T10: Videos

    Kriterium 2.4.4 - Linkzweck (im Kontext): Erfüllt / Nicht Anwendbar

    Als Best-Practice, sollte nicht der ganze Block in ein <a> gesetzt werden, sondern nur die Überschrift.

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Siehe T01: Auch hier wird der Fokus für die Artikel in beiden Richtigungen von der Sticky Navigation überdeckt.

    Atikon T11: Ansprechpartner

    Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar


    Kriterium 4.1.2 - Name, Rolle, Wert: Silber

    Die Links "Anrufen" und "Kontakt speichern" haben ein role="button" obwohl sie als link agieren.

    Atikon T12: Karriere

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Erfüllt / Nicht Anwendbar

    Das Bild des Teams hat den Alternativtext "Foto: Wer wir sind", das ist nicht beschreibend für den Inhalt.

    Kriterium 1.3.1 - Info und Beziehungen: Bronze

    Benefit Slider: Obwohl 3 Slides sichtbar sind, wird nur 1 Überschrift in der Überschriftenhierarchie angezeigt – das liegt daran dass nur 1 der 3 sichtbaren slides aria-hidden="false" hat, alle anderen sind noch aktiv versteckt.
    Das Zitat von Max Mustermann ist nicht als <blockquote> ausgezeichnet, der Verfasser des Zitats "Max Mustermann" ist keine H2 und sollte in die korrekte <blockquote> als Verfasser eingebracht werden.
    In der Galerie, ist der sichtbare Text als <figcaption> markiert – jedoch nicht Teil des <figure> Element.


    Atikon T13: Bewerbung

    Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar

    Best-Practice: Die Überschriften als H2 markieren, auch wenn sie bereits als <legend> markiert sind.

    Kriterium 1.4.1 - Benutzung von Farbe: Bronze

    In Schritt 2 "Wie viele Jahre Berufserfahrung haben Sie?" wird das ausgewählte Element nur mit Farbe kommuniziert. Das aktive Element muss mehr als Farbe nutzen – in diesem Fall wäre es hilfreich wenn es ähnlich wie ein Radiobutton aussieht um die Semantik zu reflektieren.

    Kriterium 1.4.11 - Nicht-Text Kontrast: Bronze

    In Schritt 2 "Wie viele Jahre Berufserfahrung haben Sie?" hat sowohl das inaktive als auch das ausgewählte Element keinen 3:1 Kontrast zum Hintergrund, verwende eine dünklere Outline um die Klickfläche zu kommunizieren.

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Siehe T01: Ist ein Fehler vorhanden und das Inputfeld noch aktiv, und Nutzende swipen zur Fehlermeldung wird der Fokus komplett von der sticky Navigation verdeckt.

    Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze

    Im Schritt 3/4 haben zwei Inputs keine sichtbare Beschriftung – Kontext, kann aus dem Icon kommuniziert werden, deshalb Bronze ok.

    Atikon T14: Startseite DE

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

    Die Aufzählungszeichen im Footer müssen mit aria-hidden="true" oder content="" versteckt werden.

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Im Leistungsslider sind Elemente als Überschriften markiert – auch wenn 3 Elemente sichtbar sind, ist nur 1 Überschrift Teil der Überschriftenhierarchie.
    Das <header> Element wir eigentlich primär für Inhalte verwendet die sich nicht ändern, üblich logo navigation und ähnliches – hier wird es auch für den Introbanner verwendet, das sehe ich es unüblich.

    Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Erfüllt / Nicht Anwendbar

    .popup_content sollte mit display:none versteckt werden sicherheitshalber.

    Kriterium 1.4.3 - Kontrast (Minimum): Erfüllt / Nicht Anwendbar

    Der Link "Atikon" hat keinen 4.5:1 Kontrast.

    Kriterium 1.4.11 - Nicht-Text Kontrast: Silber

    Im Welcome Dialog hat der Schließen Button on Fokus und Hover einen Kontrast der nicht 3:1 betrifft.
    Für Formulare siehe T15.

    Kriterium 2.1.1 - Tastatur: Bronze

    Im Bereich "Leistungen" kann nur 1 von den 3 sichtbaren Elementen mit dem Tabulator angesteuert werden, der Rest ist nicht navigierbar. Die Elemente sind mit den Pfeiltasten einzeln navigierbar, Bronze ok.

    Kriterium 2.4.1 - Blöcke umgehen: Erfüllt / Nicht Anwendbar

    Mehrere Sektionen vorhanden, die "Slider" heißen, hier sollte bestmöglichst unterschieden zu welchem Theme es einen Slider gibt.

    Kriterium 2.4.3 - Fokus-Reihenfolge: Erfüllt / Nicht Anwendbar

    Bug: In Safari und Chrome auf iOS friert die Suche ein und kann danach nicht mehr mit Touch, Keyboard oder Screenreader navigiert (oder getestet) werden.

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Die Sticky Navigation überdeckt den Fokus wenn von unten nach oben navigiert wird. Verwende hier scroll-margin um dies zu unterbinden.
    Mobil: Wird nach Überschriften navigiert ist der Sticky Header immer über dem Fokus.
    Mobil: Wird zum Social Media Link im Footer navigiert, scrollt die Seite nach oben und der Fokus ist nicht mehr sichtbar. Überprüfen wie der unsichtbare Text versteckt wird – ansonsten verwende das native alt zur Bezeichnung.

    Kriterium 4.1.2 - Name, Rolle, Wert: Erfüllt / Nicht Anwendbar

    Das Input in der Modalsuche hat noch eine Statusmeldung, die eine Combobox symbolisiert obwohl es keine ist.

    Atikon T15: Newsletter

    Kriterium 1.4.11 - Nicht-Text Kontrast: Bronze

    Das * hat keinen 3:1 Kontrast zum weißen Hintergrund. Das Rufzeichen bei Fehlern hat keinen 3:1 Kontrast.
    Der Fokusindikator eines Eingabefeld, der Checkbox, des Datenschutzlinks wird zu orange – das entspricht nicht den 3:1 Kontrastanforderungen. Das gilt auch für die Fehlerhaften Inputs. Verwende eine dickere Outline statt die Farbe zu wechseln.

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Fokus von unten nach oben wird von der Sticky Navigation verdeckt, verwende ein scroll-margin in der Höhe des Sticky Elementes um das zu verhindern.

    Atikon T16: Überblick Rechner

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Erfüllt / Nicht Anwendbar

    Das Rechner Icon ist mit content= url(..) / "" zu verstecken.

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Die Links unter Unternehmensgründung sollten als h4 eingestuft werden, um sich dem Punkt "Unternehmensgründung" unterzuordnen.

    Atikon T17: Zufallssample AT

    Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar

    Gute Struktur mithilfe von Überschriften und Paragraphen.

    Atikon T18: Zufallssample DE

    Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar

    Klare Kennzeichnung von Inhalten durch Überschriften, Paragraphen und Listen.
    Als Best-Practice sollten die Überschriften hierarchisch sein, die erste Sektionsüberschrift sind in diesem Fall eine H3 statt einer h2.

Copyright © waca.at 2025.