Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

AV-448 #455

Merged
merged 4 commits into from
Aug 10, 2023
Merged

AV-448 #455

merged 4 commits into from
Aug 10, 2023

Conversation

narthur
Copy link
Collaborator

@narthur narthur commented Aug 8, 2023 •
edited
Loading

@vercel
Copy link

vercel bot commented Aug 8, 2023 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
audioverse-next ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 8, 2023 3:26pm

@github-actions
Copy link

github-actions bot commented Aug 8, 2023

📦 Next.js Bundle Analysis for audioverse-next

This analysis was generated by the Next.js Bundle Analysis action. 🤖

🎉 Global Bundle Size Decreased

Page Size (compressed)
global 196.61 KB (🟢 -44 B)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

@narthur narthur changed the title Av 448 AV-448 Aug 8, 2023
@narthur narthur marked this pull request as ready for review August 8, 2023 15:32
@github-actions
Copy link

github-actions bot commented Aug 8, 2023 •
edited
Loading

Lighthouse Results

@github-actions
Copy link

github-actions bot commented Aug 8, 2023 •
edited
Loading

🔬 pa11y-ci results

  • Number of URLs tested: 931
  • Number of errors found: 47434. 😭
See results 👀

  • https://audioverse-next-n89hfwotd-audioverse.vercel.app/en/about/1:

    This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > button

<button class="mobileHeader_more__HASDA"><svg width="24" height="24" fil...</button>

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    Anchor element found with no link content and no name and/or ID attribute.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(1) > div:nth-child(1) > a

<a><svg width="24" height="24" fil...</a>

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(1) > div:nth-child(2) > div > div > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.76:1. Recommendation:  change background to #222.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(1) > a

<a class="button_base__KPAl5 button_super__xLpsv navigation_desktopDonate__uNq1e" href="/en/give">Donate</a>

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

    Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(2) > h3

<h3 class="headingBase_base___0p3F headingBase_sans__JZxN8 heading3_sans__ouk6_ navigation_submenuHeading__aSfVo"></h3>

WCAG2AA.Principle1.Guideline1_3.1_3_1.H42.2

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > span > img

<img sizes="100vw" srcset="/_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > p:nth-child(2) > figure > span > img

<img src="/_next/image?url=%2Fimg%2Faudioverse-ancient-screenshot.jpeg&amp;w=1920&amp;q=75" decoding="async" data-nimg="intrinsic" srcset="/_next/image?url=%2Fimg%2Faudioverse-ancient-screenshot.jpeg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2Fimg%2F...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(6) > div > span > span > img

<img src="/img/logo.svg" decoding="async" data-nimg="intrinsic" srcset="/img/logo.svg 1x, /img/logo.svg 2x" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.76:1. Recommendation:  change background to #222.

#__next > div > div:nth-child(4) > div:nth-child(2) > button

<button class="button_base__KPAl5 button_super__xLpsv"><svg width="24" height="24" fil...</button>

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(1) > ul > li:nth-child(6) > a > span

<span class="navigation_label__bB38D">Our Story</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(1) > a

<a class="button_base__KPAl5 button_super__xLpsv navigation_desktopDonate__uNq1e" href="/en/give">Donate</a>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(2) > button

<button class="button_base__KPAl5 button_super__xLpsv"><svg width="24" height="24" fil...</button>

color-contrast

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > span > img

<img sizes="100vw" srcset="/_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > p:nth-child(2) > figure > span > img

<img src="/_next/image?url=%2Fimg%2Faudioverse-ancient-screenshot.jpeg&amp;w=1920&amp;q=75" decoding="async" data-nimg="intrinsic" srcset="/_next/image?url=%2Fimg%2Faudioverse-ancient-screenshot.jpeg&amp;w=1080&amp;q=75 1x, /_next/image?url=%2Fimg%2F...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(6) > div > span > span > img

<img src="/img/logo.svg" decoding="async" data-nimg="intrinsic" srcset="/img/logo.svg 1x, /img/logo.svg 2x" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0...

image-alt

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > p:nth-child(2) > figure > figcaption

<figcaption>The original AudioVerse design,...</figcaption>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > p:nth-child(3)

<p>They were excited about this id...</p>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > p:nth-child(4)

<p>Curtis put the idea into action...</p>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > p:nth-child(5)

<p>Since that humble beginning, Go...</p>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > p:nth-child(6)

<p>Website traffic has also grown ...</p>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > p:nth-child(7)

<p>As this website has grown, we h...</p>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > div > a

