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

View File

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