A lightweight, powerful javascript datetime picker
95
{
"context": "This criteria evaluates how well the engineer uses flatpickr's screen reader accessibility features, specifically the ariaDateFormat configuration option and ARIA-related functionality for creating accessible date picker interfaces.",
"type": "weighted_checklist",
"checklist": [
{
"name": "flatpickr initialization",
"description": "Uses flatpickr() constructor or function to initialize the date picker on the input element",
"max_score": 15
},
{
"name": "ariaDateFormat option",
"description": "Correctly configures the ariaDateFormat option in the flatpickr configuration object to specify the format for screen reader announcements",
"max_score": 30
},
{
"name": "Format token usage",
"description": "Uses appropriate flatpickr format tokens (F for full month name, j for day, Y for year) to construct the ariaDateFormat string",
"max_score": 20
},
{
"name": "Dynamic configuration",
"description": "Uses the set() method or re-initialization to dynamically update the ariaDateFormat after the date picker has been created",
"max_score": 20
},
{
"name": "Instance return",
"description": "Returns or exports the flatpickr instance from the initAccessibleDatePicker function to allow further manipulation",
"max_score": 15
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-flatpickrevals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10