2016-04-26 8 views
1

Wenn Sie a mit aria-hidden = "true" eingeben, wird NVDA während des Ladens des Videos weiterhin "Ihr Browser unterstützt das Video-Tag nicht" anzeigen. Sobald das Video geladen ist, wird es abgespielt. Aus irgendeinem Grund wird NVDA diesen Text bei der Verwendung von IE nicht ignorieren. Es liest es nicht, wenn es Chrome verwendet, noch liest VoiceOver es. Ist jemand darüber gestolpert und nicht, wie man es repariert?NVDA ignorierend aria-hidden = "true" in IE 11 und 10

hier ist der Code:

<video id="view-video" controls> 
    <source src="#" type="#"> 
    <span aria-hidden="true">Your browser does not support the video tag.</span> 
</video> 
+0

Beachten Sie, dass NVDA am besten zu Firefox passt. JAWS passt im Allgemeinen am besten zu IE (nicht Edge). – aardrian

+0

Siehe diesen Link für eine Reihe von Tests mit verschiedenen Browsern und Tools: http://stevefaulkner.github.io/HTML5accessibility/tests/hidden-2016.html – Davemundo

Antwort

0

Es würde helfen, wenn Sie mehr Details von bestimmten Versionen von IE und NVDA bieten und ob Sie eine Tastatur oder Maus verwenden. Ich gehe von Maus-Interaktion aus, weil das normalerweise der Übeltäter im IE ist.

Mit dieser Annahme, ich glaube nicht, dass es etwas ist, das Sie wirklich nur mit HTML oder CSS beheben können https://github.com/nvaccess/nvda/issues/5320. NVDA in IE im Mausmodus endet mit dem Lesen einer großen Menge unnötiger Elemente. Ich nehme an, das ist was es betrifft.

Sie können versuchen, none, role = Präsentation, aria-hidden, Position off screen, usw. anzuzeigen und es wird immer noch scheinen, es zu lesen (ob innerhalb oder außerhalb des Video-Tags).

Also dann kommt es darauf an, warum Sie wollen, dass dies verborgen bleibt. Ich denke, das ist nicht dein richtiger Code, da du Quellen hast und sie laden. Also, wenn der Text nur für ältere Browser da ist, würde ich vorschlagen, die Spanne überhaupt nicht zu haben. Vielleicht möchten Sie modernizr verwenden oder überprüfen Sie, ob das Video-Tag unterstützt wird und dann, wenn es nicht im Bereich hinzugefügt wird. Oder wenn Sie nur ältere Versionen von IE berücksichtigen möchten, können Sie den Inhalt in bedingte Tags einfügen.

Leider scheint es keine einfache Antwort von allem zu geben, was ich gefunden habe.

0

Entschuldigung, das Problem war ein Problem zwischen IE 11 und Edge und NVDA 2016. Der Fehler wurde gemeldet.