diff --git a/examples/combobox/combobox-autocomplete-both.html b/examples/combobox/combobox-autocomplete-both.html index 7b5217685c..2d63413628 100644 --- a/examples/combobox/combobox-autocomplete-both.html +++ b/examples/combobox/combobox-autocomplete-both.html @@ -147,13 +147,14 @@

Accessibility Features

When an element loses focus, its border changes from two pixels to two and padding is increased by two pixels. -
  • - To ensure the inline SVG graphic used for the arrow in the open button has sufficient contrast with the background when high contrast settings change the color of text content, - CSS forced-color-adjust is set to auto on the svg element and and the fill attribute of the polygon element is set to currentColor. - This causes the colors of the fill of the polygon elements to be overridden by the high contrast color setting. - If forced-color-adjust were not used to override the colors specified for the fill property, the color would remain the same in high contrast mode, which could lead to insufficient contrast between the arrow and the background or even make it invisible if the color matched the high contrast mode background.
    - Note: The explicit setting of forced-color-adjust is necessary because some browsers do not use auto as the default value for SVG graphics. -
  • + +
  • + To ensure the inline SVG graphic used for the arrow in the open button has sufficient contrast with the background when high contrast settings change the color of text content, + CSS forced-color-adjust is set to auto on the svg element and and the fill attribute of the polygon element is set to currentColor. + This causes the colors of the fill of the polygon elements to be overridden by the high contrast color setting. + If forced-color-adjust were not used to override the colors specified for the fill property, the color would remain the same in high contrast mode, which could lead to insufficient contrast between the arrow and the background or even make it invisible if the color matched the high contrast mode background.
    + Note: The explicit setting of forced-color-adjust is necessary because some browsers do not use auto as the default value for SVG graphics. +
  • diff --git a/examples/combobox/combobox-autocomplete-list.html b/examples/combobox/combobox-autocomplete-list.html index 6f59c30e41..3263a5faf5 100644 --- a/examples/combobox/combobox-autocomplete-list.html +++ b/examples/combobox/combobox-autocomplete-list.html @@ -148,13 +148,14 @@

    Accessibility Features

    When an element loses focus, its border changes from two pixels to two and padding is increased by two pixels. -
  • - To ensure the inline SVG graphic used for the arrow in the open button has sufficient contrast with the background when high contrast settings change the color of text content, - CSS forced-color-adjust is set to auto on the svg element and and the fill attribute of the polygon element is set to currentColor. - This causes the colors of the fill of the polygon elements to be overridden by the high contrast color setting. - If forced-color-adjust were not used to override the colors specified for the fill property, the color would remain the same in high contrast mode, which could lead to insufficient contrast between the arrow and the background or even make it invisible if the color matched the high contrast mode background.
    - Note: The explicit setting of forced-color-adjust is necessary because some browsers do not use auto as the default value for SVG graphics. -
  • + +
  • + To ensure the inline SVG graphic used for the arrow in the open button has sufficient contrast with the background when high contrast settings change the color of text content, + CSS forced-color-adjust is set to auto on the svg element and and the fill attribute of the polygon element is set to currentColor. + This causes the colors of the fill of the polygon elements to be overridden by the high contrast color setting. + If forced-color-adjust were not used to override the colors specified for the fill property, the color would remain the same in high contrast mode, which could lead to insufficient contrast between the arrow and the background or even make it invisible if the color matched the high contrast mode background.
    + Note: The explicit setting of forced-color-adjust is necessary because some browsers do not use auto as the default value for SVG graphics. +
  • diff --git a/examples/combobox/combobox-autocomplete-none.html b/examples/combobox/combobox-autocomplete-none.html index bb20b36bd1..21718615e4 100644 --- a/examples/combobox/combobox-autocomplete-none.html +++ b/examples/combobox/combobox-autocomplete-none.html @@ -103,13 +103,14 @@

    Accessibility Features

    When an element loses focus, its border changes from two pixels to two and padding is increased by two pixels. -
  • - To ensure the inline SVG graphic used for the arrow in the open button has sufficient contrast with the background when high contrast settings change the color of text content, - CSS forced-color-adjust is set to auto on the svg element and and the fill attribute of the polygon element is set to currentColor. - This causes the colors of the fill of the polygon elements to be overridden by the high contrast color setting. - If forced-color-adjust were not used to override the colors specified for the fill property, the color would remain the same in high contrast mode, which could lead to insufficient contrast between the arrow and the background or even make it invisible if the color matched the high contrast mode background.
    - Note: The explicit setting of forced-color-adjust is necessary because some browsers do not use auto as the default value for SVG graphics. -
  • + +
  • + To ensure the inline SVG graphic used for the arrow in the open button has sufficient contrast with the background when high contrast settings change the color of text content, + CSS forced-color-adjust is set to auto on the svg element and and the fill attribute of the polygon element is set to currentColor. + This causes the colors of the fill of the polygon elements to be overridden by the high contrast color setting. + If forced-color-adjust were not used to override the colors specified for the fill property, the color would remain the same in high contrast mode, which could lead to insufficient contrast between the arrow and the background or even make it invisible if the color matched the high contrast mode background.
    + Note: The explicit setting of forced-color-adjust is necessary because some browsers do not use auto as the default value for SVG graphics. +