From the course: Simplifying Web Development with Accessibility Best Practices
Unlock this course with a free trial
Join today to access over 24,800 courses taught by industry experts.
Date picker - HTML Tutorial
From the course: Simplifying Web Development with Accessibility Best Practices
Date picker
- [Instructor] Date pickers are a common feature in websites and apps that is notoriously difficult to build and make accessible. Actually, let me amend that statement. Date pickers used to be notoriously difficult to build and make accessible. Watch this. Here we're in Firefox and we have a date picker that's set to the current date. I can click on the current dates. I get a date picker. I can pick another date. So if I say April 15, the end date here changes. And if I click on that, you'll see I can't pick any date before April 16th. And then I can just pick whatever date I want. And I have now filled it out. Now this date pickers fully accessible. So here I can use my arrow keys to navigate through and pick whatever date I want. I can also type in something 18, for example and I get the date I want. So we have a fully accessible date picker in the site. Right. Let's switch over to Chrome and take a look.…