axe-core report — light/dark × static/hover/active/focus-visible

Generated: 2026-08-30T13:50:23.438Z — 2 schemes × (1 static scan + enabled buttons × 3 states)

Summary

SchemeButtonStateViolation rulesViolating nodes
light (all) static 4 47
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/xs hover 0 0
light null/xs active 0 0
light null/xs focus-visible 0 0
light null/sm hover 0 0
light null/sm active 0 0
light null/sm focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/lg hover 0 0
light null/lg active 0 0
light null/lg focus-visible 0 0
light null/xl hover 0 0
light null/xl active 0 0
light null/xl focus-visible 0 0
light null/2xl hover 0 0
light null/2xl active 0 0
light null/2xl focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/xs hover 0 0
light null/xs active 0 0
light null/xs focus-visible 0 0
light null/sm hover 0 0
light null/sm active 0 0
light null/sm focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/lg hover 0 0
light null/lg active 0 0
light null/lg focus-visible 0 0
light null/xl hover 0 0
light null/xl active 0 0
light null/xl focus-visible 0 0
light null/2xl hover 0 0
light null/2xl active 0 0
light null/2xl focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/xs hover 0 0
light null/xs active 0 0
light null/xs focus-visible 0 0
light null/xs hover 0 0
light null/xs active 0 0
light null/xs focus-visible 0 0
light null/sm hover 0 0
light null/sm active 0 0
light null/sm focus-visible 0 0
light null/sm hover 0 0
light null/sm active 0 0
light null/sm focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/lg hover 0 0
light null/lg active 0 0
light null/lg focus-visible 0 0
light null/lg hover 0 0
light null/lg active 0 0
light null/lg focus-visible 0 0
light null/xl hover 0 0
light null/xl active 0 0
light null/xl focus-visible 0 0
light null/xl hover 0 0
light null/xl active 0 0
light null/xl focus-visible 0 0
light null/2xl hover 0 0
light null/2xl active 0 0
light null/2xl focus-visible 0 0
light null/2xl hover 0 0
light null/2xl active 0 0
light null/2xl focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/lg hover 0 0
light null/lg active 0 0
light null/lg focus-visible 0 0
light null/lg hover 0 0
light null/lg active 0 0
light null/lg focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/xs hover 0 0
light null/xs active 0 0
light null/xs focus-visible 0 0
light null/sm hover 0 0
light null/sm active 0 0
light null/sm focus-visible 0 0
light null/md hover 0 0
light null/md active 0 0
light null/md focus-visible 0 0
light null/lg hover 0 0
light null/lg active 0 0
light null/lg focus-visible 0 0
light null/xl hover 0 0
light null/xl active 0 0
light null/xl focus-visible 0 0
light null/2xl hover 0 0
light null/2xl active 0 0
light null/2xl focus-visible 0 0
dark (all) static 3 46
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/xs hover 0 0
dark null/xs active 0 0
dark null/xs focus-visible 0 0
dark null/sm hover 0 0
dark null/sm active 0 0
dark null/sm focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/lg hover 0 0
dark null/lg active 0 0
dark null/lg focus-visible 0 0
dark null/xl hover 0 0
dark null/xl active 0 0
dark null/xl focus-visible 0 0
dark null/2xl hover 0 0
dark null/2xl active 0 0
dark null/2xl focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/xs hover 0 0
dark null/xs active 0 0
dark null/xs focus-visible 0 0
dark null/sm hover 0 0
dark null/sm active 0 0
dark null/sm focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/lg hover 0 0
dark null/lg active 0 0
dark null/lg focus-visible 0 0
dark null/xl hover 0 0
dark null/xl active 0 0
dark null/xl focus-visible 0 0
dark null/2xl hover 0 0
dark null/2xl active 0 0
dark null/2xl focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/xs hover 0 0
dark null/xs active 0 0
dark null/xs focus-visible 0 0
dark null/xs hover 0 0
dark null/xs active 0 0
dark null/xs focus-visible 0 0
dark null/sm hover 0 0
dark null/sm active 0 0
dark null/sm focus-visible 0 0
dark null/sm hover 0 0
dark null/sm active 0 0
dark null/sm focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/lg hover 0 0
dark null/lg active 0 0
dark null/lg focus-visible 0 0
dark null/lg hover 0 0
dark null/lg active 0 0
dark null/lg focus-visible 0 0
dark null/xl hover 0 0
dark null/xl active 0 0
dark null/xl focus-visible 0 0
dark null/xl hover 0 0
dark null/xl active 0 0
dark null/xl focus-visible 0 0
dark null/2xl hover 0 0
dark null/2xl active 0 0
dark null/2xl focus-visible 0 0
dark null/2xl hover 0 0
dark null/2xl active 0 0
dark null/2xl focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/lg hover 0 0
dark null/lg active 0 0
dark null/lg focus-visible 0 0
dark null/lg hover 0 0
dark null/lg active 0 0
dark null/lg focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/xs hover 0 0
dark null/xs active 0 0
dark null/xs focus-visible 0 0
dark null/sm hover 0 0
dark null/sm active 0 0
dark null/sm focus-visible 0 0
dark null/md hover 0 0
dark null/md active 0 0
dark null/md focus-visible 0 0
dark null/lg hover 0 0
dark null/lg active 0 0
dark null/lg focus-visible 0 0
dark null/xl hover 0 0
dark null/xl active 0 0
dark null/xl focus-visible 0 0
dark null/2xl hover 0 0
dark null/2xl active 0 0
dark null/2xl focus-visible 0 0

