Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Incorrect use of <label for=FORM_ELEMENT>

オープン
  • 何か問題がありますか？
#958 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
45/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
php
領域
accessibility

調査の方向性

Checkbox、File Input、Tabs フィールドを使って投稿編集ページで問題を再現し、その生成された HTML と Chrome DevTools の Issues タブを調べます。影響を受ける markup を更新し、ラベルが該当しない for 属性を省略するか、既存の file-input id を対象にするようにします。報告されたラベルエラーが表示されなくなれば完了です。

索引モデルが issue の本文から書いたものです。

説明

Describe the bug
Chrome DevTools indicates, that some ACF fields has issue, that generated field HTML has label with for attribute, that has no related element with same id, for example:

  • Checkbox
  • File Input
  • Tabs

To Reproduce
Steps to reproduce the behavior:

  1. Create ACF fields group with type checkbox.
  2. Go to post edit page.
  3. Open DevTools Issues tab (if not shown click red icon with number on top right corner on the left of Settings icon).
  4. See error

Expected behavior

  • Attribute for must be removed when is not applicable.
  • Attribute for must have id target to File input.

Screenshots or Video
Image

Version Information:

  • WordPress Version 6.8.1
  • PHP Version 8.3.6
  • ACF Version ACF PRO 6.4.0.1
  • Browser Chrome 135
主要言語
PHP
スター
946
フォーク
197
30日以内にマージされた PR はありません

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

AdvancedCustomFields/acf のほかの issue

AdvancedCustomFields/acf の issue をすべて見る

似ている issue

PHP の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。