Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

a11y: always preset font and background color #5703

Merged
merged 2 commits into from
Dec 7, 2023

Conversation

deleonio
Copy link
Contributor

@deleonio deleonio commented Dec 6, 2023

No description provided.

@deleonio deleonio requested a review from sdvg December 6, 2023 06:58
* to black, the contrast ratio is ensured and explicit adjustment is forced.
*/
background-color: white;
color: black;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • kol-icon

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ich glaube die Snapshot-Tests laufen durch, weil (fast?) alle Beispiele einen weißen Hintergrund haben.

Für Anwendungen mit einem anderen (z.B. hellgrauen) Hintergrund fürchte ich, dass man bei sehr vielen Komponenten die background-color zurück auf transparent setzen müsste, auch wenn diese ihre Farben eigentlich korrekt spezifiziert haben.

Vorschlag: Statt die background-color global auf :host zu setzen, könnten wir sie in den Component-Styles, dort wo es Sinn macht, individuell auf das "visuelle root element" setzen. Bei Button wäre das z.B. kol-span-wc.button-inner.

Zur Veranschaulichung, ein paar Beispiele bei einer App mit dunklem Hintergrund:

image image image

Copy link
Member

@sdvg sdvg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@deleonio deleonio linked an issue Dec 7, 2023 that may be closed by this pull request
@deleonio deleonio merged commit dd80bf9 into develop Dec 7, 2023
4 checks passed
@deleonio deleonio deleted the feature/add-always-font-and-background-color branch December 7, 2023 06:25
@github-actions github-actions bot locked and limited conversation to collaborators Dec 7, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

💡 A11y: always preset font and background color
2 participants