search

GaurangTandon / codeforces-darktheme

A dark theme built for Codeforces
MIT License
121 stars 34 forks source link

Run DevTools Accessibility check #12

Closed GaurangTandon closed 5 years ago

GaurangTandon commented 5 years ago

Lighthouse accessibility audit regarding lack of contrast in text colors
Report generated:

for this page.

Background and foreground colors do not have a sufficient contrast ratio.
Low-contrast text is difficult or impossible for many users to read. Learn more.

Failing Elements
--
<span style="position: relative; bottom: 8px; padding: 0 0.5em;">\|</span>
<div> <a href="/profile/SigmaG">SigmaG</a> \| <a href="/616d72f55092c615783521a802fa3cb8/logout">Logout</a> </div>
<div class="caption titled">→ Pay attention <div class="top-links"> </div> </div>
<span class="contest-state-phase">Before contest</span>
<span class="countdown" home="//st.codeforces.com/s/44099" noredirection="true" textbeforeredirect="" cdid="i1">25:47:17</span>
<div class="caption titled">→ SigmaG <div class="top-links"> </div> </div>
<span style="color:gray;font-weight:bold;">0</span>
<div class="caption titled">→ Top rated <div class="top-links"> </div> </div>
<a href="/profile/tourist" title="Legendary grandmaster tourist" class="rated-user user-legendary"><span class="legendary-user-first-letter">t</span>ourist</a>
<a href="/profile/Radewoosh" title="Legendary grandmaster Radewoosh" class="rated-user user-legendary"><span class="legendary-user-first-letter">R</span>adewoosh</a>
<a href="/profile/OO0OOO00O0OOO0O00OOO0OO" title="Legendary grandmaster OO0OOO00O0OOO0O00OOO0OO" class="rated-user user-legendary smaller"><span class="legendary-user-first-letter">O</span>O0OOO00O0OOO0O0…O</a>
<a href="/profile/V--o_o--V" title="Legendary grandmaster V--o_o--V" class="rated-user user-legendary"><span class="legendary-user-first-letter">V</span>--o_o--V</a>
<a href="/profile/scott_wu" title="Legendary grandmaster scott_wu" class="rated-user user-legendary"><span class="legendary-user-first-letter">s</span>cott_wu</a>
<a href="/profile/Benq" title="Legendary grandmaster Benq" class="rated-user user-legendary"><span class="legendary-user-first-letter">B</span>enq</a>
<a href="/profile/mnbvmar" title="Legendary grandmaster mnbvmar" class="rated-user user-legendary"><span class="legendary-user-first-letter">m</span>nbvmar</a>
<a href="/profile/Petr" title="Legendary grandmaster Petr" class="rated-user user-legendary"><span class="legendary-user-first-letter">P</span>etr</a>
<a href="/profile/ksun48" title="Legendary grandmaster ksun48" class="rated-user user-legendary"><span class="legendary-user-first-letter">k</span>sun48</a>
<a href="/profile/LHiC" title="Legendary grandmaster LHiC" class="rated-user user-legendary"><span class="legendary-user-first-letter">L</span>HiC</a>
<div class="caption titled">→ Top contributors <div class="top-links"> </div> </div>
<a href="/profile/Radewoosh" title="Legendary grandmaster Radewoosh" class="rated-user user-legendary"><span class="legendary-user-first-letter">R</span>adewoosh</a>
<a href="/profile/Errichto" title="International Grandmaster Errichto" class="rated-user user-red">Errichto</a>
<a href="/profile/rng_58" title="Legendary grandmaster rng_58" class="rated-user user-legendary"><span class="legendary-user-first-letter">r</span>ng_58</a>
<a href="/profile/neal" title="International Grandmaster neal" class="rated-user user-red">neal</a>
<a href="/profile/tourist" title="Legendary grandmaster tourist" class="rated-user user-legendary"><span class="legendary-user-first-letter">t</span>ourist</a>
<a href="/profile/Petr" title="Legendary grandmaster Petr" class="rated-user user-legendary"><span class="legendary-user-first-letter">P</span>etr</a>
<a href="/profile/Um_nik" title="Legendary grandmaster Um_nik" class="rated-user user-legendary"><span class="legendary-user-first-letter">U</span>m_nik</a>
<a href="/profile/Swistakk" title="International Grandmaster Swistakk" class="rated-user user-red">Swistakk</a>
<div class="caption titled">→ Find user <div class="top-links"> </div> </div>
<input style="width:12em;" type="text" class="handleBox ac_input" autocomplete="off">
<div class="caption titled">→ Recent actions <div class="top-links"> </div> </div>
<a href="/profile/skywalkert" title="Grandmaster skywalkert" class="rated-user user-red">skywalkert</a>
<a href="/profile/tehqin" title="Candidate Master tehqin" class="rated-user user-violet">tehqin</a>
<a href="/profile/skywalkert" title="Grandmaster skywalkert" class="rated-user user-red">skywalkert</a>
<a href="/profile/LaughingTarget" title="Pupil LaughingTarget" class="rated-user user-green">LaughingTarget</a>
<a href="/profile/KAN" title="Grandmaster KAN" class="rated-user user-red">KAN</a>
<a href="/profile/Errichto" title="International Grandmaster Errichto" class="rated-user user-red">Errichto</a>
<a href="/profile/dkp11" title="Pupil dkp11" class="rated-user user-green">dkp11</a>
<a href="/profile/duckladydinh" title="Candidate Master duckladydinh" class="rated-user user-violet">duckladydinh</a>
<a href="/profile/_AymanSalah" title="Candidate Master _AymanSalah" class="rated-user user-violet">_AymanSalah</a>
<a href="/profile/GodSpeed98" title="Candidate Master GodSpeed98" class="rated-user user-violet">GodSpeed98</a>
<a href="/profile/PraveenDhinwa" title="Candidate Master PraveenDhinwa" class="rated-user user-violet">PraveenDhinwa</a>
<a href="/profile/skywalkert" title="Grandmaster skywalkert" class="rated-user user-red">skywalkert</a>
<a href="/profile/yashChandnani" title="Grandmaster yashChandnani" class="rated-user user-red">yashChandnani</a>
<a href="/profile/gravito12345" title="Candidate Master gravito12345" class="rated-user user-violet">gravito12345</a>
<a href="/profile/Beast_Within" title="Candidate Master Beast_Within" class="rated-user user-violet">Beast_Within</a>
<a href="/profile/vivace_jr" title="Candidate Master vivace_jr" class="rated-user user-violet">vivace_jr</a>
<a href="/profile/gaurav172" title="Candidate Master gaurav172" class="rated-user user-violet">gaurav172</a>
<a href="/profile/night_fury208" title="Expert night_fury208" class="rated-user user-blue">night_fury208</a>
<a href="/profile/destiny_son" title="Pupil destiny_son" class="rated-user user-green">destiny_son</a>
<a href="/profile/Manish1729" title="Pupil Manish1729" class="rated-user user-green">Manish1729</a>
<a href="/profile/dixitgarg" title="Pupil dixitgarg" class="rated-user user-green">dixitgarg</a>
<a href="/profile/Doltferns" title="Pupil Doltferns" class="rated-user user-green">Doltferns</a>
<a href="/privacy">Privacy Policy</a>
<div style="margin-top: 25px;"> Supported by </div>
GaurangTandon commented 5 years ago

All color contrast checks successfully applied.