palantir/blueprint

Windows High Contrast mode styling issues

Open

#5622 aperta il 27 set 2022

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
Domain: accessibilityP2Package: corePackage: tableType: bughelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

Follow-up issues from #5524

Environment

  • Package version(s): @blueprintjs/core as of #5524
  • Operating System: Windows with High Contrast mode enabled
  • Browser name and version: Edge

Styling issues

Listed below roughly in order of importance:

Active tab indicator is hard/impossible to see

Progress bar is invisible

Slider filled track is invisible

Non ideal state icon stroke has low contrast

we shouldn't apply the opacity adjustment in high contrast mode:

Skeleton styling has no effect

maybe we should make the text color transparent?

Tables

Not 100% sure what we should do here, but adding borders between all cells probably makes the most sense. Also a thicker border between row/col headers and the table body

Guida contributor

Direzione di ricerca
Ispeziona il CSS dei componenti elencati (indicatore di scheda, barra di avanzamento, slider, icona, scheletro, tabella) e aggiungi o sovrascrivi gli stili utilizzando la query `@media (prefers contrast: high)` per garantire contrasto e visibilità sufficienti in modalità Windows High Contrast. Fai riferimento a issue e PR esistenti come #5524 per contesto.
Tech stack
typescriptreactcss
Dominio
frontendaccessibility
Tipo issue
Accessibilità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSAccessibility basics
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60