Skip to content

Table caption, table headers, term definitions are almost unreadable in dark mode #2429

@patrickhlauke

Description

@patrickhlauke

Describe the change

When switching to dark mode, <th> table headers are styled to use gray (#dddddd) on an off-white background (#eeeeee), making them practically unreadable (1.2:1 contrast ratio). While not as dramatic, the <caption> that precedes the tables uses gray (#555555) on black (#000000), which is also far from ideal (2.8:1 contrast ratio)

screenshot of the 'characteristics' table for the alert role

Also just spotted: term definition links use green text (#006400) which on black also has insufficient contrast (2.8:1).

screenshot of a sentence with a term definition in green on black

Link to the version of the specification or documentation you were looking at

Link to documentation: https://w3c.github.io/aria/

Does the issue exists in the editors draft (the editors draft is the most recent draft of the specification)?

Yes

Metadata

Metadata

Assignees

No one assigned

    Labels

    editoriala change to an example, note, spelling, grammar, or is related to publishing or the repo

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions