Check that a change of context does not occur when this input field receives focus.

Minor3.2.1HTMLCS · htmlcs-unknown-WCAG2AA.Principle3.Guideline3_2.3_2_1.G107Docs

Pages 8on W3C BAD Demo

Elements 41

Open 50d 19hsince 4/24/2026

First seen 4/24/2026

Last seen 4/26/2026

Check that a change of context does not occur when this input field receives focus.

Scanner evidence

Engine: htmlcsRule: htmlcs-WCAG2AA.Principle3.Guideline3_2.3_2_1.G107WCAG: 3.2.1

Check that a change of context does not occur when this input field receives focus.

How to fix

Check that a change of context does not occur when this input field receives focus.

Affected pages (8)

Affected elements (41)

https://www.w3.org9

<button
  type="button"
  class="button button--ghost with-icon--after with-icon--larger"
  data-trigger="mobile-nav"
  style="display: none;"
  aria-expanded="true">
  Menu
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 448 512"
    height="30"
    width="30"
    class="icon icon--larger"
    focusable="false"
    aria-hidden="true"
    fill="currentColor">
<path class="menu-icon" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-1

button.button.button--ghost

on https://www.w3.org

<button
  data-trigger="sub-nav"
  class="nav-link"
  aria-controls="js-standards-&amp;-groups-submenu"
  aria-expanded="false">
  Standards &amp; groups
</button>

button.nav-link

on https://www.w3.org

```
<button data-button="mobile-back" class="button button--ghost u-full-width">
  Back to main menu
</button>
```
button.button.button--ghost
on https://www.w3.org

https://www.w3.org/Consortium/Legal/copyright-documents8

<button
  type="button"
  class="button button--ghost with-icon--after with-icon--larger"
  data-trigger="mobile-nav"
  style="display: none;"
  aria-expanded="true">
  Menu
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 448 512"
    height="30"
    width="30"
    class="icon icon--larger"
    focusable="false"
    aria-hidden="true"
    fill="currentColor">
<path class="menu-icon" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-1

button.button.button--ghost

on https://www.w3.org/Consortium/Legal/copyright-documents

```
<button
  data-trigger="sub-nav"
  class="nav-link"
  aria-controls="js-standards-&amp;-groups-submenu"
  aria-expanded="false">
  Standards &amp; groups
</button>
```
button.nav-link
on https://www.w3.org/Consortium/Legal/copyright-documents
```
<button data-button="mobile-back" class="button button--ghost u-full-width">
  Back to main menu
</button>
```
button.button.button--ghost
on https://www.w3.org/Consortium/Legal/copyright-documents

https://www.w3.org/Consortium/Legal/copyright-software8

<button
  type="button"
  class="button button--ghost with-icon--after with-icon--larger"
  data-trigger="mobile-nav"
  style="display: none;"
  aria-expanded="true">
  Menu
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 448 512"
    height="30"
    width="30"
    class="icon icon--larger"
    focusable="false"
    aria-hidden="true"
    fill="currentColor">
<path class="menu-icon" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-1

button.button.button--ghost

on https://www.w3.org/Consortium/Legal/copyright-software

```
<button
  data-trigger="sub-nav"
  class="nav-link"
  aria-controls="js-standards-&amp;-groups-submenu"
  aria-expanded="false">
  Standards &amp; groups
</button>
```
button.nav-link
on https://www.w3.org/Consortium/Legal/copyright-software
```
<button data-button="mobile-back" class="button button--ghost u-full-width">
  Back to main menu
</button>
```
button.button.button--ghost
on https://www.w3.org/Consortium/Legal/copyright-software

https://www.w3.org/WAI/sitemap.html5

<button
  class="button button-menu"
  aria-haspopup="true"
  aria-expanded="false"
  id="openmenu">
  <span>
    <svg focusable="false" aria-hidden="true" class="icon-menu ">
      <use xlink:href="/WAI/assets/images/icons.svg#icon-menu">
      </use>
    </svg>
    Menu
  </span>
</button>

#openmenu

on https://www.w3.org/WAI/sitemap.html

