语义 UI 图标集可访问性

Semantic UI 是一个开源开发框架，它提供了预定义的类，使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。它通过漂亮的用户界面为用户提供了可用于不同目的的各种图标。在这篇文章中，让我们看看图标集的可访问性。 Semantic UI 提供了一些最常用的设计图标类，这些类主要用于编辑器，这里是这些类。图标是用于表示其他内容的字形，它可以表示可访问性标准。

Semantic-UI 图标集辅助功能类：

• 美国手语翻译图标——这个类用于制作美国手语翻译图标。
• 助听系统图标 -此类用于制作助听系统图标。
• 音频描述图标 -此类用于制作音频描述图标。
• 盲图标 -此类用于制作盲图标。
• braille icon -此类用于制作盲文图标。
• 隐藏式字幕图标 -此类用于制作隐藏式字幕图标。
• 隐藏式字幕大纲图标 -此类用于制作隐藏式字幕大纲图标。
• deaf icon -此类用于制作聋图标。
• 低视力图标 -此类用于制作低视力图标。
• 电话音量图标 -此类用于制作电话音量图标。
• 问题圆圈图标 -此类用于制作问题圆圈图标。
• 问题圆圈轮廓图标 -此类用于制作问题圆圈轮廓图标。
• 手语图标——这个类用于制作手语图标。
• tty icon -这个类用于制作一个 tty 图标。
• 通用访问图标 -此类用于制作通用访问图标。
• 轮椅图标——这个类用于制作轮椅图标。

句法：

注意：您可以从上面的班级列表中更改班级名称。

示例 1：此代码演示了所有可访问性图标集类。

HTML

  

    
  

  

    
        
GeeksforGeeks
        
            Semantic-UI Icon Set Accessibility
        


  
        

            

                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
  
                

                    
                
                

                    
                
  
                

                    
                
            
        
    

  

输出 ：

示例 2：此代码演示了所有可访问性图标集类。

HTML

  

  

  

  
    
Geeksforgeeks
    Semantic UI Icon Set Accessibility 
    

    

  
    

      
          
      
  
      
          
      
  
      
          
      
  
      
          
      
    
  

  

输出：

参考： https://semantic-ui.com/elements/icon.html#accessibility