inclusive-design / wecount.inclusivedesign.ca

The source files for the We Count website, built with Eleventy.

Home Page:https://wecount.inclusivedesign.ca

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Footer `hr` not adjusting properly to contrast themes

BlueSlug opened this issue · comments

Describe the bug

The background of the horizontal rule in the footer is unset when contrast themes are active, which results in inconsistent behaviour between them and across browsers.

The solution may be to disable the border CSS rules, though exploration and testing is required.

To Reproduce

Steps to reproduce the behavior:

  1. Activate one of the affected contrast themes
  2. Scroll down to the page footer
  3. See error

Expected behavior

The colour of the hr should respond to the contrast theme and not have any gaps within it (i.e. solid rather than an outline)

Screenshots

Chrome default
029 01 normal

Chrome bw
029 02 bw

Chrome wb
029 03 wb

Chrome by
029 04 by

Chrome yb
029 05 yb

Chrome ldgd
029 06 lgdg

Chrome gw
029 07 gw

Chrome gd
029 08 gd

Chrome bbr
029 09 bbr

Firefox bbr
029 10 bbr firefox

Desktop:

N/A

Smartphone:

N/A

Additional context

N/A