2016-05-13 3 views
0

Ich habe eine Geige hier https://jsfiddle.net/j49gz3g3NVDA liest picker aktuelle Zellenauswahl Postion

<div class="container"> 

    <div class="row"> 
     <div class="form-group"> 
      <label for="dt">Birth Date</label> 
      <input type="text" name="dt" id="dt" placeholder="" class="nl-datepicker" />    
     </div> 
    </div> 
</div> 

während der Navigation zwischen Daten mit den Pfeiltasten der Tastatur einrichten, liest NVDA

Freitag 12. Mai aus 2016 Reihe 3

Donnerstag 4. Mai 2016 Spalte 5

während des erwarteten Ausgang ist

Friday, 12. Mai 2016

Thursday, 4. Mai 2016

Gibt es eine Möglichkeit, in der das Auslesen der Zellenposition (Zeile 3, Spalte 5) vermieden werden? Oder ist das ein Standardverhalten bei Tabellen mit Daten?

Dies ist in allen gängigen Browsern geschieht (dh IE, FF, Chrome)

PS: Auch einen Screenshot als Referenz beigefügt.

enter image description here

Antwort

2

Dieses Standardbild-Leser Verhalten, wenn Sie eine Datentabelle verwenden.

Eine Alternative wäre, ein Widget mit role = "application" zu programmieren, aber zugängliche Widgets sind knifflige Dinge, also schlage ich vor, Sie lassen es einfach so. Diejenigen, die Bildschirmleser verwenden, werden für dieses Verhalten verwendet.

Ich habe vor kurzem eine Seite über Best Practices für barrierefreie Tabellen erstellt. Hier ist es, wenn Sie interessiert sind: http://haltersweb.github.io/Accessibility/tables.html

+0

Danke für diese Information. Ich bin durch den Link gegangen. Informativ in der Tat. Ich wollte nur fragen, kennen Sie zufällig einen Accessible Datepicker, der mit einer 'role =" application "' anstelle von 'role =" grid "' arbeitet? – asprin

+0

Ich kenne nur Datentabellen. Im Folgenden finden Sie zwei Datumsauswahlprogramme für Personen, die im Bereich "Barrierefreiheit" gut bekannt sind, aber ihre beiden tabellenbasierten ... – haltersweb

+0

Dieses erste Beispiel basiert auf dem Datumswähler von jQuery UI, jedoch mit Zusätzen für die Barrierefreiheit. Hier ist eine Version von Deque (http://www.deque.com/blog/accessible-jquery-ui-datepicker/) und hier ist eine Version von Hans Hillen, der jetzt bei der Paciello Group ist (https: // hanshillen.github.io/jqtest/#goto_datepicker). Sie sind von 2013 obwohl. – haltersweb

0

OK, für Leute da draußen, die dies geschehen soll, würde, ist hier, wie Sie es tun:

Zum NVDA der „Dokumentformatierung“ Option und deaktivieren „Report Tabellenzelle Koordinaten ". Die Zeilen- und Spaltenposition wird dann nicht mehr ausgelesen.