```
<input
  id="header-search"
  type="search"
  name="q"
  placeholder="Search"
  aria-label="Search">
```
#header-search
on https://www.w3.org/WAI/sitemap.html

<button class="button button-icon button-nobg button-noborder">
  <span>
    <svg focusable="false" aria-label="Submit Search" class="icon-search ">
      <use xlink:href="/WAI/assets/images/icons.svg#icon-search">
      </use>
    </svg>
  </span>
</button>

button.button.button-icon

on https://www.w3.org/WAI/sitemap.html

https://www.w3.org/WAI4

<button
  class="button button-menu"
  aria-haspopup="true"
  aria-expanded="false"
  id="openmenu">
  <span>
    <svg focusable="false" aria-hidden="true" class="icon-menu ">
      <use xlink:href="/WAI/assets/images/icons.svg#icon-menu">
      </use>
    </svg>
    Menu
  </span>
</button>

#openmenu

on https://www.w3.org/WAI

```
<input
  id="header-search"
  type="search"
  name="q"
  placeholder="Search"
  aria-label="Search">
```
#header-search
on https://www.w3.org/WAI

<button class="button button-icon button-nobg button-noborder">
  <span>
    <svg focusable="false" aria-label="Submit Search" class="icon-search ">
      <use xlink:href="/WAI/assets/images/icons.svg#icon-search">
      </use>
    </svg>
  </span>
</button>

button.button.button-icon

on https://www.w3.org/WAI

https://www.w3.org/WAI/EO3

<button
  class="button button-menu"
  aria-haspopup="true"
  aria-expanded="false"
  id="openmenu">
  <span>
    <svg focusable="false" aria-hidden="true" class="icon-menu ">
      <use xlink:href="/WAI/assets/images/icons.svg#icon-menu">
      </use>
    </svg>
    Menu
  </span>
</button>

#openmenu

on https://www.w3.org/WAI/EO

```
<input
  id="header-search"
  type="search"
  name="q"
  placeholder="Search"
  aria-label="Search">
```
#header-search
on https://www.w3.org/WAI/EO

<button class="button button-icon button-nobg button-noborder">
  <span>
    <svg focusable="false" aria-label="Submit Search" class="icon-search ">
      <use xlink:href="/WAI/assets/images/icons.svg#icon-search">
      </use>
    </svg>
  </span>
</button>

button.button.button-icon

on https://www.w3.org/WAI/EO

https://www.w3.org/WAI/contacts3

<button
  class="button button-menu"
  aria-haspopup="true"
  aria-expanded="false"
  id="openmenu">
  <span>
    <svg focusable="false" aria-hidden="true" class="icon-menu ">
      <use xlink:href="/WAI/assets/images/icons.svg#icon-menu">
      </use>
    </svg>
    Menu
  </span>
</button>

#openmenu

on https://www.w3.org/WAI/contacts

```
<input
  id="header-search"
  type="search"
  name="q"
  placeholder="Search"
  aria-label="Search">
```
#header-search
on https://www.w3.org/WAI/contacts

<button class="button button-icon button-nobg button-noborder">
  <span>
    <svg focusable="false" aria-label="Submit Search" class="icon-search ">
      <use xlink:href="/WAI/assets/images/icons.svg#icon-search">
      </use>
    </svg>
  </span>
</button>

button.button.button-icon

on https://www.w3.org/WAI/contacts

https://www.w3.org/WAI/demos/bad/before/home.html1

<select onchange="location.href = this.value;">
            <option selected="">QUICKMENU ----&gt;
            </option><option value="../offsite.html">Broadcasting
            </option><option value="../offsite.html">Education
            </option><option value="../offsite.html">Electricity
            </option><option value="../offsite.html">Fire service
            </option><option value="../offsite.html">Gas service
            </option><option value="../offsite.html">Health care

select

on https://www.w3.org/WAI/demos/bad/before/home.html

AI guidance

Remediation suggestions generated by AI. Review before applying.

No AI suggestion generated yet.

Activity (0)

No activity yet.