Use Case: JSON-LD + Microdata

[AutoSponge]

Case

JSON-LD provides an established standard for embedding data in HTML. Unlike other microdata approaches, JSON-LD helps to reuse standardized annotations through external references.

Issues:

• additional data invisible to text to speech
• additional data invisible to screen readers
• not an established "type"/published schema

Example from https://quiet-collar.glitch.me/,JSON-LD + Microdata:

<script type="application/ld+json">
  // @id is an md5 hash of the original (normalized) ssml
  // easy to cache, generate, differentiate, and predict
  // can be fully externalized
  {
    "@id": "http://example.org/Pronunciation/en_us/36ce11650d7baceb0e1877515ff33aba",
    "@context": "http://schema.org/",
    "type": "Pronunciation",
    "alphabet": "ipa",
    "phoneme ": "pecan",
    "ph": "pɪˈkɑːn"
  }
</script>
<script type="application/ld+json">
  {
    "@id": "http://example.org/Pronunciation/en_us/814f8be5715b0e423242430ee2b2b6ef",
    "@context": "http://schema.org/",
    "type": "Pronunciation",
    "alphabet": "ipa",
    "phoneme ": "pecan",
    "ph": "ˈpi.kæn"
  }
</script>
<p>
  You say, <span itemscope="" itemtype="http://example.org/Pronunciation">
    <link itemprop="url" href="hhttp://example.org/Pronunciation/en_us/36ce11650d7baceb0e1877515ff33aba">pecan</span>. 
  I say, <span itemscope="" itemtype="http://example.org/Pronunciation">
    <link itemprop="url" href="http://example.org/Pronunciation/en_us/814f8be5715b0e423242430ee2b2b6ef">pecan</span>.
</p>