question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Contrast themes – Buttons appear differently depending on whether they use `a` or `button` element

See original GitHub issue

Issue Summary

Our styled buttons are meant to look the same whether they use an a element or a button element (normal mode screenshot on left). However, when using a forced-colors mode (like Windows High Contrast Mode), they appear differently (Chrome-emulated forced-colors mode screenshot on the right).

normal high-contrast
image image

Proposed Solution

We should add some styling in forced-colors mode to give all button.buttons the same text and border color that a.buttons get by default.

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:12 (12 by maintainers)

github_iconTop GitHub Comments

1reaction
thibaudcolascommented, Oct 10, 2022

@albinazs you can go for this without checking with anyone else – but note since you’ve also claimed #8659, it’d be nice for you to either finish that one, or comment there that you no longer intend to work on it. We can’t let people claim all the issues 😛

0reactions
lb-commented, Oct 13, 2022

@albinazs let’s go with ButtonTexr - great solution. Let’s get a PR up and we can move ahead with this.

Read more comments on GitHub >

github_iconTop Results From Across the Web

The Button element - HTML: HyperText Markup Language
The <button> HTML element is an interactive element activated by a user with a mouse, keyboard, finger, voice command, or other assistive ...
Read more >
A Complete Guide to Links and Buttons
Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript.
Read more >
Contrast themes - Windows apps
Contrast themes use a small palette of colors (with a contrast ratio of at least 7:1) to help make elements in the UI...
Read more >
CSS Button Style – Hover, Color, and Background
Another thing to make sure of is that there is enough contrast between the button's background color and text color. This helps make...
Read more >
Building a button component - web.dev
In this post I want to share my thoughts on how to build a color-adaptive, responsive, and accessible <button> element.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found