[light] (all) — static

Rule IDImpactDescriptionNodesSelectors / HTML
color-contrast serious Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds 1
  • #error-name-message
    <p data-type="error" id="error-name-message"><strong>エラー:</strong> 氏名を入力してください</p>

    Fix any of the following: Element has insufficient color contrast of 3.78 (foreground color: #ff2800, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1
label critical Ensure every form element has a label 40
  • section:nth-child(2) > input[type="text"]
    <input type="text">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[type="email"]
    <input type="email">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[type="password"]
    <input type="password">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(2) > input[type="search"]
    <input type="search">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[type="url"]
    <input type="url">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[type="tel"]
    <input type="tel">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(2) > textarea
    <textarea></textarea>

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > input[data-size="xs"][type="text"]
    <input type="text" data-size="xs">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > input[data-size="sm"][type="text"]
    <input type="text" data-size="sm">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > input[data-size="md"][type="text"]
    <input type="text" data-size="md">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > input[data-size="lg"][type="text"]
    <input type="text" data-size="lg">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > input[data-size="xl"][type="text"]
    <input type="text" data-size="xl">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > textarea
    <textarea type="text" data-size="2xl"></textarea>

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(2) > section:nth-child(4) > input[type="text"]
    <input type="text" aria-invalid="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(4) > textarea
    <textarea aria-invalid="true"></textarea>

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(2) > input[step="10"][value="20"][min="0"]
    <input type="range" min="0" max="100" step="10" value="20">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="60"][step="10"][min="0"]
    <input type="range" min="0" max="100" step="10" value="60">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="20"][type="range"][data-size="xs"]
    <input type="range" data-size="xs" value="20">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="30"]
    <input type="range" data-size="sm" value="30">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="40"][type="range"][data-size="md"]
    <input type="range" data-size="md" value="40">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="60"][type="range"][data-size="lg"]
    <input type="range" data-size="lg" value="60">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="80"]
    <input type="range" data-size="xl" value="80">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="90"]
    <input type="range" data-size="2xl" value="90">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(5) > input[value="50"][type="range"]
    <input type="range" value="50" aria-invalid="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(6) > input[value="50"][type="range"]:nth-child(2)
    <input type="range" value="50" disabled="">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="50"][type="range"]:nth-child(3)
    <input type="range" value="50" aria-disabled="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(2) > label > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(2) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="xs">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(3) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="sm">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(4) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="md">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(5) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="lg">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(6) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="xl">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(7) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="2xl">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label[data-axis="block"]:nth-child(2) > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label[data-axis="block"]:nth-child(3) > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4" data-size="lg">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(6) > label > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(7) > label > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4" aria-invalid="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(8) > label:nth-child(2) > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4" disabled="">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(8) > label:nth-child(3) > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4" aria-disabled="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • #error-dob
    <input type="text" id="error-dob" inputmode="numeric" pattern="[0-9]*" size="4" aria-invalid="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"
