zum Hauptinhalt springen
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Website-/Erkenntnisse


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Barrierefreiheit für Website/App Erkenntnisse

Website-/Erkenntnisse haben viele Funktionen integriert, um die Barrierefreiheit mühelos zu gestalten. Im Folgenden finden Sie einige der Barrierefreiheit, die Sie auf der gesamten Plattform erwarten können:

  • Alle Creative sind tabulatorfähig und können über die Tastatur angeklickt werden. Wir unterstützen TAB, ESC, und Enter (und Rückgabe, für Mac-Benutzer), unterstützen jedoch keine Pfeiltasten oder andere.
  • Für Pop-over- und Responsive-Dialog-Creatives können Benutzer erst außerhalb des Creative wechseln, wenn es geschlossen ist. Außerdem ist das Tabbing auf der zugrunde liegenden Seite nicht zulässig.
  • Bei Pop-over- und Responsive-Dialog-Creatives wird der Fokus direkt auf das Creative angewendet, sobald es angezeigt wird.
  • Wenn eingebettete Ziele verwendet werden, können Benutzer mit der rechten Maustaste auf das eingebettetes Ziel klicken und einen iFrame-Titel hinzufügen.
  • Wenn Eingebettete Fenster in den erweiterten Intercept verwendet werden, können Benutzer einen iFrame-Titel hinzufügen.

Weiter behandeln wir Barrierefreiheit, die speziell auf die Anforderungen der einzelnen Creative Designs zugeschnitten sind.

Responsiver Dialog Creative

  • Leicht zu definierender Alternativtext: Wenn ein benutzerdefiniertes Symbol im Dialog verwendet wird, Benutzern die Angabe von Alternativtext erlauben Gibt den Text an, den das Bildschirmausleseprogramm lesen soll, wenn der Fokus auf dem Symbol liegt.
    Tipp: Wenn Sie auswählen, dass Symbol zum Verwerfen des Intercept einschließen , der Alternativtext für die X-Schaltfläche, der rechts oben im Creative angezeigt wird, lautet “schließen”. Dieser Alternativtext ist ebenfalls lokalisiert.
  • ARIA-Bezeichner für Drucktasten-Controls: Standardmäßig lesen Bildschirmausleseprogramme den Text, den Sie für die Drucktastenbeschriftung angeben. In einigen Fällen möchten Sie jedoch möglicherweise, dass das Bildschirmausleseprogramm zusätzlichen Kontext liest, z.B. „Klicken Sie auf diese Schaltfläche, um ein neues Umfrage zu öffnen“. In diesem Fall können Sie die ARIA-Bezeichner für die Drucktasten-Controls.
  • Farbkontraste für Elemente im Creative selbst: Qualtrics kann zwar keine direkte Kontrastführung bieten, Benutzer haben jedoch die volle Kontrolle, die passende Farbe für Creative auszuwählen und auszuwählen.

Feedback Creative

Pop-Over, Schieberegler, InfoBar und benutzerdefinierte eingebettete Feedback

  • Farbkontraste für Elemente im Creative selbst: Qualtrics kann zwar keine direkte Kontrastführung bieten, Benutzer haben jedoch die volle Kontrolle, die passende Farbe für Creative auszuwählen und auszuwählen.
Tipp: Ziel für diese Creatives sind zusätzliche Änderungen erforderlich, um sie zugänglich zu machen, da die Namen und Rollen der von Ihnen ausgewählten Schaltflächen variieren können. Weitere Informationen finden Sie in den verlinkten Abschnitten der Supportseite.

Mobile App-SDK

  • Zugriff auf mobile Bildschirmausleseprogramme:
    • Ermöglicht Bildschirmausleseprogrammen die Navigation und das Verlassen des Dialogs.
    • Ermöglicht das Lesen von Text innerhalb von Drucktasten sowie die Art des zu lesenden Elements (z. B. Drucktaste).

Erstellen eines Creative für einen barrierefreien flexiblen Dialog

In diesem Abschnitt erfahren Sie, wie Sie eine Responsive-Dialogfeld Creative damit Bildschirmausleseprogramme darauf zugreifen können.

  1. Navigieren Sie zum Projekte erstellen Sie dann eine Website-/Erkenntnisse.
  2. Klicken Sie auf Neu anlegen.
    Wählen Sie auf der rechten Seite "Neu anlegen".
  3. Auswählen Responsive-Dialogfeld als Intercept.
    Klicken Sie auf das Feld ganz links.
  4. Geben Sie Ihrem Intercept einen Namen.
    Erstellen Sie Ihr Intercept mit einem Namen
  5. Wählen Sie eine Umfrage aus, die verknüpft werden soll, oder geben Sie eine benutzerdefinierte URL ein, zu der Sie weiterleiten möchten.
  6. Klicken Sie auf Weiter.
  7. Auswählen Drucktasten.
    Wählen Sie Buttons, und geben Sie dann das Feedback
  8. Fügen Sie den entsprechenden Text für jede der Drucktasten in das Feld Text Abschnitt. Dieser Text wird Benutzern visuell angezeigt und von Bildschirmausleseprogrammen vorgelesen.
  9. Klicken Sie auf Logos & Bilder.
    Klicken Sie auf Logos auf der linken Seite, und geben Sie einen Namen für Ihren Alternativtext ein.
  10. Ändern Sie die Alt. Text Abschnitt zur schriftlichen Beschreibung der Grafik. Besucher, die Bildschirmausleseprogramme verwenden, werden den Alt-Text lesen lassen, damit sie wissen, was das Bild ist, wenn sie sehbehindert sind.
  11. Wenn Sie Ihre Umfrage direkt im Dialog anzeigen, navigieren Sie zu Größe & Stil.in der Größe & Formatregisterkarte, Hinzufügen eines iFrame-Titels
  12. Ankreuzfeld für Umfrage direkt im Dialog anzeigen.
  13. In der Iframe-Titel geben Sie den Text ein, der von Bildschirmausleseprogrammen gelesen werden soll, wenn sie zum ersten Mal auf Ihre Umfrage stoßen.
