<option>s seemingly have 2 ways of setting the text content? .label and .text. label seems to take precedence over text but otherwise seems to behave the same.

const sel = document.getElementById('sel')
console.log(sel.children[0].text)
sel.children[0].text = "foo"

  <select id="sel">
    <option label="bar">world</option>
  </select>

Does this serve a purpose? Does one work better for screen readers? Tooltips?