SPAN tag ignored by JAWS read screen

Thus, I managed to get my page to work fine with the NDVA reader, however, when testing in JAWS, it inserts a tab into the range, but does not read the text.

<span tabindex="0" title="whatever">whatever</span>

UPDATE:

  • I am trying to ensure that I have several elements that expand / collapse some sections of the site that I create. These functional elements, however, are not links.

  • Opt out of @discojoe (thanks for the answer)

  • Adding an attribute TABINDEX="0"will insert the SPAN / DIV element into the tab list in a natural order (whereas by default they are usually not added to the tab list). This allows screen readers to embed this element in the action and works great. In particular, my problems: JAWS will just go to this element, it just doesn't read it.
  • I agree, using TABINDEX="n"(where n> 0) is a bad thing that contradicts the natural order of the tab list, and I do not.
  • In addition, you can use TABINDEX="-1"to remove an item from the tab list if it fits there by default (for example, the A or INPUT tag).
  • , , ( onclick), - ( , ) , , . , .
  • # A, - IE.
  • , A "LINK" / , , , .
+3
3

, span, href? ? , context\code.

; , , .

-

<a href="#" onclick="javascript: return false;">Whatever</a> 

.

, tabindex, . , tabindex, tabindex, .

tabindex , , .

, , , tabindex, , , a href,

+2

, "" , , , : , / . < > :

  • ARIA: link span, / ( ARIA).
  • <a href="#" @discojoe, event.preventDefault() ( jQuery) return false; ( ), .

, .

0

Use the anchor tag to read simple text-related works from the screen. You can simply: -

<a href="javascript:void(0);" title="What you want to be read by jaws></a>

What is it. I tested it using JAWS.

0
source

Source: https://habr.com/ru/post/1787347/


All Articles