508 Accessibility: Not enough color contrast in some tokens

[ghost]

We are using the tool Sort Site to evaluate our site for Section 508 Accessibility requirements. It is flagging multiple components as not having enough color contrast.

Here are some of the errors:

I have been trying to use a custom CSS file to override some of the colors to pass a color contrast checker. FYI, the colors I've overridden so far are text-base, bg-teal-500, text-teal-500, bg-blue-400, bg-blue-500, text-gray-500, text-gray-600, text-gray-700, bg-indigo-400, prose, border-green-600, text-green-600, bg-orange-300, text-orange-500, text-orange-600, and text-red-600.

But now that I am down in the Examples section, I am stuck. The image below is the Examples section which does NOT have any of my color overrides. Note that there is a pre-existing problem with text too dark to see. It is impossible to correct this with css because this section ALSO uses classes such as 'prose' and 'text-gray-600' . These same color cannot work with both a light background of the main part of the page, and the dark background of the Examples section.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity 😴

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience ❤️