aria-labelledby 属性是什么？

aria-labelledby 属性是超文本标记语言中的固有属性，不会在对象和标签之间产生关系。一旦任何包含每个属性 aria-labelledby 和 aria-label 属性的组件，浏览器的高优先级将毫无疑问地成为 aria-labelledby 。这个 aria-labelledby 属性可以与任何典型的超文本标记语言种类元素一起使用。它不仅限于组件，但是我们必须始终注意 aria-label 属性，而victimization aria-label 因为它不适用于所有 HTML 元素。

句法：

 Content 

参数：所有元素 ID 的空格分隔列表。

以下是 aria-labelledby 属性的所有流行用法的一些列表：

• 多个标签：这里的每个元素都是一个带有标签、单个标签和组标签的字段。

  例子：

   
   
    
   
       
   
    
   
      
  GeeksforGeeks
   
      
  Billing of the Course
   
      
   
      
   
          
  Student_ID: 
               
          
   
      
   
      
   
          
  Course: 
               
          
   
      
   
   
    
  
  

  输出：
  

• 将标题与区域关联：在本例中，标题元素与组头 div 链接，这使得组头和标题元素之间存在关联。

  例子：

   
   
    
   
       
   
    
   
    
      
   
          
  GeeksforGeeks
   
          
  A Computer Science Portal for Geeks
   
      The articles are reviewed by reviewers and then published. 
    
      
   
   
    
  
  

  输出：
  

• Radio Groups ：在这个例子中，按钮的radio group 与容器头相关。

  例子：

   
   
    
   
       
   
    
   
      
  GeeksforGeeks
   
      
  My radio labels
   
      
   
          
   
              Geeks
   
          
   
              For
   
          
   
              Geeks
   
      
   
   
    
  
  

  输出：
  

• 对话框标签：在这个例子中，对话框和标题元素之间建立了关系。

  例子：

   
      
  Choose a File
   
      A Computer Science Portal 
   
  

  输出：
  

• 内联定义：在下面的示例中，在叙述的自然流中描述的术语的定义使用 aria-labelledby 属性与术语本身相关联。

  例子：

  
      The articles are reviewed by reviewers and then 
      placebo, published. 
        
       
          The reviewers basically check for
          correctness and basic plagiarism.
       
  
  

  输出：
  

• 定义列表：在下面的示例中，正式定义列表中的定义与它们使用 aria-labelledby 属性定义的术语相关联。

  例子：

   
      
  Geeks
   
      
   
          The articles are reviewed by reviewers
          and then published. 
      
        
      
   
          The reviewers basically check for
          correctness and basic plagiarism. 
      
   
    
      
  GfG
   
      
   
          The articles are reviewed by reviewers
          and then published. 
      
        
      
   
          The reviewers basically check for
          correctness and basic plagiarism. 
      
   
  
  

  输出：
  

• 菜单：在下面的示例中，使用 aria-labelledby 属性将弹出菜单与其标签相关联

  例子：

   
      
  File
   
      
   
          
  GeeksforGeeks
   
          
  Courses
   
      
   
   
  

  输出：