Replace CSS property links with cssxref macro in /web/accessibility

Search:  \[`([^`]+?)`\]\(/en-US/docs/Web/CSS/Reference/Properties/\1\)
Replace: {{cssxref("$1")}}

files/en-us/web/accessibility/aria/reference/roles/menuitemradio_role/index.md

@@ -116,7 +116,7 @@ If the `menuitemradio` is in a submenu in a `menubar` or a menu opened with a me
 
 The [`tabindex="-1"`](/en-US/docs/Web/HTML/Reference/Global_attributes/tabindex) makes the `menuitemradio` focusable but not part of the page tab sequence. Had we included `aria-checked="true"` it would have indicated that the `menuitemradio` was checked, and we would have visually styled the selected state to look checked using the attribute selector `[role='menuitemradio'][aria-checked='true']`. Instead, the presence of `aria-checked="false"` indicates to assistive technologies that the `menuitemradio` is checkable but not currently checked. The accessible name "purple" comes from the contents.
 
-The visual appearance of the selected state is a checked radio button which we can create using [generated content](/en-US/docs/Web/CSS/Guides/Generated_content), making it visible and the same color as the content by synchronizing with the `aria-checked` value using CSS [attribute selectors](/en-US/docs/Web/CSS/Reference/Selectors/Attribute_selectors) and changing the [`background-color`](/en-US/docs/Web/CSS/Reference/Properties/background-color).
+The visual appearance of the selected state is a checked radio button which we can create using [generated content](/en-US/docs/Web/CSS/Guides/Generated_content), making it visible and the same color as the content by synchronizing with the `aria-checked` value using CSS [attribute selectors](/en-US/docs/Web/CSS/Reference/Selectors/Attribute_selectors) and changing the {{cssxref("background-color")}}.
 
 ```css
 [role="menuitemradio"]::before {
@@ -136,7 +136,7 @@ The visual appearance of the selected state is a checked radio button which we c
 }
 ```
 
-Don't use the [`background`](/en-US/docs/Web/CSS/Reference/Properties/background) shorthand property, as that will override the [`background-clip`](/en-US/docs/Web/CSS/Reference/Properties/background-clip) property we used to create the radio button effect.
+Don't use the {{cssxref("background")}} shorthand property, as that will override the {{cssxref("background-clip")}} property we used to create the radio button effect.
 
 ### Prefer HTML
 

files/en-us/web/accessibility/aria/reference/roles/tab_role/index.md

@@ -134,7 +134,7 @@ All of the `tabpanel` elements have `tabindex="0"` to make them tabbable, and al
 </div>
 ```
 
-There is some basic styling applied that restyles the buttons and changes the [`z-index`](/en-US/docs/Web/CSS/Reference/Properties/z-index) of `tab` elements to give the illusion of it connecting to the `tabpanel` for active elements, and the illusion that inactive elements are behind the active `tabpanel`. You need to clearly distinguish the active tab from the inactive tabs, such as thicker borders or larger size.
+There is some basic styling applied that restyles the buttons and changes the {{cssxref("z-index")}} of `tab` elements to give the illusion of it connecting to the `tabpanel` for active elements, and the illusion that inactive elements are behind the active `tabpanel`. You need to clearly distinguish the active tab from the inactive tabs, such as thicker borders or larger size.
 
 ```css hidden
 .tabs {

files/en-us/web/accessibility/guides/colors_and_luminance/index.md

@@ -314,7 +314,7 @@ Color as in hues and saturation can affect our mood, and enhance — or de-enhan
 
 - [Accessibility](/en-US/docs/Web/Accessibility)
 - [Accessibility learning path](/en-US/docs/Learn_web_development/Core/Accessibility)
-- CSS [`color`](/en-US/docs/Web/CSS/Reference/Properties/color) property
+- CSS {{cssxref("color")}} property
 - [`<color>`](/en-US/docs/Web/CSS/Reference/Values/color_value) data type
 - [Web accessibility for seizures and physical reactions](/en-US/docs/Web/Accessibility/Guides/Seizure_disorders)
 - [How the Color Red Influences Our Behavior](https://www.scientificamerican.com/article/how-the-color-red-influences-our-behavior/) Scientific American By Susana Martinez-Conde, Stephen L. Macknik on November 1, 2014

files/en-us/web/accessibility/guides/seizure_disorders/index.md

@@ -215,7 +215,7 @@ With animated GIFs, ensure animation is inactive until the user chooses to activ
 
 As in the case of animated GIFs, the user must push a button or check a box in order to start the animation. There are many ways to do this, such as NOT adding the [`autoplay`](/en-US/docs/Web/API/HTMLMediaElement/autoplay) attribute to `<video controls>`, or setting {{CSSxRef('animation-play-state')}} to `paused` as an initial state. To see a powerful example of how this can actually work see the article by Kirupa, ["Toggling Animations On and Off"](https://www.kirupa.com/html5/toggling_animations_on_off.htm). Kirupa uses the `animation-play-state` in concert with {{CSSxRef('transition')}}, {{CSSxRef('transform')}}, and [`prefers-reduced-motion`](/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion) to create a very accessible experience under the user's control.
 
-[`animation-play-state`](/en-US/docs/Web/CSS/Reference/Properties/animation-play-state) is a CSS property that sets whether an animation is running or paused.
+{{cssxref("animation-play-state")}} is a CSS property that sets whether an animation is running or paused.
 
 ```css
 div {