Make mobile scroll transitions much smoother #459

narthur · 2023-08-30T14:42:45Z

Card: https://audioverse7.atlassian.net/jira/software/projects/AV/boards/3?selectedIssue=AV-467

vercel · 2023-08-30T14:42:50Z

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	Sep 13, 2023 5:43pm

github-actions · 2023-08-30T14:46:11Z

📦 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.79 KB` (-15 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!

github-actions · 2023-08-30T14:54:18Z

Lighthouse Results

github-actions · 2023-08-30T15:00:38Z

🔬 pa11y-ci results

Number of URLs tested: 932
Number of errors found: 47667. 😭

See results 👀

https://audioverse-next-ivissf63l-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" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block...

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; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-he...

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" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block...

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; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-he...

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-ivissf63l-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-ivissf63l-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-ivissf63l-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 928 issues due to comment length limits

narthur · 2023-09-01T20:14:10Z

@jlaverde77 This one is ready for review when you get a minute.

narthur added 2 commits August 30, 2023 10:39

smooth mobile header transitions

320e9f1

mobile scroll transitions

7247795

narthur self-assigned this Aug 30, 2023

narthur requested a review from jlaverde77 as a code owner August 30, 2023 14:42

vercel bot deployed to Preview August 30, 2023 14:45 View deployment

Merge branch 'master' into av-467

14d03bf

vercel bot deployed to Preview September 1, 2023 20:31 View deployment

jlaverde77 approved these changes Sep 13, 2023

View reviewed changes

Merge branch 'master' into av-467

edda727

jlaverde77 merged commit 3b0eef9 into master Sep 13, 2023
7 of 8 checks passed

jlaverde77 deleted the av-467 branch September 13, 2023 17:41

vercel bot deployed to Preview September 13, 2023 17:43 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Make mobile scroll transitions much smoother #459

Make mobile scroll transitions much smoother #459

narthur commented Aug 30, 2023

vercel bot commented Aug 30, 2023 •

edited

Loading

github-actions bot commented Aug 30, 2023 •

edited

Loading

github-actions bot commented Aug 30, 2023 •

edited

Loading

github-actions bot commented Aug 30, 2023 •

edited

Loading

narthur commented Sep 1, 2023

Make mobile scroll transitions much smoother #459

Make mobile scroll transitions much smoother #459

Conversation

narthur commented Aug 30, 2023

vercel bot commented Aug 30, 2023 • edited Loading

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

📦 Next.js Bundle Analysis for audioverse-next

🎉 Global Bundle Size Decreased

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

Lighthouse Results

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

🔬 pa11y-ci results

narthur commented Sep 1, 2023

vercel bot commented Aug 30, 2023 •

edited

Loading

github-actions bot commented Aug 30, 2023 •

edited

Loading

github-actions bot commented Aug 30, 2023 •

edited

Loading

github-actions bot commented Aug 30, 2023 •

edited

Loading