Tipp: Wenn Sie zum Erstellen Ihres Intercept keinen geführten Workflow verwenden, führen Sie die Schritte 7 bis 13 für jedes Creative aus.

Erstellen einer Creative für barrierefreies Feedback

  1. Navigieren Sie zum Projekte erstellen Sie dann eine Website-/Erkenntnisse.
  2. Klicken Sie auf Neu anlegen.
    Wählen Sie auf der rechten Seite "Neu anlegen".
  3. Auswählen Feedback-Schaltfläche als Intercept.
    Klicken Sie auf das mittlere Symbol Feedback.
  4. Geben Sie Ihrem Intercept einen Namen.
    Erstellen Sie Ihr Intercept mit einem Namen
  5. Wählen Sie eine Umfrage aus, die verknüpft werden soll, oder geben Sie eine benutzerdefinierte URL ein, zu der Sie weiterleiten möchten.
  6. Klicken Sie auf Weiter.
  7. Navigieren Sie zu &Erscheinungsbild.
    Wählen Sie auf der rechten Seite Look& fühlen Sie sich an, und geben Sie dann in den Drucktastentext ein.
  8. Fügen Sie den entsprechenden Text für die Drucktasten in das Feld Drucktastentext Abschnitt. Dieser Text wird Benutzern visuell angezeigt und von Bildschirmausleseprogrammen vorgelesen.
  9. Wenn Sie eine benutzerdefinierte Drucktaste verwenden, wählen Sie Eigene Drucktaste verwenden und laden Sie das entsprechende Bild von Ihrem Computer hoch.
  10. Nachdem Sie das Bild hochgeladen haben, ändern Sie die Alt. Text um eine schriftliche Beschreibung der Drucktaste bereitzustellen. Besucher, die Bildschirmausleseprogramme verwenden, werden den Alt-Text lesen lassen, damit sie wissen, was das Bild ist, wenn sie sehbehindert sind.
    Wenn Sie auf eine eigene Schaltfläche klicken, laden Sie ein Bild von Ihrem Computer hoch.
  11. Klicken Sie auf Umfrage.
    Klicken Sie auf die Umfrage auf der linken Seite.
  12. Geben Sie einen iFrame-Titel in der Iframe-Titel Abschnitt. Wenn Sie eine eingebettetes Ziel In Ihrem Intercept fügt diese Option dem iFrame, den Bildschirmausleseprogramme interpretieren können, einen Titel hinzu.

Hinzufügen von Alternativtext und Rollen zu Ziel

Tipp: Wenn Sie keinen Zugriff auf die in diesem Abschnitt beschriebenen Funktionen haben, wenden Sie sich an Ihren Benutzerkonto. Weitere Informationen zu den Unterschieden zwischen digitalem Feedback und CustomerXM für Digital finden Sie unter. Digitales Feedback vs. CustomerXM für Digital.
Tipp: Für flexible Dialoge und Feedback ist dieser Schritt nicht erforderlich.
Achtung: Funktionen für benutzerdefiniertes Coding werden unverändert bereitgestellt und erfordern möglicherweise Programmierkenntnisse zur Implementierung. Unser Support bietet keine Hilfe oder Beratung im Zusammenhang mit benutzerdefinierter Codeerstellung. Stattdessen können Sie sich gerne in unserer engagierte Benutzer-Community erkundigen. Wenn Sie mehr über unsere Services für kundenspezifisches Coding erfahren möchten, Kontakt Ihr Qualtrics Benutzerkonto.

