0

I know that the good scenario is, when I click on number 3 on my keyboard I'm supposed to jump between my h3 headers.

For some reason this thing didn't happen in my case and my screen reader (NVDA) didn't show me any indication of it.

It's some list of results and on each result the title is h3.

Here is one example for one result:

http://codepen.io/anon/pen/PGkjdQ

unor
  • 92,415
  • 26
  • 211
  • 360
kfir
  • 21
  • 5

3 Answers3

1

According to the following page : Keyboard Shortcuts for NVDA

Numpad 3 and 3 keys have different use.

  • Numpad 3 : "Say Next Character"
  • 1-6: "Headings level 1-6"

So you must not use the numpad when you want to navigate through the headings.

Adam
  • 17,838
  • 32
  • 54
0

Questions that would be helpful in debugging this:

  1. Are you in browse mode or focus mode?
  2. Are you pressing the 3 on the keyboard or the number pad?
  3. Are you at the end of the page?
  4. Does NVDA speak to you ("No next heading 3") or make any noise when you press the 3 key?
  5. Do you have an example that shows the HTML output, not your uncompiled Angular?

If in browse mode (source):

While in browse mode, For quicker navigation, NVDA also provides single character keys to jump to certain fields in the document. Note that not all of these commands are supported in every type of document.

The following keys by themselves jump to the next available element, while adding the shift key causes them to jump to the previous element:

  • h: heading
  • […]
  • 1 to 6: headings at levels 1 to 6 respectively

If you are not sure which mode you are in, you can toggle between them by pressing the NVDA key + Space (source).

The NVDA key changes based on whether you are using a laptop or desktop computer, and you can also override it. If on a desktop computer, then it is typically the Insert key on the number pad. If on a laptop then it is typically the Caps Lock key. (source)

aardrian
  • 8,581
  • 30
  • 40
  • First of all, thank very much for your detailed answer. – kfir Sep 22 '16 at 10:32
  • And now for your questions: 1. I'm try both modes the same actions. 2. i"m pressing the 3 on the keyboard. 3. I'm not at the end of the page. 4. Yes, it speak to me and I'm using the "Speech Viewer" and it write and say: "No next heading 3". 5. I;m sorry but I dont have any other example beside what I already share here. Do you have any other ideas why this might happen? Thanks a lot. – kfir Sep 22 '16 at 10:39
  • The first time I pressing number 3 it say "heading clickable level 3", and it even jump to the area where my list items with all h3 are, but when I pressing again on number 3 it start say "No next heading 3". – kfir Sep 22 '16 at 10:46
  • If NVDA says "no next heading," then what does it say when you press **Shift** + **3**? Also, if NVDA says "clickable level 3" then that suggests you have a _tabindex_ or other attribute on the heading that might be jacking it up, such as a _role_ attribute. Use the browser inspector to pull the rendered HTML and amend your question so we can see the code. – aardrian Sep 22 '16 at 12:35
  • 1. After I pressing 3 number for the first time and then another time, now when I press Shift + 3 its say "no next heading", even tho before he did recognize the first h3. 2. No, there isn't any tabindex or roll attribute on the "h3". Only "ng-repeat", "class", ng-if. – kfir Sep 22 '16 at 13:47
0

Both NVDA and JAWS show the h3 in the headings dialog. I'm able to navigate to it using the 3 key along the top row of number keys (not number pad).

NVDA screenshot:

nvda

JAWS screenshot:

jaws

slugolicious
  • 15,824
  • 2
  • 29
  • 43