SonarSource Rules
  • Products

    In-IDE

    Code Quality and Security in your IDE with SonarQube Ide

    IDE extension that lets you fix coding issues before they exist!

    Discover SonarQube for IDE

    SaaS

    Code Quality and Security in the cloud with SonarQube Cloud

    Setup is effortless and analysis is automatic for most languages

    Discover SonarQube Cloud

    Self-Hosted

    Code Quality and Security Self-Hosted with SonarQube Server

    Fast, accurate analysis; enterprise scalability

    Discover SonarQube Server
  • SecretsSecrets
  • ABAPABAP
  • AnsibleAnsible
  • ApexApex
  • AzureResourceManagerAzureResourceManager
  • CC
  • C#C#
  • C++C++
  • CloudFormationCloudFormation
  • COBOLCOBOL
  • CSSCSS
  • DartDart
  • DockerDocker
  • FlexFlex
  • GitHub ActionsGitHub Actions
  • GoGo
  • HTMLHTML
  • JavaJava
  • JavaScriptJavaScript
  • JSONJSON
  • JCLJCL
  • KotlinKotlin
  • KubernetesKubernetes
  • Objective CObjective C
  • PHPPHP
  • PL/IPL/I
  • PL/SQLPL/SQL
  • PythonPython
  • RPGRPG
  • RubyRuby
  • RustRust
  • ScalaScala
  • ShellShell
  • SwiftSwift
  • TerraformTerraform
  • TextText
  • TypeScriptTypeScript
  • T-SQLT-SQL
  • VB.NETVB.NET
  • VB6VB6
  • XMLXML
  • YAMLYAML
HTML

HTML static code analysis

Unique rules to find Bugs, Security Hotspots, and Code Smells in your HTML code

  • All rules 83
  • Bug23
  • Security Hotspot3
  • Code Smell57
Filtered: 3 rules found
html5
    Impact
      Clean code attribute
        1. Videos should have subtitles

           Code Smell
        2. Attributes deprecated in HTML5 should not be used

           Code Smell
        3. Elements deprecated in HTML5 should not be used

           Bug

        Videos should have subtitles

        intentionality - complete
        maintainability
        Code Smell
        • accessibility
        • html5

        Why is this an issue?

        In order to make your site usable by as many people as possible, subtitles should be provided for videos.

        This rule raises an issue when a video does not include at least one <track/> tag with the kind attribute set to captions, or descriptions or at the very least subtitles.

        Note that the subtitles kind is not meant for accessibility but for translation. The kind captions targets people with hearing impairment, whereas descriptions targets people with vision impairment.

        Noncompliant code example

        <video id="video" controls preload="metadata">
           <source src="resources/myvideo.mp4" type="video/mp4">
           <source src="resources/myvideo.webm" type="video/webm">
        </video>
        

        Compliant solution

        <video id="video" controls preload="metadata">
           <source src="resources/myvideo.mp4" type="video/mp4">
           <source src="resources/myvideo.webm" type="video/webm">
           <track label="English" kind="captions" srclang="en" src="resources/myvideo-en.vtt" default>
           <track label="Deutsch" kind="captions" srclang="de" src="resources/myvideo-de.vtt">
           <track label="Español" kind="captions" srclang="es" src="resources/myvideo-es.vtt">
        </video>
        
          Available In:
        • SonarQube IdeCatch issues on the fly,
          in your IDE
        • SonarQube CloudDetect issues in your GitHub, Azure DevOps Services, Bitbucket Cloud, GitLab repositories
        • SonarQube Community BuildAnalyze code in your
          on-premise CI
          Available Since
          9.1
        • SonarQube ServerAnalyze code in your
          on-premise CI
          Developer Edition
          Available Since
          9.1

        © 2008-2025 SonarSource SA. All rights reserved.

        Privacy Policy | Cookie Policy | Terms of Use