From ed2473f4fc3353c8f6e17f5a5ffa204aa84e08ae Mon Sep 17 00:00:00 2001
From: Daiki Nishikawa <nd.12021218@gmail.com>
Date: Thu, 4 May 2023 18:19:24 +0900
Subject: [PATCH] refactor(rome_js_analyze): move useIframeTitle from
 semantic_analyzer to analyzer and refactoring (#4438)

* wip

* refactor: move useIframeTitle to analyzers

* fix: codegen
---
 crates/rome_js_analyze/src/analyzers/a11y.rs  |   3 +-
 .../src/analyzers/a11y/use_iframe_title.rs    | 110 +++++++++++++
 .../src/semantic_analyzers/a11y.rs            |   3 +-
 .../a11y/use_iframe_title.rs                  | 147 ------------------
 .../specs/a11y/useIframeTitle/invalid.jsx     |   1 -
 .../a11y/useIframeTitle/invalid.jsx.snap      |  65 +++-----
 .../src/configuration/linter/rules.rs         |   2 +-
 editors/vscode/configuration_schema.json      |   2 +-
 npm/backend-jsonrpc/src/workspace.ts          |   2 +-
 npm/rome/configuration_schema.json            |   2 +-
 website/src/pages/lint/rules/index.mdx        |   2 +-
 .../src/pages/lint/rules/useIframeTitle.md    |  96 +++++-------
 12 files changed, 181 insertions(+), 254 deletions(-)
 create mode 100644 crates/rome_js_analyze/src/analyzers/a11y/use_iframe_title.rs
 delete mode 100644 crates/rome_js_analyze/src/semantic_analyzers/a11y/use_iframe_title.rs

diff --git a/crates/rome_js_analyze/src/analyzers/a11y.rs b/crates/rome_js_analyze/src/analyzers/a11y.rs
index d6fce6bed1c..d488edb7cf6 100644
--- a/crates/rome_js_analyze/src/analyzers/a11y.rs
+++ b/crates/rome_js_analyze/src/analyzers/a11y.rs
@@ -11,8 +11,9 @@ mod no_svg_without_title;
 mod use_alt_text;
 mod use_anchor_content;
 mod use_html_lang;
+mod use_iframe_title;
 mod use_key_with_click_events;
 mod use_key_with_mouse_events;
 mod use_media_caption;
 mod use_valid_anchor;
-declare_group! { pub (crate) A11y { name : "a11y" , rules : [self :: no_access_key :: NoAccessKey , self :: no_auto_focus :: NoAutoFocus , self :: no_blank_target :: NoBlankTarget , self :: no_distracting_elements :: NoDistractingElements , self :: no_header_scope :: NoHeaderScope , self :: no_redundant_alt :: NoRedundantAlt , self :: no_svg_without_title :: NoSvgWithoutTitle , self :: use_alt_text :: UseAltText , self :: use_anchor_content :: UseAnchorContent , self :: use_html_lang :: UseHtmlLang , self :: use_key_with_click_events :: UseKeyWithClickEvents , self :: use_key_with_mouse_events :: UseKeyWithMouseEvents , self :: use_media_caption :: UseMediaCaption , self :: use_valid_anchor :: UseValidAnchor ,] } }
+declare_group! { pub (crate) A11y { name : "a11y" , rules : [self :: no_access_key :: NoAccessKey , self :: no_auto_focus :: NoAutoFocus , self :: no_blank_target :: NoBlankTarget , self :: no_distracting_elements :: NoDistractingElements , self :: no_header_scope :: NoHeaderScope , self :: no_redundant_alt :: NoRedundantAlt , self :: no_svg_without_title :: NoSvgWithoutTitle , self :: use_alt_text :: UseAltText , self :: use_anchor_content :: UseAnchorContent , self :: use_html_lang :: UseHtmlLang , self :: use_iframe_title :: UseIframeTitle , self :: use_key_with_click_events :: UseKeyWithClickEvents , self :: use_key_with_mouse_events :: UseKeyWithMouseEvents , self :: use_media_caption :: UseMediaCaption , self :: use_valid_anchor :: UseValidAnchor ,] } }
diff --git a/crates/rome_js_analyze/src/analyzers/a11y/use_iframe_title.rs b/crates/rome_js_analyze/src/analyzers/a11y/use_iframe_title.rs
new file mode 100644
index 00000000000..00308755fb1
--- /dev/null
+++ b/crates/rome_js_analyze/src/analyzers/a11y/use_iframe_title.rs
@@ -0,0 +1,110 @@
+use rome_analyze::{context::RuleContext, declare_rule, Ast, Rule, RuleDiagnostic};
+use rome_console::markup;
+use rome_js_syntax::jsx_ext::AnyJsxElement;
+use rome_rowan::AstNode;
+
+declare_rule! {
+    /// Enforces the usage of the attribute `title` for the element `iframe`.
+    ///
+    /// ## Examples
+    ///
+    /// ### Invalid
+    ///
+    /// ```jsx,expect_diagnostic
+    ///  <iframe />
+    /// ```
+    ///
+    /// ```jsx,expect_diagnostic
+    /// <iframe></iframe>
+    /// ```
+    ///
+    /// ```jsx,expect_diagnostic
+    /// <iframe title="" />
+    /// ```
+    ///
+    /// ```jsx,expect_diagnostic
+    /// <iframe title={""} />
+    /// ```
+    ///
+    /// ```jsx,expect_diagnostic
+    /// <iframe title={undefined} />
+    /// ```
+    ///
+    /// ```jsx,expect_diagnostic
+    /// <iframe title={false} />
+    /// ```
+    ///
+    /// ```jsx,expect_diagnostic
+    /// <iframe title={true} />
+    /// ```
+    ///
+    /// ```jsx,expect_diagnostic
+    /// <iframe title={42} />
+    /// ```
+    ///
+    ///
+    /// ### Valid
+    ///
+    /// ```jsx
+    /// <>
+    ///   <iframe title="This is a unique title" />
+    ///   <iframe title={uniqueTitle} />
+    ///   <iframe {...props} />
+    /// </>
+    /// ```
+    ///
+    /// ## Accessibility guidelines
+    ///
+    /// - [WCAG 2.4.1](https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks)
+    /// - [WCAG 4.1.2](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value)
+    ///
+    pub(crate) UseIframeTitle {
+        version: "12.0.0",
+        name: "useIframeTitle",
+        recommended: true,
+    }
+}
+
+impl Rule for UseIframeTitle {
+    type Query = Ast<AnyJsxElement>;
+    type State = ();
+    type Signals = Option<Self::State>;
+    type Options = ();
+
+    fn run(ctx: &RuleContext<Self>) -> Self::Signals {
+        let element = ctx.query();
+        let name = element.name().ok()?.name_value_token()?;
+
+        if name.text_trimmed() == "iframe" {
+            if let Some(lang_attribute) = element.find_attribute_by_name("title") {
+                if !lang_attribute
+                    .as_static_value()
+                    .map_or(true, |attribute| attribute.is_not_string_constant(""))
+                    && !element.has_trailing_spread_prop(lang_attribute)
+                {
+                    return Some(());
+                }
+            } else if !element.has_spread_prop() {
+                return Some(());
+            }
+        }
+
+        None
+    }
+
+    fn diagnostic(ctx: &RuleContext<Self>, _state: &Self::State) -> Option<RuleDiagnostic> {
+        let node = ctx.query();
+        Some(
+            RuleDiagnostic::new(
+                rule_category!(),
+                node.syntax().text_trimmed_range(),
+                markup! {
+                "Provide a "<Emphasis>"title"</Emphasis>" attribute when using "<Emphasis>"iframe"</Emphasis>" elements."
+            }
+            )
+            .note(markup! {
+                "Screen readers rely on the title set on an iframe to describe the content being displayed."
+            }),
+        )
+    }
+}
diff --git a/crates/rome_js_analyze/src/semantic_analyzers/a11y.rs b/crates/rome_js_analyze/src/semantic_analyzers/a11y.rs
index 0778cefd42d..f000972b065 100644
--- a/crates/rome_js_analyze/src/semantic_analyzers/a11y.rs
+++ b/crates/rome_js_analyze/src/semantic_analyzers/a11y.rs
@@ -3,5 +3,4 @@
 use rome_analyze::declare_group;
 mod no_positive_tabindex;
 mod use_button_type;
-mod use_iframe_title;
-declare_group! { pub (crate) A11y { name : "a11y" , rules : [self :: no_positive_tabindex :: NoPositiveTabindex , self :: use_button_type :: UseButtonType , self :: use_iframe_title :: UseIframeTitle ,] } }
+declare_group! { pub (crate) A11y { name : "a11y" , rules : [self :: no_positive_tabindex :: NoPositiveTabindex , self :: use_button_type :: UseButtonType ,] } }
diff --git a/crates/rome_js_analyze/src/semantic_analyzers/a11y/use_iframe_title.rs b/crates/rome_js_analyze/src/semantic_analyzers/a11y/use_iframe_title.rs
deleted file mode 100644
index 1b785c0f203..00000000000
--- a/crates/rome_js_analyze/src/semantic_analyzers/a11y/use_iframe_title.rs
+++ /dev/null
@@ -1,147 +0,0 @@
-use rome_analyze::{context::RuleContext, declare_rule, Ast, Rule, RuleDiagnostic};
-use rome_console::markup;
-use rome_js_syntax::{jsx_ext::AnyJsxElement, AnyJsExpression, AnyJsxAttributeValue};
-use rome_rowan::{AstNode, AstNodeList};
-
-declare_rule! {
-    /// Enforces the usage of the attribute `title` for the element `iframe`
-    ///
-    /// ## Examples
-    ///
-    /// ### Invalid
-    ///
-    /// ```jsx,expect_diagnostic
-    ///     <iframe />
-    /// ```
-    ///
-    /// ```jsx,expect_diagnostic
-    ///     <iframe></iframe>
-    /// ```
-    ///
-    /// ```jsx,expect_diagnostic
-    ///     <iframe title="" />
-    /// ```
-    ///
-    /// ```jsx,expect_diagnostic
-    ///     <iframe title={""} />
-    /// ```
-    ///
-    /// ```jsx,expect_diagnostic
-    ///     <iframe title={<span className={"token string"}></span>}></iframe>
-    /// ```
-    ///
-    /// ```jsx,expect_diagnostic
-    ///     <iframe title={undefined} />
-    /// ```
-    ///
-    /// ```jsx,expect_diagnostic
-    ///     <iframe title={false} />
-    /// ```
-    ///
-    /// ```jsx,expect_diagnostic
-    ///     <iframe title={true} />
-    /// ```
-    ///
-    /// ```jsx,expect_diagnostic
-    ///     <iframe title={42} />
-    /// ```
-    ///
-    ///
-    /// ### Valid
-    ///
-    /// ```jsx
-    ///     <>
-    ///         <iframe title="This is a unique title" />
-    ///         <iframe title={uniqueTitle} />
-    ///         <iframe {...props} />
-    ///     </>
-    /// ```
-    ///
-    /// ## Accessibility guidelines
-    ///
-    /// [WCAG 2.4.1](https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks)
-    /// [WCAG 4.1.2](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value)
-    ///
-    pub(crate) UseIframeTitle {
-        version: "12.0.0",
-        name: "useIframeTitle",
-        recommended: true,
-    }
-}
-
-impl Rule for UseIframeTitle {
-    type Query = Ast<AnyJsxElement>;
-    type State = ();
-    type Signals = Option<Self::State>;
-    type Options = ();
-
-    fn run(ctx: &RuleContext<Self>) -> Self::Signals {
-        let node = ctx.query();
-
-        if node.name_value_token()?.text_trimmed() != "iframe" {
-            return None;
-        }
-
-        if node.attributes().is_empty() {
-            return Some(());
-        }
-
-        let has_jsx_spread_attribute = node
-            .attributes()
-            .iter()
-            .any(|x| x.as_jsx_spread_attribute().is_some());
-
-        if has_jsx_spread_attribute {
-            return None;
-        }
-
-        let Some(title_attribute) = node.find_attribute_by_name("title") else {
-            return Some(())
-        };
-
-        let attribute_value = title_attribute.initializer()?.value().ok()?;
-
-        match attribute_value {
-            AnyJsxAttributeValue::JsxString(str) => {
-                let quoted_string = str.inner_string_text().ok()?;
-                let is_valid_string = !quoted_string.is_empty() && quoted_string.text() != r#"``"#;
-                if is_valid_string {
-                    return None;
-                }
-                Some(())
-            }
-            AnyJsxAttributeValue::JsxExpressionAttributeValue(expr_attribute_value) => {
-                let expr = expr_attribute_value.expression().ok()?;
-                if let AnyJsExpression::JsIdentifierExpression(identifier) = expr {
-                    let text = identifier.name().ok()?.value_token().ok()?;
-                    let is_undefined_or_null =
-                        text.text_trimmed() == "undefined" || text.text_trimmed() == "null";
-                    if is_undefined_or_null {
-                        return Some(());
-                    } else {
-                        // we assueme the identifier is a string type
-                        return None;
-                    }
-                }
-                Some(())
-            }
-            AnyJsxAttributeValue::AnyJsxTag(_) => Some(()),
-        }
-    }
-
-    fn diagnostic(ctx: &RuleContext<Self>, _state: &Self::State) -> Option<RuleDiagnostic> {
-        let node = ctx.query();
-        Some(
-            RuleDiagnostic::new(
-                rule_category!(),
-                node.syntax().text_trimmed_range(),
-                markup! {
-                "Provide a "<Emphasis>"title"</Emphasis>" attribute when using "<Emphasis>"iframe"</Emphasis>" elements."
-            }
-            )
-            .note(markup! {
-                "Screen readers rely on the title set on an iframe to describe the content being displayed."
-            }),
-        )
-    }
-}
diff --git a/crates/rome_js_analyze/tests/specs/a11y/useIframeTitle/invalid.jsx b/crates/rome_js_analyze/tests/specs/a11y/useIframeTitle/invalid.jsx
index 013a27257af..16691ecc46f 100644
--- a/crates/rome_js_analyze/tests/specs/a11y/useIframeTitle/invalid.jsx
+++ b/crates/rome_js_analyze/tests/specs/a11y/useIframeTitle/invalid.jsx
@@ -5,7 +5,6 @@
 	<iframe title="" />
 	<iframe title={""} />
 	<iframe title={``} />
-	<iframe title={<span className={"token string"}></span>}></iframe>
 	<iframe title={undefined} />
 	<iframe title={false} />
 	<iframe title={true} />
diff --git a/crates/rome_js_analyze/tests/specs/a11y/useIframeTitle/invalid.jsx.snap b/crates/rome_js_analyze/tests/specs/a11y/useIframeTitle/invalid.jsx.snap
index 8d6c24f6a58..b63ad0ef60d 100644
--- a/crates/rome_js_analyze/tests/specs/a11y/useIframeTitle/invalid.jsx.snap
+++ b/crates/rome_js_analyze/tests/specs/a11y/useIframeTitle/invalid.jsx.snap
@@ -1,6 +1,5 @@
 ---
 source: crates/rome_js_analyze/tests/spec_tests.rs
-assertion_line: 96
 expression: invalid.jsx
 ---
 # Input
@@ -12,7 +11,6 @@ expression: invalid.jsx
 	<iframe title="" />
 	<iframe title={""} />
 	<iframe title={``} />
-	<iframe title={<span className={"token string"}></span>}></iframe>
 	<iframe title={undefined} />
 	<iframe title={false} />
 	<iframe title={true} />
@@ -83,7 +81,7 @@ invalid.jsx:6:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━━
   > 6 │ 	<iframe title={""} />
       │ 	^^^^^^^^^^^^^^^^^^^^^
     7 │ 	<iframe title={``} />
-    8 │ 	<iframe title={<span className={"token string"}></span>}></iframe>
+    8 │ 	<iframe title={undefined} />
   
   i Screen readers rely on the title set on an iframe to describe the content being displayed.
   
@@ -99,8 +97,8 @@ invalid.jsx:7:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━━
     6 │ 	<iframe title={""} />
   > 7 │ 	<iframe title={``} />
       │ 	^^^^^^^^^^^^^^^^^^^^^
-    8 │ 	<iframe title={<span className={"token string"}></span>}></iframe>
-    9 │ 	<iframe title={undefined} />
+    8 │ 	<iframe title={undefined} />
+    9 │ 	<iframe title={false} />
   
   i Screen readers rely on the title set on an iframe to describe the content being displayed.
   
@@ -114,10 +112,10 @@ invalid.jsx:8:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━━
   
      6 │ 	<iframe title={""} />
      7 │ 	<iframe title={``} />
-   > 8 │ 	<iframe title={<span className={"token string"}></span>}></iframe>
-       │ 	^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-     9 │ 	<iframe title={undefined} />
-    10 │ 	<iframe title={false} />
+   > 8 │ 	<iframe title={undefined} />
+       │ 	^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+     9 │ 	<iframe title={false} />
+    10 │ 	<iframe title={true} />
   
   i Screen readers rely on the title set on an iframe to describe the content being displayed.
   
@@ -130,28 +128,11 @@ invalid.jsx:9:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━━
   ! Provide a title attribute when using iframe elements.
   
      7 │ 	<iframe title={``} />
-     8 │ 	<iframe title={<span className={"token string"}></span>}></iframe>
-   > 9 │ 	<iframe title={undefined} />
-       │ 	^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-    10 │ 	<iframe title={false} />
-    11 │ 	<iframe title={true} />
-  
-  i Screen readers rely on the title set on an iframe to describe the content being displayed.
-  
-
-```
-
-```
-invalid.jsx:10:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-  ! Provide a title attribute when using iframe elements.
-  
-     8 │ 	<iframe title={<span className={"token string"}></span>}></iframe>
-     9 │ 	<iframe title={undefined} />
-  > 10 │ 	<iframe title={false} />
+     8 │ 	<iframe title={undefined} />
+   > 9 │ 	<iframe title={false} />
        │ 	^^^^^^^^^^^^^^^^^^^^^^^^
-    11 │ 	<iframe title={true} />
-    12 │ 	<iframe title={42} />
+    10 │ 	<iframe title={true} />
+    11 │ 	<iframe title={42} />
   
   i Screen readers rely on the title set on an iframe to describe the content being displayed.
   
@@ -159,16 +140,16 @@ invalid.jsx:10:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━
 ```
 
 ```
-invalid.jsx:11:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.jsx:10:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   ! Provide a title attribute when using iframe elements.
   
-     9 │ 	<iframe title={undefined} />
-    10 │ 	<iframe title={false} />
-  > 11 │ 	<iframe title={true} />
+     8 │ 	<iframe title={undefined} />
+     9 │ 	<iframe title={false} />
+  > 10 │ 	<iframe title={true} />
        │ 	^^^^^^^^^^^^^^^^^^^^^^^
-    12 │ 	<iframe title={42} />
-    13 │ </>;
+    11 │ 	<iframe title={42} />
+    12 │ </>;
   
   i Screen readers rely on the title set on an iframe to describe the content being displayed.
   
@@ -176,16 +157,16 @@ invalid.jsx:11:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━
 ```
 
 ```
-invalid.jsx:12:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+invalid.jsx:11:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   ! Provide a title attribute when using iframe elements.
   
-    10 │ 	<iframe title={false} />
-    11 │ 	<iframe title={true} />
-  > 12 │ 	<iframe title={42} />
+     9 │ 	<iframe title={false} />
+    10 │ 	<iframe title={true} />
+  > 11 │ 	<iframe title={42} />
        │ 	^^^^^^^^^^^^^^^^^^^^^
-    13 │ </>;
-    14 │ 
+    12 │ </>;
+    13 │ 
   
   i Screen readers rely on the title set on an iframe to describe the content being displayed.
   
diff --git a/crates/rome_service/src/configuration/linter/rules.rs b/crates/rome_service/src/configuration/linter/rules.rs
index f303ae66958..ee802a96d41 100644
--- a/crates/rome_service/src/configuration/linter/rules.rs
+++ b/crates/rome_service/src/configuration/linter/rules.rs
@@ -418,7 +418,7 @@ pub struct A11y {
     #[bpaf(long("use-html-lang"), argument("on|off|warn"), optional, hide)]
     #[serde(skip_serializing_if = "Option::is_none")]
     pub use_html_lang: Option<RuleConfiguration>,
-    #[doc = "Enforces the usage of the attribute title for the element iframe"]
+    #[doc = "Enforces the usage of the attribute title for the element iframe."]
     #[bpaf(long("use-iframe-title"), argument("on|off|warn"), optional, hide)]
     #[serde(skip_serializing_if = "Option::is_none")]
     pub use_iframe_title: Option<RuleConfiguration>,
diff --git a/editors/vscode/configuration_schema.json b/editors/vscode/configuration_schema.json
index d11c88c2166..322ebdad98e 100644
--- a/editors/vscode/configuration_schema.json
+++ b/editors/vscode/configuration_schema.json
@@ -161,7 +161,7 @@
 					]
 				},
 				"useIframeTitle": {
-					"description": "Enforces the usage of the attribute title for the element iframe",
+					"description": "Enforces the usage of the attribute title for the element iframe.",
 					"anyOf": [
 						{ "$ref": "#/definitions/RuleConfiguration" },
 						{ "type": "null" }
diff --git a/npm/backend-jsonrpc/src/workspace.ts b/npm/backend-jsonrpc/src/workspace.ts
index 274ce289501..e38886345ad 100644
--- a/npm/backend-jsonrpc/src/workspace.ts
+++ b/npm/backend-jsonrpc/src/workspace.ts
@@ -266,7 +266,7 @@ export interface A11y {
 	 */
 	useHtmlLang?: RuleConfiguration;
 	/**
-	 * Enforces the usage of the attribute title for the element iframe
+	 * Enforces the usage of the attribute title for the element iframe.
 	 */
 	useIframeTitle?: RuleConfiguration;
 	/**
diff --git a/npm/rome/configuration_schema.json b/npm/rome/configuration_schema.json
index d11c88c2166..322ebdad98e 100644
--- a/npm/rome/configuration_schema.json
+++ b/npm/rome/configuration_schema.json
@@ -161,7 +161,7 @@
 					]
 				},
 				"useIframeTitle": {
-					"description": "Enforces the usage of the attribute title for the element iframe",
+					"description": "Enforces the usage of the attribute title for the element iframe.",
 					"anyOf": [
 						{ "$ref": "#/definitions/RuleConfiguration" },
 						{ "type": "null" }
diff --git a/website/src/pages/lint/rules/index.mdx b/website/src/pages/lint/rules/index.mdx
index 91459620118..c1edc237011 100644
--- a/website/src/pages/lint/rules/index.mdx
+++ b/website/src/pages/lint/rules/index.mdx
@@ -116,7 +116,7 @@ Enforce that <code>html</code> element has <code>lang</code> attribute.
 	<a href="/lint/rules/useIframeTitle">useIframeTitle</a>
 	<span class="recommended">recommended</span>
 </h3>
-Enforces the usage of the attribute <code>title</code> for the element <code>iframe</code>
+Enforces the usage of the attribute <code>title</code> for the element <code>iframe</code>.
 </section>
 <section class="rule">
 <h3 data-toc-exclude id="useKeyWithClickEvents">
diff --git a/website/src/pages/lint/rules/useIframeTitle.md b/website/src/pages/lint/rules/useIframeTitle.md
index f5604ff28a5..2ae87b13bcd 100644
--- a/website/src/pages/lint/rules/useIframeTitle.md
+++ b/website/src/pages/lint/rules/useIframeTitle.md
@@ -7,22 +7,22 @@ parent: lint/rules/index
 
 > This rule is recommended by Rome.
 
-Enforces the usage of the attribute `title` for the element `iframe`
+Enforces the usage of the attribute `title` for the element `iframe`.
 
 ## Examples
 
 ### Invalid
 
 ```jsx
-    <iframe />
+ <iframe />
 ```
 
-<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:5 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:2 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 <strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">✖</span></strong> <span style="color: Tomato;">Provide a </span><span style="color: Tomato;"><strong>title</strong></span><span style="color: Tomato;"> attribute when using </span><span style="color: Tomato;"><strong>iframe</strong></span><span style="color: Tomato;"> elements.</span>
   
-<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>    &lt;iframe /&gt;
-   <strong>   │ </strong>    <strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
+<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong> &lt;iframe /&gt;
+   <strong>   │ </strong> <strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
     <strong>2 │ </strong>
   
 <strong><span style="color: rgb(38, 148, 255);">  </span></strong><strong><span style="color: rgb(38, 148, 255);">ℹ</span></strong> <span style="color: rgb(38, 148, 255);">Screen readers rely on the title set on an iframe to describe the content being displayed.</span>
@@ -30,15 +30,15 @@ Enforces the usage of the attribute `title` for the element `iframe`
 </code></pre>
 
 ```jsx
-    <iframe></iframe>
+<iframe></iframe>
 ```
 
-<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:5 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:1 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 <strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">✖</span></strong> <span style="color: Tomato;">Provide a </span><span style="color: Tomato;"><strong>title</strong></span><span style="color: Tomato;"> attribute when using </span><span style="color: Tomato;"><strong>iframe</strong></span><span style="color: Tomato;"> elements.</span>
   
-<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>    &lt;iframe&gt;&lt;/iframe&gt;
-   <strong>   │ </strong>    <strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
+<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>&lt;iframe&gt;&lt;/iframe&gt;
+   <strong>   │ </strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
     <strong>2 │ </strong>
   
 <strong><span style="color: rgb(38, 148, 255);">  </span></strong><strong><span style="color: rgb(38, 148, 255);">ℹ</span></strong> <span style="color: rgb(38, 148, 255);">Screen readers rely on the title set on an iframe to describe the content being displayed.</span>
@@ -46,15 +46,15 @@ Enforces the usage of the attribute `title` for the element `iframe`
 </code></pre>
 
 ```jsx
-    <iframe title="" />
+<iframe title="" />
 ```
 
-<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:5 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:1 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 <strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">✖</span></strong> <span style="color: Tomato;">Provide a </span><span style="color: Tomato;"><strong>title</strong></span><span style="color: Tomato;"> attribute when using </span><span style="color: Tomato;"><strong>iframe</strong></span><span style="color: Tomato;"> elements.</span>
   
-<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>    &lt;iframe title=&quot;&quot; /&gt;
-   <strong>   │ </strong>    <strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
+<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>&lt;iframe title=&quot;&quot; /&gt;
+   <strong>   │ </strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
     <strong>2 │ </strong>
   
 <strong><span style="color: rgb(38, 148, 255);">  </span></strong><strong><span style="color: rgb(38, 148, 255);">ℹ</span></strong> <span style="color: rgb(38, 148, 255);">Screen readers rely on the title set on an iframe to describe the content being displayed.</span>
@@ -62,15 +62,15 @@ Enforces the usage of the attribute `title` for the element `iframe`
 </code></pre>
 
 ```jsx
-    <iframe title={""} />
+<iframe title={""} />
 ```
 
-<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:5 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:1 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 <strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">✖</span></strong> <span style="color: Tomato;">Provide a </span><span style="color: Tomato;"><strong>title</strong></span><span style="color: Tomato;"> attribute when using </span><span style="color: Tomato;"><strong>iframe</strong></span><span style="color: Tomato;"> elements.</span>
   
-<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>    &lt;iframe title={&quot;&quot;} /&gt;
-   <strong>   │ </strong>    <strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
+<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>&lt;iframe title={&quot;&quot;} /&gt;
+   <strong>   │ </strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
     <strong>2 │ </strong>
   
 <strong><span style="color: rgb(38, 148, 255);">  </span></strong><strong><span style="color: rgb(38, 148, 255);">ℹ</span></strong> <span style="color: rgb(38, 148, 255);">Screen readers rely on the title set on an iframe to describe the content being displayed.</span>
@@ -78,15 +78,15 @@ Enforces the usage of the attribute `title` for the element `iframe`
 </code></pre>
 
 ```jsx
-    <iframe title={<span className={"token string"}></span>}></iframe>
+<iframe title={undefined} />
 ```
 
-<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:5 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:1 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 <strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">✖</span></strong> <span style="color: Tomato;">Provide a </span><span style="color: Tomato;"><strong>title</strong></span><span style="color: Tomato;"> attribute when using </span><span style="color: Tomato;"><strong>iframe</strong></span><span style="color: Tomato;"> elements.</span>
   
-<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>    &lt;iframe title={&lt;span className={&quot;token string&quot;}&gt;&lt;/span&gt;}&gt;&lt;/iframe&gt;
-   <strong>   │ </strong>    <strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
+<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>&lt;iframe title={undefined} /&gt;
+   <strong>   │ </strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
     <strong>2 │ </strong>
   
 <strong><span style="color: rgb(38, 148, 255);">  </span></strong><strong><span style="color: rgb(38, 148, 255);">ℹ</span></strong> <span style="color: rgb(38, 148, 255);">Screen readers rely on the title set on an iframe to describe the content being displayed.</span>
@@ -94,15 +94,15 @@ Enforces the usage of the attribute `title` for the element `iframe`
 </code></pre>
 
 ```jsx
-    <iframe title={undefined} />
+<iframe title={false} />
 ```
 
-<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:5 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:1 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 <strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">✖</span></strong> <span style="color: Tomato;">Provide a </span><span style="color: Tomato;"><strong>title</strong></span><span style="color: Tomato;"> attribute when using </span><span style="color: Tomato;"><strong>iframe</strong></span><span style="color: Tomato;"> elements.</span>
   
-<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>    &lt;iframe title={undefined} /&gt;
-   <strong>   │ </strong>    <strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
+<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>&lt;iframe title={false} /&gt;
+   <strong>   │ </strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
     <strong>2 │ </strong>
   
 <strong><span style="color: rgb(38, 148, 255);">  </span></strong><strong><span style="color: rgb(38, 148, 255);">ℹ</span></strong> <span style="color: rgb(38, 148, 255);">Screen readers rely on the title set on an iframe to describe the content being displayed.</span>
@@ -110,15 +110,15 @@ Enforces the usage of the attribute `title` for the element `iframe`
 </code></pre>
 
 ```jsx
-    <iframe title={false} />
+<iframe title={true} />
 ```
 
-<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:5 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:1 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 <strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">✖</span></strong> <span style="color: Tomato;">Provide a </span><span style="color: Tomato;"><strong>title</strong></span><span style="color: Tomato;"> attribute when using </span><span style="color: Tomato;"><strong>iframe</strong></span><span style="color: Tomato;"> elements.</span>
   
-<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>    &lt;iframe title={false} /&gt;
-   <strong>   │ </strong>    <strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
+<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>&lt;iframe title={true} /&gt;
+   <strong>   │ </strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
     <strong>2 │ </strong>
   
 <strong><span style="color: rgb(38, 148, 255);">  </span></strong><strong><span style="color: rgb(38, 148, 255);">ℹ</span></strong> <span style="color: rgb(38, 148, 255);">Screen readers rely on the title set on an iframe to describe the content being displayed.</span>
@@ -126,31 +126,15 @@ Enforces the usage of the attribute `title` for the element `iframe`
 </code></pre>
 
 ```jsx
-    <iframe title={true} />
+<iframe title={42} />
 ```
 
-<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:5 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:1 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 <strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">✖</span></strong> <span style="color: Tomato;">Provide a </span><span style="color: Tomato;"><strong>title</strong></span><span style="color: Tomato;"> attribute when using </span><span style="color: Tomato;"><strong>iframe</strong></span><span style="color: Tomato;"> elements.</span>
   
-<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>    &lt;iframe title={true} /&gt;
-   <strong>   │ </strong>    <strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
-    <strong>2 │ </strong>
-  
-<strong><span style="color: rgb(38, 148, 255);">  </span></strong><strong><span style="color: rgb(38, 148, 255);">ℹ</span></strong> <span style="color: rgb(38, 148, 255);">Screen readers rely on the title set on an iframe to describe the content being displayed.</span>
-  
-</code></pre>
-
-```jsx
-    <iframe title={42} />
-```
-
-<pre class="language-text"><code class="language-text">a11y/useIframeTitle.js:1:5 <a href="https://docs.rome.tools/lint/rules/useIframeTitle">lint/a11y/useIframeTitle</a> ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-
-<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">✖</span></strong> <span style="color: Tomato;">Provide a </span><span style="color: Tomato;"><strong>title</strong></span><span style="color: Tomato;"> attribute when using </span><span style="color: Tomato;"><strong>iframe</strong></span><span style="color: Tomato;"> elements.</span>
-  
-<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>    &lt;iframe title={42} /&gt;
-   <strong>   │ </strong>    <strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
+<strong><span style="color: Tomato;">  </span></strong><strong><span style="color: Tomato;">&gt;</span></strong> <strong>1 │ </strong>&lt;iframe title={42} /&gt;
+   <strong>   │ </strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong><strong><span style="color: Tomato;">^</span></strong>
     <strong>2 │ </strong>
   
 <strong><span style="color: rgb(38, 148, 255);">  </span></strong><strong><span style="color: rgb(38, 148, 255);">ℹ</span></strong> <span style="color: rgb(38, 148, 255);">Screen readers rely on the title set on an iframe to describe the content being displayed.</span>
@@ -160,17 +144,17 @@ Enforces the usage of the attribute `title` for the element `iframe`
 ### Valid
 
 ```jsx
-    <>
-        <iframe title="This is a unique title" />
-        <iframe title={uniqueTitle} />
-        <iframe {...props} />
-    </>
+<>
+  <iframe title="This is a unique title" />
+  <iframe title={uniqueTitle} />
+  <iframe {...props} />
+</>
 ```
 
 ## Accessibility guidelines
 
-[WCAG 2.4.1](https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks)
-[WCAG 4.1.2](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value)
+- [WCAG 2.4.1](https://www.w3.org/WAI/WCAG21/Understanding/bypass-blocks)
+- [WCAG 4.1.2](https://www.w3.org/WAI/WCAG21/Understanding/name-role-value)
 
 ## Related links