<a class="button_base__KPAl5 button_secondary__867_K" href="/en/about/7">Our Purpose<svg width="24" heig...</a>

color-contrast

  • https://audioverse-next-n89hfwotd-audioverse.vercel.app/en/about/13:

    This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > button

<button class="mobileHeader_more__HASDA"><svg width="24" height="24" fil...</button>

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    Anchor element found with no link content and no name and/or ID attribute.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(1) > div:nth-child(1) > a

<a><svg width="24" height="24" fil...</a>

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(1) > div:nth-child(2) > div > div > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.76:1. Recommendation:  change background to #222.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(1) > a

<a class="button_base__KPAl5 button_super__xLpsv navigation_desktopDonate__uNq1e" href="/en/give">Donate</a>

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

    Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(2) > h3

<h3 class="headingBase_base___0p3F headingBase_sans__JZxN8 heading3_sans__ouk6_ navigation_submenuHeading__aSfVo"></h3>

WCAG2AA.Principle1.Guideline1_3.1_3_1.H42.2

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > span > img

<img src="/_next/image?url=%2Fimg%2Fstaff%2FAlistair.jpg&amp;w=640&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;h...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(3) > div:nth-child(2) > span > img

<img src="/_next/image?url=%2Fimg%2Fstaff%2FNathan.jpg&amp;w=640&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;hei...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(4) > div:nth-child(2) > span > img

<img src="/_next/image?url=%2Fimg%2Fstaff%2FLiz.jpg&amp;w=640&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(5) > div:nth-child(2) > span > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:bl...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation:  change text colour to #feffff.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(5) > div:nth-child(2) > span > noscript

<noscript><img srcSet="/_next/image?url=%...</noscript>

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(6) > div:nth-child(2) > span > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:bl...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation:  change text colour to #feffff.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(6) > div:nth-child(2) > span > noscript

<noscript><img srcSet="/_next/image?url=%...</noscript>

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(1) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(2) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(3) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(4) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(5) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(6) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(7) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(8) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > span > span > img

<img src="/img/logo.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.76:1. Recommendation:  change background to #222.

#__next > div > div:nth-child(4) > div:nth-child(2) > button

<button class="button_base__KPAl5 button_super__xLpsv"><svg width="24" height="24" fil...</button>

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(1) > a

<a class="button_base__KPAl5 button_super__xLpsv navigation_desktopDonate__uNq1e" href="/en/give">Donate</a>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(2) > button

<button class="button_base__KPAl5 button_super__xLpsv"><svg width="24" height="24" fil...</button>

color-contrast

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > span > img

<img src="/_next/image?url=%2Fimg%2Fstaff%2FAlistair.jpg&amp;w=640&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;h...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(3) > div:nth-child(2) > span > img

<img src="/_next/image?url=%2Fimg%2Fstaff%2FNathan.jpg&amp;w=640&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;hei...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(4) > div:nth-child(2) > span > img

<img src="/_next/image?url=%2Fimg%2Fstaff%2FLiz.jpg&amp;w=640&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(5) > div:nth-child(2) > span > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:bl...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(6) > div:nth-child(2) > span > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:bl...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(1) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(2) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(3) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(4) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(5) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(6) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(7) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(8) > span:nth-child(1) > img

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="roundImage_base__DD35P" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;bor...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > span > span > img

<img src="/img/logo.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100...

image-alt

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(3) > div:nth-child(4)

<div class="team_bio__t5TKf">Nathan contributes to the minis...</div>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(4) > div:nth-child(4)

<div class="team_bio__t5TKf">A social media dynamo, e-commer...</div>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(5) > div:nth-child(1) > h6

<h6 class="headingBase_base___0p3F headingBase_sans__JZxN8 headingBase_unpadded__nC4Kl heading6_loose__I0kgW heading6_uppercase__VG_cd baseColors_dark__YXPss">Assistant Operations Coordinato...</h6>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(5) > h2

<h2 class="headingBase_base___0p3F headingBase_sans__JZxN8 heading2_sans__uSQ6J">Annette Roblero Miller</h2>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(5) > div:nth-child(4)

<div class="team_bio__t5TKf">All the media on AudioVerse has...</div>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(6) > div:nth-child(1) > h6

<h6 class="headingBase_base___0p3F headingBase_sans__JZxN8 headingBase_unpadded__nC4Kl heading6_loose__I0kgW heading6_uppercase__VG_cd baseColors_dark__YXPss">Software Engineer</h6>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(6) > h2

<h2 class="headingBase_base___0p3F headingBase_sans__JZxN8 heading2_sans__uSQ6J">Matthew Leffler</h2>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) > div:nth-child(6) > div:nth-child(4)