Wenn Ihr Ziel in Form eines Bild vorliegt, das Sie hochgeladen haben, hilft das Hinzufügen von Alternativtext und einem Attribut dem Bildschirmausleseprogramm dabei, zu verstehen, was die Drucktaste sagen und tun soll.

  1. Öffnen Sie Ihr Creative im Creatives Registerkarte.
  2. Doppelklicken Sie auf das Ziel, das das Bild enthält.
    Die Schaltfläche im Creative wird doppelgeklickt, wodurch eine neue Symbolleiste oben mit einer Quellschaltfläche eingeblendet wird.
  3. Klicken Sie auf Quelle.
  4. Innerhalb des <img> Tag, Attribut hinzufügen <img alt="text here" /> auf das Tag und setzen Sie den Wert gleich dem Text des Bild.
    <img alt="Sign Up Now" ... />
    Tipp: Bildschirmlesesoftware liest vor, was im Attribut enthalten ist, wenn es auf dem Bild ankommt.

    In der Quelle hat das img-Tag ein alt-Tag, genau wie dieses Bild

  5. Umgeben Sie die <img> Tag mit einem <span> Tag.
    Zum Quelltext der Drucktaste hinzugefügte Spanne
  6. Fügen Sie ein role=”button”-Attribut zur <span> Tag.
    <span role="button"><img .../></span>
    Tipp: Das Attribut teilt dem Besucher mit einem Bildschirmausleseprogramm mit, dass es sich bei diesem Element um eine Drucktaste handelt, die aktiviert werden kann.

    Eine Rolle, die zu den Bereichs-Tags hinzugefügt wird, die auf die Schaltfläche „Gleich“ gesetzt sind

Standardziele (Linktext)

  1. Öffnen Sie Ihr Creative im Creatives Registerkarte.
  2. Doppelklicken Sie auf das Ziel, das den Text enthält.
    Das Ziel im Creative wird doppelt angeklickt, wodurch eine neue Symbolleiste oben mit einer Quellschaltfläche angezeigt wird.
  3. Klicken Sie auf Quelle.
  4. Fügen Sie ein role=”button”-Attribut zur <span> Tag.
    <span role="button" ... >Textfeldinhalt</span>

    Im Span-Tag wurde die Drucktaste "Rolle gleich" festgelegt.

Hinzufügen von Alternativtext und Rollen zum Schließen von Drucktasten

Tipp: Für flexible Dialoge und Feedback ist dieser Schritt nicht erforderlich.
Achtung: Funktionen für benutzerdefiniertes Coding werden unverändert bereitgestellt und erfordern möglicherweise Programmierkenntnisse zur Implementierung. Unser Support bietet keine Hilfe oder Beratung im Zusammenhang mit benutzerdefinierter Codeerstellung. Stattdessen können Sie sich gerne in unserer engagierte Benutzer-Community erkundigen. Wenn Sie mehr über unsere Services für kundenspezifisches Coding erfahren möchten, Kontakt Ihr Qualtrics Benutzerkonto.

Drucktaste “Schließen” als Bild

  1. Öffnen Sie Ihr Creative im Creatives Registerkarte.
  2. Doppelklicken Sie auf das Element Schließen, das das Bild enthält.
    Die Schaltfläche zum Schließen im Creative wird doppelt angeklickt, wodurch eine neue Symbolleiste oben mit einer Quellschaltfläche eingeblendet wird.
  3. Klicken Sie auf Quelle.
  4. Fügen Sie das Attribut alt=”close” zur <img> Tag.
    <img alt="close" ... />
    Tipp: Bildschirmlesesoftware liest vor, was im Attribut enthalten ist, wenn es auf dem Bild ankommt.

    Dem IMG-Tag in der Quelle wurde ein alt-Tag hinzugefügt, das dem Wort Close entspricht.

  5. Umgeben Sie die <img> Tag mit einem <span> Tag.
    Tags innerhalb des Quellcodes aufspannen
  6. Fügen Sie ein role=”button”-Attribut zur <span> Tag.
    <span role="button"><img .../></span>
    Tipp: Das Attribut teilt dem Besucher mit einem Bildschirmausleseprogramm mit, dass es sich bei diesem Element um eine Drucktaste handelt, die aktiviert werden kann.

    Ein Attribut, das der Drucktaste entspricht, die der Spanne hinzugefügt wurde

Drucktaste “Schließen” als Text

  1. Öffnen Sie Ihr Creative im Creatives Registerkarte.
  2. Doppelklicken Sie auf das Element Schließen, das den Text enthält.
    Der Text zum Schließen im Creative wird doppelt angeklickt, wodurch eine neue Symbolleiste oben mit einer Quellschaltfläche eingeblendet wird.
  3. Klicken Sie auf Quelle.
  4. Fügen Sie ein role=”button”-Attribut zur <span> Tag.
    <span role="button" ...>Textfeldinhalt</span>
    Tipp: Das Attribut teilt dem Besucher mit einem Bildschirmausleseprogramm mit, dass es sich bei diesem Element um eine Drucktaste handelt, die aktiviert werden kann.

    Ein Attribut, das der Drucktaste "Bereichssatz gleich" hinzugefügt wurde

FAQs

Viele Seiten dieses Portals wurden mithilfe maschineller Übersetzung aus dem Englischen übersetzt. Obwohl wir bei Qualtrics die bestmögliche maschinelle Übersetzung ausgewählt haben, um ein möglichst gutes Ergebnis zu bieten, ist maschinelle Übersetzung nie perfekt. Der englische Originaltext gilt als offizielle Version. Abweichungen zwischen dem englischen Originaltext und den maschinellen Übersetzungen sind nicht rechtlich bindend.