freeCodeCamp's Add an Accessible Date Picker, Accessibility App 2020, We Will Code

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


Duration: 3:35
102 views
1

In this challenge from freeCodeCamp's Applied Accessibility section, we look at the input field a little more closely. In the past, we have looked at input fields with a type attribute set as "submit" or "text". In html5 we learn that the type "date" was added to make filling out a form easier. Filling out a form element will allow the date to pop out in an easily accessible manner. It is better to have the type set to date then text, this will help those with screen readers, but also SEO ranking and site keywords.



Other Videos By We Will Code


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
2019-07-30freeCodeCamp, Improve Form Field Accessibility with the label Element, 2020 Web Accessibility
2019-07-29freeCodeCamp, Improve Chart Accessibility with the figure Element, 2019 Screen Readers Accessibility
2019-07-27freeCodeCamp, Improve Accessibility of Audio Content with the audio Element, 2019 Web Accessibility
2019-07-26freeCodeCamp, Applied Accessibility, Make Screen Reader Navigation Easier with the footer Landmark
2019-07-26freeCodeCamp, Make Screen Reader Navigation Easier with the nav Landmark, Accessible Web Apps 2019
2019-07-26freeCodeCamp, Make Screen Reader Navigation Easier with the header Landmark, Make an Accessible Site
2019-07-25freeCodeCamp's Wrap Content in the article Element, Accessibility Challenges
2019-07-24freeCodeCamp's Jump Straight to the Content Using the main Element, Web App Accessibility
2019-07-24freeCodeCamp's Use Headings to Show Hierarchical Relationships of Content, Learn Accessibility


Tags:
html5 date type
accessible date picker
accessible application
input element
input types