<div class="team_bio__t5TKf">Frontend, backend, full-stack a...</div>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > h2:nth-child(4)

<h2 class="headingBase_base___0p3F">Board of Directors</h2>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > p:nth-child(5)

<p>The AudioVerse Board of Directo...</p>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(1) > span:nth-child(2)

<span class="team_name__NrJlP">Tim Arakawa</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(1) > span:nth-child(3)

<span class="team_title__zlCLl">Chairman (Co-founder) | Physici...</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(2) > span:nth-child(2)

<span class="team_name__NrJlP">Alistair Huong</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(2) > span:nth-child(3)

<span class="team_title__zlCLl">Secretary | Executive Director,...</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(3) > span:nth-child(2)

<span class="team_name__NrJlP">Vonn Williams</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(3) > span:nth-child(3)

<span class="team_title__zlCLl">Treasurer | Finance Professiona...</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(4) > span:nth-child(2)

<span class="team_name__NrJlP">Chester Clark III</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(4) > span:nth-child(3)

<span class="team_title__zlCLl">Vice President for Administrati...</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(5) > span:nth-child(2)

<span class="team_name__NrJlP">Kathy Irizarry</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(5) > span:nth-child(3)

<span class="team_title__zlCLl">Physician, Amity, Arkansas</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(6) > span:nth-child(2)

<span class="team_name__NrJlP">Eli Kim</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(6) > span:nth-child(3)

<span class="team_title__zlCLl">Physician, Chattanooga, Tenness...</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(7) > span:nth-child(2)

<span class="team_name__NrJlP">Don Mackintosh</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(7) > span:nth-child(3)

<span class="team_title__zlCLl">Director, NEWSTART Global</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(8) > span:nth-child(2)

<span class="team_name__NrJlP">Jesse Zwiker</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(6) > div:nth-child(8) > span:nth-child(3)

<span class="team_title__zlCLl">President, Hyve International</span>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(7) > a:nth-child(1)

<a class="button_base__KPAl5 button_secondary__867_K" href="/en/about/7">Our Purpose<svg width="24" heig...</a>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(7) > a:nth-child(2)

<a class="button_base__KPAl5 button_secondary__867_K" href="/en/about/1"><svg width="24" height="24" fil...</a>

color-contrast

  • https://audioverse-next-n89hfwotd-audioverse.vercel.app/en/about/12:

    This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > button

<button class="mobileHeader_more__HASDA"><svg width="24" height="24" fil...</button>

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    Anchor element found with no link content and no name and/or ID attribute.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(1) > div:nth-child(1) > a

<a><svg width="24" height="24" fil...</a>

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(1) > div:nth-child(2) > div > div > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.76:1. Recommendation:  change background to #222.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(1) > a

<a class="button_base__KPAl5 button_super__xLpsv navigation_desktopDonate__uNq1e" href="/en/give">Donate</a>

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

    Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(2) > h3

<h3 class="headingBase_base___0p3F headingBase_sans__JZxN8 heading3_sans__ouk6_ navigation_submenuHeading__aSfVo"></h3>

WCAG2AA.Principle1.Guideline1_3.1_3_1.H42.2

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > span > span > img

<img src="/img/logo.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.76:1. Recommendation:  change background to #222.

#__next > div > div:nth-child(4) > div:nth-child(2) > button

<button class="button_base__KPAl5 button_super__xLpsv"><svg width="24" height="24" fil...</button>

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(1) > a

<a class="button_base__KPAl5 button_super__xLpsv navigation_desktopDonate__uNq1e" href="/en/give">Donate</a>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(2) > button

<button class="button_base__KPAl5 button_super__xLpsv"><svg width="24" height="24" fil...</button>

color-contrast

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > span > span > img

<img src="/img/logo.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100...

image-alt

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dt:nth-child(13)

<dt>07</dt>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dd:nth-child(14)

<dd>Materials should represent a ba...</dd>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dt:nth-child(15)

<dt>08</dt>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dd:nth-child(16)

<dd>Materials should seek to provid...</dd>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dt:nth-child(17)

<dt>09</dt>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dd:nth-child(18)

<dd>Materials should be supportive ...</dd>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dt:nth-child(19)

<dt>10</dt>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dd:nth-child(20)

<dd>Materials should be completely ...</dd>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dt:nth-child(21)

<dt>11</dt>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dd:nth-child(22)

<dd>Materials should be delivered i...</dd>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dt:nth-child(23)

