MethodScript.com Accessibility - Labels are not attached to search form fields
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 30/100
- issue の種類
- バグ
- 明瞭さ
- 説明が足りない
- 活発さ
- 停滞
- 技術スタック
- html
- 領域
- accessibility, frontend, web-dev
調査の方向性
Issue にリンクされている MethodScript.com のドキュメントページから始め、ID が theme-select と search の検索フォームフィールドを調べます。報告されたアクセシビリティ違反をベースラインとして使用し、両方のフィールドに支援技術が解釈できるラベルが付いていれば完了です。
索引モデルが issue の本文から書いたものです。
説明
The search form does not include accessible labels that can be interpreted by a screen reader.
2 violations detected:
<select id="theme-select" name="theme-select">
<option value="default">Default Theme</option>
<option value="Dark">Dark</option>
<option value="Nilleke Dark">Nilleke Dark</option>
</select>
<input id="search" name="search" value="" type="search" class="sb-search-input">
Why is this important?
When on-screen labels are present, they must be programmatically associated with form fields. When on-screen labels are not present, form fields must be given an accessible label.
When form fields do not have a programmatic (accessible) label, assistive technologies may incorrectly render the label or provide no label at all to users. When labels are not present or are incorrect, users of assistive technologies may not be able to complete a form.
The HTML5 specification has a new form field attribute called
placeholder. This represents a label or hint, such as a word or short phrase, that is assigned to a form field such as an input field. The label or hint appears within the form field and goes away when users start typing. When theplaceholderattribute is used, the label or hint may not be detected by assistive technologies. Therefore, developers should provide off-screen text in thelabelelement of the form field or provide atitle
- 主要言語
- Java
- スター
- 128
- フォーク
- 70
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
EngineHub/CommandHelper のほかの issue
-
discussion wanted documentation
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
EngineHub/CommandHelper#1403 ·
-
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
EngineHub/CommandHelper#1370 · コメント 1 件 ·
-
bug
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
EngineHub/CommandHelper#1354 ·
-
bug
難易度 4/5 3〜5日 初心者へのやさしさ 45/100
EngineHub/CommandHelper#1349 · コメント 3 件 ·
-
bug
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
EngineHub/CommandHelper#1341 · コメント 2 件 ·
EngineHub/CommandHelper の issue をすべて見る
似ている issue
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
apache/flink-agents#1152 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
jenkinsci/blueocean-plugin#5417 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
objectionary/eo-graphs#75 ·