Accessibility Issue- Navigation Bar

frontiersingal · ‎Nov 5, 2019

We ran a lighthouse diagnostic on our blog page and came up with the below issues. Can anyone help?

1- ARIAThese are opportunities to improve the usage of ARIA in your application which may enhance the experience for users of assistive technology, like a screen reader.

[role]s are not contained by their required parent element

Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. Learn more.

Failing Elements

Product

<a href="https://www.frontiersignal.com/product" role="menuitem">Product</a>

About

<a href="https://www.frontiersignal.com/about-us" role="menuitem">About</a>

Blog

Login

<a href="https://www.frontiersignal.com/account/login" role="menuitem">Login</a>

Request a demo

<a href="https://www.frontiersignal.com/contact-us" role="menuitem">Request a demo</a>

2-

ContrastThese are opportunities to improve the legibility of your content.

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

Darin Hartley

<a class="author-link" href="https://blog.frontiersignal.com/author/darin-hartley">Darin Hartley</a>

Click here to read/write comments

<a href="https://blog.frontiersignal.com/50-states-50-free-labor-market-information-sites#comments-listing">C...

All posts

<a class="all-posts-link" href="https://blog.frontiersignal.com/all">All posts</a>

50 States: 50 Free Labor Market Information Sites

<a href="https://blog.frontiersignal.com/50-states-50-free-labor-market-information-sites">50 States:  5...

Insider (1)

<a href="https://blog.frontiersignal.com/tag/insider">Insider (1)</...

(1)

(1)

Labor Market Information (LMI) (1)

<a href="https://blog.frontiersignal.com/tag/labor-market-information-lmi">Labor Market Information (LMI) <sp...

(1)

(1)

3- Document doesn't have a <title> element

The title gives screen reader users an overview of the page, and search engine users rely on it heavily to determine if a page is relevant to their search. Learn more.

Failing Elements

html

4- Its saying there is no meta description or page description and there is,