diff --git a/advanced_html_css/accessibility/keyboard_navigation.md b/advanced_html_css/accessibility/keyboard_navigation.md
index 0d0973ad5ab..8d6fc588134 100644
--- a/advanced_html_css/accessibility/keyboard_navigation.md
+++ b/advanced_html_css/accessibility/keyboard_navigation.md
@@ -69,7 +69,7 @@ The tab order is the order in which elements on the page will receive focus when
 <div tabindex='0'>This is the first element listed in the HTML.</div>
 
 <!-- This element is second in the tab order. -->
-<div tabindex='0'>This is the second element listed in the HTML.</div>
+<div tabindex='1'>This is the second element listed in the HTML.</div>
 ```
 
 Sometimes you may find it necessary to either change the visual order of elements on a page using CSS (the `float` or `order` properties, for example), or the tab order of elements themselves using the `tabindex` attribute. Regardless of which method you may use, you should make sure the tab order matches the visual order of elements. If the tab order is different from the visual order, users could be left confused or frustrated trying to navigate the page with a keyboard, expecting one element to receive focus based on the visual layout and instead another element receives focus.