useIframeTitle

JSX and TSX

摘要

¥Summary

规则生效日期：v1.0.0

¥Rule available since: v1.0.0
诊断类别：lint/a11y/useIframeTitle

¥Diagnostic Category: lint/a11y/useIframeTitle
此规则为推荐规则，默认启用。

¥This rule is recommended, which means is enabled by default.
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 error。

¥The default severity of this rule is error.
来源：

¥Sources:
- 与 jsx-a11y/iframe-has-title 相同
  
  ¥Same as jsx-a11y/iframe-has-title

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "a11y": {
5
        "useIframeTitle": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

强制对元素 iframe 使用属性 title。

¥Enforces the usage of the attribute title for the element iframe.

示例

¥Examples

无效

¥Invalid

1
 <iframe />

code-block.jsx:1:2 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a title attribute when using iframe elements.
  
  > 1 │  <iframe />
      │  ^^^^^^^^^^
    2 │ 
  
  ℹ Screen readers rely on the title set on an iframe to describe the content being displayed.

1
<iframe></iframe>

code-block.jsx:1:1 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a title attribute when using iframe elements.
  
  > 1 │ <iframe></iframe>
      │ ^^^^^^^^
    2 │ 
  
  ℹ Screen readers rely on the title set on an iframe to describe the content being displayed.

1
<iframe title="" />

code-block.jsx:1:1 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a title attribute when using iframe elements.
  
  > 1 │ <iframe title="" />
      │ ^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Screen readers rely on the title set on an iframe to describe the content being displayed.

1
<iframe title={""} />

code-block.jsx:1:1 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a title attribute when using iframe elements.
  
  > 1 │ <iframe title={""} />
      │ ^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Screen readers rely on the title set on an iframe to describe the content being displayed.

1
<iframe title={undefined} />

code-block.jsx:1:1 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a title attribute when using iframe elements.
  
  > 1 │ <iframe title={undefined} />
      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Screen readers rely on the title set on an iframe to describe the content being displayed.

1
<iframe title={false} />

code-block.jsx:1:1 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a title attribute when using iframe elements.
  
  > 1 │ <iframe title={false} />
      │ ^^^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Screen readers rely on the title set on an iframe to describe the content being displayed.

1
<iframe title={true} />

code-block.jsx:1:1 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a title attribute when using iframe elements.
  
  > 1 │ <iframe title={true} />
      │ ^^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Screen readers rely on the title set on an iframe to describe the content being displayed.

1
<iframe title={42} />

code-block.jsx:1:1 lint/a11y/useIframeTitle ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Provide a title attribute when using iframe elements.
  
  > 1 │ <iframe title={42} />
      │ ^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Screen readers rely on the title set on an iframe to describe the content being displayed.

有效

¥Valid

1
<>
2
  <iframe title="This is a unique title" />
3
  <iframe title={uniqueTitle} />
4
  <iframe {...props} />
5
</>

可访问性指南

¥Accessibility guidelines

useIframeTitle

摘要

如何配置

描述

示例

无效

有效

可访问性指南

相关链接