fix: a11y-form-control-in-form でFilterDropdownをformとして扱うように修正 (#151)

Author: AtsushiM

rules/a11y-form-control-in-form/index.js

@@ -14,6 +14,7 @@ const FORM_EXPECTED_NAMES = {
   '((F|^f)orm)$': '(Form)$',
   '(FormDialog)$': '(FormDialog)$',
   'RemoteTrigger(.*)FormDialog$': 'RemoteTrigger(.*)FormDialog$',
+  'FilterDropdown$': '(FilterDropdown)$',
 }
 const EXPECTED_NAMES = {
   ...FORM_CONTROL_EXPECTED_NAMES,

rules/a11y-prohibit-sectioning-content-in-form/index.js

@@ -166,6 +166,10 @@ module.exports = {
                 context.report({
                   node,
                   message: `${isSection ? elementName : `${asAttr.name.name}="${asAttr.value.value}"`}とその内部に存在するHeadingをsmarthr-ui/Fieldsetに置き換えてください
+ - もしくはform要素を利用していない場合、フォームを構成する入力要素郡すべてを一つのform要素で囲んでください
+   - required属性、pattern属性など一部属性はform要素で囲まないと動作しません
+   - 送信用ボタンのonClickをform要素のonSubmitに移動し、送信用ボタンに `type="submit"` を指定することでより適切にマークアップ出来ます
+     - その際、onSubmitの動作中で "e.preventDefault()" と "e.stopPropagation()" を指定する必要がある場合があります。
  - form内の見出しとなる要素をlegend, labelのみに統一することでスクリーンリーダーのジャンプ機能などの利便性が向上します
  - smarthr-ui/Fieldset が利用できない場合、fieldset要素とlegend要素を使ったマークアップに修正してください
    - その際、fieldset要素の直下にlegend要素が存在するようにしてください。他要素がfieldsetとlegendの間に存在すると、正しく紐づけが行われない場合があります`,
@@ -181,6 +185,10 @@ module.exports = {
                 context.report({
                   node: sectioningContent.node,
                   message: `${sectioningContent.elementName}とその内部に存在するHeadingをsmarthr-ui/Fieldsetに置き換えてください
+ - もしくはform要素を利用していない場合、フォームを構成する入力要素郡すべてを一つのform要素で囲んでください
+   - required属性、pattern属性など一部属性はform要素で囲まないと動作しません
+   - 送信用ボタンのonClickをform要素のonSubmitに移動し、送信用ボタンに `type="submit"` を指定することでより適切にマークアップ出来ます
+     - その際、onSubmitの動作中で "e.preventDefault()" と "e.stopPropagation()" を指定する必要がある場合があります。
  - form内の見出しとなる要素をlegend, labelのみに統一することでスクリーンリーダーのジャンプ機能などの利便性が向上します
  - smarthr-ui/Fieldset が利用できない場合、fieldset要素とlegend要素を使ったマークアップに修正してください
    - その際、fieldset要素の直下にlegend要素が存在するようにしてください。他要素がfieldsetとlegendの間に存在すると、正しく紐づけが行われない場合があります`,