CityOfBoston / Iterators

Repo to host files and manage issue tracking and QA tetsing.
0 stars 0 forks source link

Node 21, Keyboard Tab Order #108

Closed david-iterators closed 4 years ago

david-iterators commented 4 years ago

Screengrab/videos (insert file names here) 2020 03 23, Node 21, Keyboard Tab Order 2020 03 23, Node 21, Keyboard Tab Order.zip .mp4

Link https://d8-stg.boston.gov

Node # (if known) 21

Type of User: Anonymous

Environment (Device > OS > Browser) Computer > macOS > Safari

Trusted Tester Test 4) Keyboard and Focus

Brief Description Item in footer has different tab order

Steps to reproduce

  1. 00:05, Use keyboard to tab to the last entry before reaching the footer.
  2. 00:10, Press the tab key and the focus moves to the 311 link rather than moving through the footer from left to right as would be expected. a. Note: (not shown) reducing the window width results in the 311 link being listed at the top of the footer, which would make this the correct order for the keyboard tab order.

Desired Result Tab order is consistent with the visual layout of the fields.

Actual Result Tab order is not left to right