select-name critical Ensure select element has an accessible name 2
  • select[value="a"]
    <select value="a">
                <option>1</option>
                <option>2</option></select>

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(4) > select
    <select aria-invalid="true">
                <option>1</option>
                <option>2</option></select>

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element's default semantics were not overridden with role="none" or role="presentation"
target-size serious Ensure touch targets have sufficient size and space 4
  • input[value="a-asc"]
    <input type="radio" name="sort-1" value="a-asc" aria-label="Sort ascending" checked="">

    Fix any of the following: Target has insufficient size (24px by 12px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.

  • input[value="a-desc"]
    <input type="radio" name="sort-1" value="a-desc" aria-label="Sort descending">

    Fix any of the following: Target has insufficient size (24px by 12px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.

  • input[value="b-asc"]
    <input type="radio" name="sort-1" value="b-asc" aria-label="Sort ascending">

    Fix any of the following: Target has insufficient size (24px by 12px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.

  • input[value="b-desc"]
    <input type="radio" name="sort-1" value="b-desc" aria-label="Sort descending">

    Fix any of the following: Target has insufficient size (24px by 12px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.

[dark] (all) — static

Rule IDImpactDescriptionNodesSelectors / HTML
label critical Ensure every form element has a label 40
  • section:nth-child(2) > input[type="text"]
    <input type="text">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[type="email"]
    <input type="email">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[type="password"]
    <input type="password">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(2) > input[type="search"]
    <input type="search">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[type="url"]
    <input type="url">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[type="tel"]
    <input type="tel">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(2) > textarea
    <textarea></textarea>

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > input[data-size="xs"][type="text"]
    <input type="text" data-size="xs">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > input[data-size="sm"][type="text"]
    <input type="text" data-size="sm">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > input[data-size="md"][type="text"]
    <input type="text" data-size="md">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > input[data-size="lg"][type="text"]
    <input type="text" data-size="lg">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > input[data-size="xl"][type="text"]
    <input type="text" data-size="xl">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(3) > textarea
    <textarea type="text" data-size="2xl"></textarea>

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(2) > section:nth-child(4) > input[type="text"]
    <input type="text" aria-invalid="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(4) > textarea
    <textarea aria-invalid="true"></textarea>

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(2) > input[step="10"][value="20"][min="0"]
    <input type="range" min="0" max="100" step="10" value="20">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="60"][step="10"][min="0"]
    <input type="range" min="0" max="100" step="10" value="60">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="20"][type="range"][data-size="xs"]
    <input type="range" data-size="xs" value="20">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="30"]
    <input type="range" data-size="sm" value="30">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="40"][type="range"][data-size="md"]
    <input type="range" data-size="md" value="40">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="60"][type="range"][data-size="lg"]
    <input type="range" data-size="lg" value="60">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="80"]
    <input type="range" data-size="xl" value="80">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="90"]
    <input type="range" data-size="2xl" value="90">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(5) > input[value="50"][type="range"]
    <input type="range" value="50" aria-invalid="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(6) > input[value="50"][type="range"]:nth-child(2)
    <input type="range" value="50" disabled="">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • input[value="50"][type="range"]:nth-child(3)
    <input type="range" value="50" aria-disabled="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(2) > label > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(2) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="xs">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(3) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="sm">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(4) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="md">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(5) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="lg">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(6) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="xl">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label:nth-child(7) > input[size="3"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="3" data-size="2xl">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label[data-axis="block"]:nth-child(2) > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • label[data-axis="block"]:nth-child(3) > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4" data-size="lg">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(6) > label > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(7) > label > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4" aria-invalid="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(8) > label:nth-child(2) > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4" disabled="">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(8) > label:nth-child(3) > input[size="4"][role="spinbutton"][value="10"]
    <input type="text" inputmode="numeric" pattern="[0-9]*" role="spinbutton" value="10" size="4" aria-disabled="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • #error-dob
    <input type="text" id="error-dob" inputmode="numeric" pattern="[0-9]*" size="4" aria-invalid="true">

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"
select-name critical Ensure select element has an accessible name 2
  • select[value="a"]
    <select value="a">
                <option>1</option>
                <option>2</option></select>

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element's default semantics were not overridden with role="none" or role="presentation"

  • section:nth-child(4) > select
    <select aria-invalid="true">
                <option>1</option>
                <option>2</option></select>

    Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> aria-label attribute does not exist or is empty aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty Element has no title attribute Element's default semantics were not overridden with role="none" or role="presentation"
target-size serious Ensure touch targets have sufficient size and space 4
  • input[value="a-asc"]
    <input type="radio" name="sort-1" value="a-asc" aria-label="Sort ascending" checked="">

    Fix any of the following: Target has insufficient size (24px by 12px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.

  • input[value="a-desc"]
    <input type="radio" name="sort-1" value="a-desc" aria-label="Sort descending">

    Fix any of the following: Target has insufficient size (24px by 12px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.

  • input[value="b-asc"]
    <input type="radio" name="sort-1" value="b-asc" aria-label="Sort ascending">

    Fix any of the following: Target has insufficient size (24px by 12px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.

  • input[value="b-desc"]
    <input type="radio" name="sort-1" value="b-desc" aria-label="Sort descending">

    Fix any of the following: Target has insufficient size (24px by 12px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px.