Wie Screenreader Lesen die Elemente, die aus HTML

Ich weiß, dass Screenreader Lesen für einige Elemente/tags, nicht nur, was Sie enthalten, sondern auch die element - /tag-es selbst. Zum Beispiel: 

<button class="class-of-the-button">Text inside</button>

Ergeben sich für Bildschirm-Leser wie: Button Text hinein.

Oder so etwas ähnliches, ich bin mir nicht ganz sicher(bitte korrigieren wenn Sie wissen, wie genau es sein wird). Sagen, dass, ich möchte Sie bitten, mir zu sagen, was sind die anderen Elemente/tags, die Screenreader Lesen den Inhalt des element - /tag-es selbst, und insbesondere(aber nicht nur. wenn Sie eine Liste von Ihnen oder einfach nur etwas wissen, bitte sagen. Ich wäre wirklich sehr dankbar, Sie helfen):

  1. für <input type="radio">

  2. für <input type="checkbox">

  3. für <h1> zu <h6> tags.

InformationsquelleAutor vewiwajeg | 2016-05-29
  1. 8

    Es ist eine großartige Ressource online, die einfangen, wie jeder screen-reader spricht verschiedene Elemente. Es ist nicht vollständig, aber es hat ziemlich viel. Es ist auch immer:

    Aural UI-Elemente von HTML

    Dem team, das er für Leute hinter dem ARIA und HTML Spezifikationen, so dass Sie tun es nicht aus Spaß, Sie tun es im Interesse der specs (und es eingebunden werden kann als ein Hinweis unten auf der Straße). Ist auch ein screen-reader-Benutzer, so versteht Sie es besser als Sie oder ich.

    Finden Sie Beispiele von jedem von JAWS, VoiceOver und NVDA und Window Eyes. Aus dem Dokument:

    Typischen support-Muster der HTML-Elemente durch screen-Leserinnen und Leser:

    • Identifizierung eines Elements durch die Rolle der Benutzer bewegt sich durch den Inhalt.
    • Ankündigung des Textinhalts eines Elements.
    • Ankündigung von Beginn und Ende eines Elements.
    • Veränderung in der Stimme, als der Inhalt eines Elements ist angesagt.
    • Ankündigung einer element zugegriffen werden kann name und/oder Beschreibung
    • Ansage von Zuständen und Eigenschaften.
    • Emission von einem Piepton oder anderen Ton, wenn ein element mit einem particulat Zustand oder Eigenschaft erhält virtuellen Fokus.
    • Anweisungen zur Bedienung der interaktiven Elemente wie Formular-Steuerelemente.
    • Navigation von Elementen per Tastatur und "quick-access" - Listen einen bestimmten Elementen, Listen-Elementen verknüpft sind, ist jede Instanz ein element auf der Seite.

    Hinweis: Die Kombination von mustern unterstützt werden, variiert von element zu element und die Unterstützung für ein bestimmtes element variiert zwischen screen-reader-software.

    • Vielen Dank für diese wirklich großartige Ressource, Aardrian.
    InformationsquelleAutor aardrian
  2. 2

    Für die drei Fälle haben Sie darum bat, die screen reader braucht mindestens zwei Informationen: das element seine Rolle und seinen Namen zugänglich.

    Für die Formularfelder die Rolle ist bestimmt durch das type-Attribut. So type="radio" type="checkbox" ersetzt. Für die überschrift die Rolle ist implizit, wenn Sie die h1-h6-element.

    Den barrierefreien Namen für die Formularfelder ist am häufigsten unter Verwendung von label-Elementen. Für die form-Felder, es wäre so etwas wie dieses:

    <input type="checkbox" id="red">
<label for="red">Red</label>

    Hinweis: die für den/id-Attribut-Reduktion ist wichtig, weil es verknüpft das label mit dem Formular-Feld. Ohne diese Vereinigung kann der browser nicht wissen, das label gehört zu den form-Bereich.

    Für die überschrift, der Barrierefreie name kommt aus dem text-Inhalt des Elements:

    <h1>Favourite books</h1>

    Browser stellt Informationen wie die Rolle und den barrierefreien Namen für screen-Reader. In diesen Beispielen werden der screen-reader ankündigen würde, so etwas wie "Red Box", oder "Lieblings-Bücher " überschrift Ebene 1".

    InformationsquelleAutor Léonie Watson
Schreibe einen Kommentar