rules.json

[
  {
    "ruleid": "text-too-wide",
    "description": "First write out how many words are on each line of text. If a single line of text, as it appears between line breaks (aka newlines), contains more than 30 words, excluding spaces and punctuation, mark it as true and explain which line is too long; otherwise, mark it as false."
  },
  {
    "ruleid": "bad-gray-colors",
    "description": "Explain the size and font color of all stand-alone text elements. If visual hierarchy is created via color and not weight, mark it as true. Otherwise mark it as false."
  },
  {
    "ruleid": "missing-placeholders",
    "description": "Form components with text inputs should have placeholders on all items in their empty state. If there are no placeholders, mark it as true; otherwise, mark it as false"
  },
  {
    "ruleid": "duplicative-copy",
    "description": "Titles and subtitle should have meaningfully differentiated copy; subtitles shouldn't just restate the title with more words. If the subtitle restates the title with more words, mark it as true; otherwise mark it as false."
  },
  {
    "ruleid": "balanced-forms",
    "description": "This rule only applies to forms. Look inside the form container. There should be no chunks of empty space outside of input element borders in a form row. If a form row has a chunk of empty space outside of input element borders, mark it as true; otherwise, mark it as false."
  },
  {
    "ruleid": "minimal-forms",
    "description": "This rule only applies to forms where one of the rows has more than one form input. Forms shouldn't have too many 100% wide inputs, when instead you could have two 50% wide inputs on a single row. If there are too many 100% wide inputs, mark it as true; otherwise mark it as false."
  },
  {
    "ruleid": "no-bad-copy",
    "description": "Copy should look generally professional, not be repetitive, and should have no typos and no glaring errors. If the product copy is not good, mark it as true; otherwise mark it as false."
  },
  {
    "ruleid": "no-default-checkboxes",
    "description": "This rule only applies to checkbox inputs. Unstyled default checkboxes look bad. If there is a default checkbox with no styling, mark it as true; otherwise mark it as false."
  },
  {
    "ruleid": "no-unclear-labels",
    "description": "This rule is only applicable to forms. Form labels should use general language that is easy to understand and isn't specific to the product. If the label says things that are product-specific and wouldn't be clear to a general user, mark it as true; otherwise, mark it as false."
  },
  {
    "ruleid": "no-unconstrained-width",
    "description": "Content does not need to take up the full screen width. If content is too wide and unconstrained, mark it as true; otherwise mark it as false.",
    "samples": [
      {
        "html": "<div>A server error has occurred. Please review your logs for more information. A server error has occurred. Please review your logs for more information. A server error has occurred. Please review your logs for more information. A server error has occurred. Please review your logs for more information.</div>",
        "viewport": {
          "width": 2040,
          "height": 50
        },
        "fail": true
      },
      {
        "html": "<div>A server error has occurred. Please review your logs for more information.</div>",
        "viewport": {
          "width": 2040,
          "height": 50
        },
        "fail": false
      }
    ]
  }
]