CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-flatpickr

A lightweight, powerful javascript datetime picker

95

1.06x
Overview
Eval results
Files

rubric.jsonevals/scenario-8/

{
  "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-flatpickr

tile.json