Merge pull request #10933 from strapi/fix-hopmepage-a11y-issues

Fix homepage small a11y issues
This commit is contained in:
cyril lopez 2021-09-13 07:00:18 +02:00 committed by GitHub
commit 62c269ba2b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 6 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

@ -60,7 +60,7 @@ const HomePage = () => {
</FormattedMessage>
<Main labelledBy="homepage">
<LogoContainer>
<img alt="Strapi logo" src={Logo} />
<img alt="" aria-hidden src={Logo} />
</LogoContainer>
<Box padding={10}>
<Grid>

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>