CtrlK
CommunityDocumentationLog inGet started
Tessl Logo

tessl/npm-react-native

A framework for building native apps using React

Overall
score

100%

Evaluation100%

1.06x

Agent success when using this tile

Overview
Eval results
Files

rubric.jsonevals/scenario-5/

{
  "context": "This criteria evaluates how well the engineer uses React Native's custom accessibility actions API to create an accessible task management interface. The focus is on proper implementation of accessibility actions, labels, and state management for screen reader users.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "accessibilityActions prop",
      "description": "The component uses the accessibilityActions prop on task components to define custom actions with name and label properties for each action (e.g., 'toggle' for completion and 'delete' for removal).",
      "max_score": 25
    },
    {
      "name": "onAccessibilityAction handler",
      "description": "The component implements an onAccessibilityAction prop handler that receives action events and properly handles the action.name to execute the corresponding functionality (toggle completion or delete task).",
      "max_score": 25
    },
    {
      "name": "Accessibility labels",
      "description": "Each task has appropriate accessibilityLabel or accessible prop set to true with descriptive text that includes the task title and completion status, making the task state clear to screen reader users.",
      "max_score": 20
    },
    {
      "name": "Action implementation",
      "description": "The custom actions correctly update the component state when triggered - the toggle action changes task completion status and the delete action removes the task from the list.",
      "max_score": 20
    },
    {
      "name": "Action labels",
      "description": "Custom accessibility action labels are clear and descriptive (e.g., 'Mark as complete', 'Mark as incomplete', 'Delete task') to help screen reader users understand what each action does.",
      "max_score": 10
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-react-native@1000.0.0

tile.json