Hi :) it seems that there are only small issues with accessibility on your page: 1) Add aria-label for these options:
<button type="button" class="button button--small button--toggle js-toggle"><span>🌗</span><span>🌓</span></button>
2) Add aria-label describing that it is a tag, ex. 'javascript tag':
<a class="button button--small button--inverse" href="/tags/javascript/">javascript</a>
3) Add aria-label 'Read full testimonial from {NAME}' about the source of testimonials:
<a class="button button--small padding" href="/testimonials/rebecca-jacobs/">Read full testimonial ⇢</a>
4) It can be H1:
<h2 class="fz-step-5 no-margin-top margin-bottom">From the Portfolio</h2>
5) It can be H2 (silvestar.codes/testimonials/rebec...
<div class="fz-step-1 copy"><p>Marketing Manager at CodeScan</p> </div>
6) Add info about the article that is related to it, ex. aria-label="Read more about {TITLE}":
<a class="button df padding" href="/articles/first-year-of-ui-dev-newsletter/">Read more ⇢</a>
7) Too small contrast (mentor.silvestar.codes/) for top links:
<a href="/resources/"><span>Resources</span></a>
Wow, thank you.
So, I think I resolved most of the items on this list. Thank you again!
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Hi :) it seems that there are only small issues with accessibility on your page:
1) Add aria-label for these options:
<button type="button" class="button button--small button--toggle js-toggle"><span>🌗</span><span>🌓</span></button>
2) Add aria-label describing that it is a tag, ex. 'javascript tag':
<a class="button button--small button--inverse" href="/tags/javascript/">javascript</a>
3) Add aria-label 'Read full testimonial from {NAME}' about the source of testimonials:
<a class="button button--small padding" href="/testimonials/rebecca-jacobs/">Read full testimonial ⇢</a>
4) It can be H1:
<h2 class="fz-step-5 no-margin-top margin-bottom">From the Portfolio</h2>
5) It can be H2 (silvestar.codes/testimonials/rebec...
<div class="fz-step-1 copy"><p>Marketing Manager at CodeScan</p>
</div>
6) Add info about the article that is related to it, ex. aria-label="Read more about {TITLE}":
<a class="button df padding" href="/articles/first-year-of-ui-dev-newsletter/">Read more ⇢</a>
7) Too small contrast (mentor.silvestar.codes/) for top links:
<a href="/resources/"><span>Resources</span></a>
Wow, thank you.
So, I think I resolved most of the items on this list. Thank you again!