Fix homepage small a11y issues

This commit is contained in:
mfrachet 2021-09-10 14:23:34 +02:00
parent fab2a6f46b
commit 3b05dc958a
2 changed files with 9 additions and 5 deletions

View File

@ -88,6 +88,8 @@ const SocialLinks = () => {
return ( return (
<Box <Box
as="aside"
aria-labelledby="join-the-community"
background="neutral0" background="neutral0"
hasRadius hasRadius
paddingRight={5} paddingRight={5}
@ -99,7 +101,7 @@ const SocialLinks = () => {
<Box paddingBottom={7}> <Box paddingBottom={7}>
<Stack size={5}> <Stack size={5}>
<Stack size={3}> <Stack size={3}>
<H3> <H3 as="h2" id="join-the-community">
{formatMessage({ {formatMessage({
id: 'app.components.HomePage.community', id: 'app.components.HomePage.community',
defaultMessage: 'Join the community', defaultMessage: 'Join the community',

View File

@ -917,7 +917,8 @@ describe('Homepage', () => {
<div <div
class="" class=""
> >
<div <aside
aria-labelledby="join-the-community"
class="c34" class="c34"
> >
<div <div
@ -929,11 +930,12 @@ describe('Homepage', () => {
<div <div
class="c36" class="c36"
> >
<h3 <h2
class="c37" class="c37"
id="join-the-community"
> >
Join the community Join the community
</h3> </h2>
<span <span
class="c12 c38" class="c12 c38"
> >
@ -1288,7 +1290,7 @@ describe('Homepage', () => {
</div> </div>
</div> </div>
</div> </div>
</div> </aside>
</div> </div>
</div> </div>
</div> </div>