CSS: ai-gradient ​

.--background-ai-horizontal — Cymorth graddiant accent AI wedi'u bwriadu ar gyfer arwynebau wedi'u teilwra, nid y cytundeb InstUI a rennir.

Source: index.ts

Defnydd ​

css
@import "@pantoken/plugin-custom-components/custom-components.css";

Modyfiwyr ​

ModyfiwrDisgrifiad
.--background-aiPaentiwch gefndir y elfen gyda'r graddiant AI a rennir.
.--background-ai-horizontallogo llorweddol instructure (tywyll).
.--border-color-aiFfin dryloyw wedi'i fframio gan y graddiant AI a rennir.
.--border-color-ai-horizontallogo llorweddol instructure (tywyll).

Hygyrchedd ​

Rheolau (axe-core)Ailfrandio (golau)Ailfrandio (tywyll)CanvasCynfas cyferbyniad uchel
color-contrastWCAG 2.2 1.4.3Mae angen adolygiadMae angen adolygiadMae angen adolygiadMae angen adolygiad

Rhaid i elfennau gyrraedd y trothwyon cymhareb cyferbyniad lliw lleiaf

  • .--border-color-ai
  • main > .--border-color-ai-horizontal
  • .--background-ai
  • main > .--background-ai-horizontal
  • div[dir="rtl"] > .--border-color-ai-horizontal
AmodauAilfrandio (golau)Ailfrandio (tywyll)CanvasCynfas cyferbyniad uchel
more-contrast-respectedWCAG 2.2 1.4.3, 1.4.6Mae angen adolygiadMae angen adolygiadMae angen adolygiadMae angen adolygiad

Mae’r dudalen yn newid o dan prefers-contrast: more, ond nid oedd modd mesur unrhyw destun gweladwy.

reflow-at-320pxWCAG 2.2 1.4.10PassPassPassPass
text-spacing-no-clippingWCAG 2.2 1.4.12PassPassPassPass
Darllenydd sgrin (efelychiad)Ailfrandio (golau)Ailfrandio (tywyll)CanvasCynfas cyferbyniad uchel
AnnouncementsPassPassPassPass

Nid yw’r canlyniadau awtomataidd hyn yn profi bod y dudalen yn bodloni WCAG; mae angen adolygiad â llaw o hyd.

Tocynnau a ddefnyddiwyd ​

TokenMathGwerth
--instui-border-width-sm<length>0.0625rem
--instui-color-background-base<color>LightDarklight-dark(#ffffff, #10141A)
--instui-color-stroke-ai-bottom-gradient<color>LightDarklight-dark(#00828E, #04A4B7)
--instui-color-stroke-ai-top-gradient<color>LightDarklight-dark(#9E58BD, #B680CC)