openmindculture / ingo-steinke.de

www.ingo-steinke.com is a portfolio website about web developer Ingo Steinke. The site is built using HTML, CSS, JavaScript, and 11ty (eleventy). English version: www.ingo-steinke.com

Home Page:https://www.ingo-steinke.de/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Low contrast and other accessibility warnings

openmindculture opened this issue · comments

18 total issues in axe DevTools: elements must meet minimum color contrast ratio thresholds:

  • .brand-orange.hashtag x6
  • .brand-blue-liquid.hashtag x4
  • .brand-red-light.hashtag x5
  • .brand-blue-php.hashtag x3

3 contrast errors in WAVE: Very low contrast (3.04:1)

  • .brand-blue-php.hashtag x3

5 alerts in WAVE:

  • 1x long alternative text (false positive: quoting text contained in image)
  • 1x possible heading: tagline below H1 (no benefit in creating another heading, that would break the text flow when read aloud)
  • 1x broken same-page link: "und für WordPress": href="#project-wordpress-plugin"
    ^ correct! that's been removed during project list content update. To do: removing the link would be fine!
  • 2x redundant title text: title attribute text is the same as text or alternative text: .tile .code-link
    ^ correct! title should be removed