purpleAIPrompts.json

{
  "aria-allowed-attr": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains ARIA attributes that are not allowed for the element's role. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "aria-hidden-focus": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains aria-hidden elements that are focusable or contains focusable elements. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "aria-input-field-name": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains ARIA input fields with inaccessible names. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "aria-required-attr": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains elements with ARIA roles that do not have all required ARIA attributes . Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "aria-required-children": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains ARIA roles that do not contain their required child roles. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "aria-required-parent": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains ARIA roles that are not contained by their required parent roles. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "aria-roles": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains elements with a role attribute that do not use a valid value. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "aria-toggle-field-name": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains ARIA toggle fields that have inaccessible names. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "aria-valid-attr": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains elements with attributes that begin with aria- that are invalid ARIA attributes. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "aria-allowed-role": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains elements with inappropriate value for role attribute. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "form-field-multiple-labels": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains form fields with multiple label elements. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "label": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains form elements that do not have label. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "scrollable-region-focusable": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains elements with scrollable content that are not accessible by keyboard. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "select-name": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that select elements that do not have accessible names. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "landmark-unique": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains landmarks that do not have a unique role or role/label/title. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "presentation-role-conflict": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains elements marked as presentational that have global ARIA or tabindex. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "aria-treeitem-name": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains treeitem nodes that do not have accessible names. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "server-side-image-map": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains uses server-side image maps. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "svg-img-alt": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains has <svg> elements with an img, graphics-document or graphics-symbol-role that do not have an accessible text. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "autocomplete-valid": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains elements with autocomplete attribute that is incorrect and not suitable for form field. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  " aria-valid-attr-value": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains ARIA attributes that have invalid values. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}",
  "meta-viewport-large": "A frontend software engineer working in a product team has been tasked to fix an accessibility issues. They are given a code snippet that contains <meta name=\"viewport\"> cannot scale a significant amount. Help to highlight the issue in a concise manner and provide the correct version of the code snippet. The code snippet is: ${htmlSnippet}"
}