<dt>12</dt>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > dl > dd:nth-child(24)

<dd>Materials should be from presen...</dd>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div > a:nth-child(1)

<a class="button_base__KPAl5 button_secondary__867_K" href="/en/testimonies">Testimonials<svg width="24" hei...</a>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div > a:nth-child(2)

<a class="button_base__KPAl5 button_secondary__867_K" href="/en/about/7"><svg width="24" height="24" fil...</a>

color-contrast

  • https://audioverse-next-n89hfwotd-audioverse.vercel.app/en/about/7:

    This button element does not have a name available to an accessibility API. Valid names are: title undefined, element content, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > button

<button class="mobileHeader_more__HASDA"><svg width="24" height="24" fil...</button>

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Button.Name

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    Anchor element found with no link content and no name and/or ID attribute.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(1) > div:nth-child(1) > a

<a><svg width="24" height="24" fil...</a>

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.EmptyNoId

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(1) > div:nth-child(2) > div > div > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.76:1. Recommendation:  change background to #222.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(1) > a

<a class="button_base__KPAl5 button_super__xLpsv navigation_desktopDonate__uNq1e" href="/en/give">Donate</a>

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

    Heading tag found with no content. Text that is not intended as a heading should not be marked up with heading tags.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(2) > h3

<h3 class="headingBase_base___0p3F headingBase_sans__JZxN8 heading3_sans__ouk6_ navigation_submenuHeading__aSfVo"></h3>

WCAG2AA.Principle1.Guideline1_3.1_3_1.H42.2

    This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > input

<input name="q" type="search" autocomplete="off" placeholder="Search" value="">

WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > span > img

<img sizes="100vw" srcset="/_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(6) > div > span > span > img

<img src="/img/logo.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100...

WCAG2AA.Principle1.Guideline1_1.1_1_1.H37

    This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.76:1. Recommendation:  change background to #222.

#__next > div > div:nth-child(4) > div:nth-child(2) > button

<button class="button_base__KPAl5 button_super__xLpsv"><svg width="24" height="24" fil...</button>

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(2) > header > div:nth-child(2) > div > div:nth-child(1) > a

<a class="button_base__KPAl5 button_super__xLpsv navigation_desktopDonate__uNq1e" href="/en/give">Donate</a>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(2) > button

<button class="button_base__KPAl5 button_super__xLpsv"><svg width="24" height="24" fil...</button>

color-contrast

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > span > img

<img sizes="100vw" srcset="/_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimg%2Fhero-av-full.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2...

image-alt

    Images must have alternate text (https://dequeuniversity.com/rules/axe/4.6/image-alt?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(6) > div > span > span > img

<img src="/img/logo.svg" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100...

image-alt

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div

<div class="contentWidthLimiter_base__ghqZW">Our vision is to hasten the Sec...</div>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > dl > dt:nth-child(1)

<dt>Biblical Excellence</dt>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > dl > dd:nth-child(2)

<dd>AudioVerse holds a high standar...</dd>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > dl > dt:nth-child(3)

<dt>Reaching the World</dt>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > dl > dd:nth-child(4)

<dd>Nearly 3 billion people have ac...</dd>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > dl > dt:nth-child(5)

<dt>Giving Freely</dt>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > dl > dd:nth-child(6)

<dd>All around the world there are ...</dd>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > dl > dt:nth-child(7)

<dt>Support of the Adventist Church</dt>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > dl > dd:nth-child(8)

<dd>AudioVerse is a supporting mini...</dd>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > div:nth-child(9) > a:nth-child(1)

<a class="button_base__KPAl5 button_secondary__867_K" href="/en/about/12">Spirit of AudioVerse<svg width=...</a>

color-contrast

    Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI)

#__next > div > div:nth-child(4) > div:nth-child(1) > div:nth-child(3) > div:nth-child(5) > div > div:nth-child(9) > a:nth-child(2)

<a class="button_base__KPAl5 button_secondary__867_K" href="/en/about/1"><svg width="24" height="24" fil...</a>

color-contrast

Ommitted 927 issues due to comment length limits

jlaverde77
jlaverde77 approved these changes Aug 10, 2023
View reviewed changes
Copy link
Contributor

@jlaverde77 jlaverde77 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@jperegrino75 already did functionality testing here. Code changes look good.

@narthur narthur merged commit ecdda31 into master Aug 10, 2023
8 of 10 checks passed
@narthur narthur deleted the av-448 branch August 10, 2023 19:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@jlaverde77 jlaverde77 jlaverde77 approved these changes

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@narthur @jlaverde77