{
  "semantics": [
    {
      "label": "Background image",
      "description": "Image shown on background."
    },
    {
      "label": "Alternative text for background image",
      "description": "If the browser can't load the image this text will be displayed instead. Also used by assistive technologies."
    },
    {
      "label": "Hotspot color",
      "description": "The color of the hotspots"
    },
    {
      "entity": "hotspot",
      "label": "Hotspots",
      "field": {
        "label": "Hotspot",
        "fields": [
          {
            "label": "Hotspot position",
            "description": "Click on the thumbnail image to place the hotspot"
          },
          {
            "label": "Cover entire background image",
            "description": "When the user clicks the hotspot the popup will cover the entire background image"
          },
          {
            "label": "Header",
            "description": "Optional header for the popup"
          },
          {
            "label": "Popup content",
            "field": {
              "label": "Content Item"
            }
          }
        ]
      }
    },
    {
      "label": "Hotspot label for assistive technologies",
      "default": "Hotspot #num",
      "description": "Will help announce what hotspot element has been navigated to if there is no header specified for a hotspot. #num can be used to replace the hotspot number."
    },
    {
      "label": "Close button label for assistive technologies",
      "default": "Close"
    }
  ]
}
