From 093325abdf18c3fd5d7e7b183bba15ca723e7f94 Mon Sep 17 00:00:00 2001 From: Tom <20648924+moT01@users.noreply.github.com> Date: Mon, 26 Apr 2021 14:25:28 -0500 Subject: [PATCH] fix(curriculum): tabindex order lesson (#41901) Co-authored-by: Sem Bauke <46919888+Sembauke@users.noreply.github.com> --- ...-of-keyboard-focus-for-several-elements.md | 30 +++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.md b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.md index 31c79bbda2..2ff8521975 100644 --- a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.md +++ b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.md @@ -29,6 +29,8 @@ Here's an example: Camper Cat has a search field on his Inspirational Quotes page that he plans to position in the upper right corner with CSS. He wants the search `input` and submit `input` form controls to be the first two items in the tab order. Add a `tabindex` attribute set to `1` to the `search` `input`, and a `tabindex` attribute set to `2` to the `submit` `input`. +Another thing to note is that some browsers may place you in the middle of your tab order when an element is clicked. An element has been added to the page that ensures you will always start at the beginning of your tab order. + # --hints-- Your code should add a `tabindex` attribute to the `search` `input` tag. @@ -61,6 +63,7 @@ assert($('#submit').attr('tabindex') == '2'); ```html
+