freeCodeCamp's Use tabindex to Specify the Order of Keyboard Focus for Several Elements

Channel:
United States We Will Code
Subscribers:
8,020
Published on ● Video Link: https://www.youtube.com/watch?v=0augL9JvQA0


Duration: 3:08
89 views
1

In this video, we look at the last lesson for freeCodeCamp's Applied Accessibility section. This lesson further explains tabindex with a simple lesson. If we want to set specific tab order, we can do this by giving the tabindex attribute a numerical value starting with one. The next element we want to be able to tab to would receive a tabindex of 2. This goes on in the order that was specified! Using tabindex properly makes those keyboard-only users able to navigate easily through a website. Correctly using tabindex is vital for any web site in 2020 and even forever after that.



Other Videos By We Will Code


2019-11-18Use the Rest Parameter with Function Parameters, freeCodeCamp Course on ES6 Syntax, Learn JS 2020
2019-11-17Set Default Parameters for Your Functions, ES6 Courses on
2019-11-16Write Arrow Functions with Parameters, freeCodeCamp's ES6 Course, ES6 Challenges FreeCodeCamp
2019-11-15Use Arrow Functions to Write Concise Anonymous Functions, freeCodeCamp's ES6 Challenges, Javascript
2019-11-14Prevent Object Mutation, ES6 freeCodeCamp Introduction, Learn Javascript in 2020, ES6 Syntax
2019-11-13Mutate an Array Declared with const, 2020 ES6 Tutorials, freeCodeCamp ES6 Challenges 2020
2019-11-12Declare a Read-Only Variable with the const Keyword, A freeCodeCamp ES6 Syntax Introduction
2019-11-11Compare Scopes of the var and let Keywords, ES6 Intro FreeCodeCamp, Learn ES6 on FreeCodeCamp
2019-11-10Explore Differences Between the var and let Keywords, Learn ES6, Intro to ES6, free Coding Tutorials
2019-11-10Introduction to the ES6 Challenges, freeCodeCamp Intro to ES6 Challenges on FreeCodeCamp
2019-08-28freeCodeCamp's Use tabindex to Specify the Order of Keyboard Focus for Several Elements
2019-08-24freeCodeCamp's Use tabindex to Add Keyboard Focus to an Element, Accessible Web Apps 2020
2019-08-14freeCodeCamp's Make Links Navigatable with HTML Access Keys, Learn Web Accessibility
2019-08-12freeCodeCamp, Give Links Meaning by Using Descriptive Link Text, Learn to Code 2020
2019-08-10freeCodeCamp, Avoid Colorblindness Issues by Carefully Choosing Colors that Convey Information
2019-08-08freeCodeCamp's, Avoid Colorblindness Issues by Using Sufficient Contrast, Accessible Websites
2019-08-07freeCodeCamp, Improve Readability with High Contrast Text, Applied Accessibility Website
2019-08-05freeCodeCamp, Make Elements Only Visible to a Screen Reader by Using Custom CSS, Accessible Website
2019-08-04freeCodeCamp, Standardize Times with the HTML5 datetime Attribute, 2020 Web Development
2019-08-01freeCodeCamp's Add an Accessible Date Picker, Accessibility App 2020, We Will Code
2019-07-31freeCodeCamp, Wrap Radio Buttons in a fieldset Element for Better Accessibility, 2020 Web App Help


Tags:
using tabindex
focus tabindex
define tabindex
html tabindex
what is tabindex
programming tutorial