heppokofrontend/jquery-accessible-name

/**
 * 関連するlabel要素から取得できるアクセシブルネームを返す
 * @param self - アクセシブルネームを取得したい要素
 * @return - アクセシブルネーム
 */
export const getLabelFromLabelElement = (self: HTMLElement | FormAssociated) => {
  const labels = (self as FormAssociated).labels;

  if (
    !labels ||
    !labels.length
  ) {
    return null;
  }

  const result = Array.prototype.map.call(labels, (label: HTMLLabelElement) => {
    return (label.textContent || '').trim();
  });

  return result.join(' ');
};