Skip to content

enh(a11y): tag icons and emojis as aria-hidden #2730

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

Draft
tituspijean wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

enh(a11y): tag icons and emojis as aria-hidden #2730

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 12 additions & 12 deletions docs/admin/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,31 +24,31 @@ an **operating system** aiming to **simplify server administration**!
If you are an **impatient power user**, you may want to try YunoHost, or jump right away to install:

<div class="text--center">
<Button url="/admin/what_is_yunohost">🤔 What's YunoHost?!</Button>
<Button url="/admin/what_is_yunohost/demo">⚗️ Try YunoHost</Button>
<Button url="/admin/get_started/install_on">🚀 Install</Button>
<Button url="/admin/what_is_yunohost" icon="🤔">What's YunoHost?!</Button>
<Button url="/admin/what_is_yunohost/demo" icon="⚗️ ">Try YunoHost</Button>
<Button url="/admin/get_started/install_on" icon="🚀">Install</Button>
<br/>
<Button url="https://apps.yunohost.org/">📦 Browse the app catalog</Button>
<Button url="https://apps.yunohost.org/" icon="📦">Browse the app catalog</Button>
</div>

Are you **new to self-hosting and servers in general**? We recommend to take it slow and go through the pages presenting [self-hosting](/admin/about_self_hosting), the [different modes](/admin/get_started/methods) and [other](/admin/get_started/why_should_you_not_host_yourself) [things](/category/providers) you should know prior to jumping into the action!

Are you **already using YunoHost**? You may want to get in touch with the community or reach for help:

<div class="text--center">
<Button url="https://forum.yunohost.org">📢 Forum</Button>
<Button url="/community/chat_rooms">🗫 Chat rooms</Button>
<Button url="/community/help">🛟 Help</Button>
<Button url="https://forum.yunohost.org" icon="📢">Forum</Button>
<Button url="/community/chat_rooms" icon="🗫 ">Chat rooms</Button>
<Button url="/community/help" icon="🛟">Help</Button>
</div>

Finally, you can **support the project** or get involve in [different ways](/dev):

<div class="text--center">
<Button url="https://yunohost.org/donate.html">💰 Donate</Button>
<Button url="/dev/doc">📝 Improve the documentation</Button>
<Button url="/dev/doc">🌐 Work on translations</Button>
<Button url="/dev/packaging">📦 Learn app packaging</Button>
<Button url="/dev/core">⚙️ Develop on the core</Button>
<Button url="https://yunohost.org/donate.html" icon="💰">Donate</Button>
<Button url="/dev/doc" icon="📝">Improve the documentation</Button>
<Button url="/dev/doc" icon="🌐">Work on translations</Button>
<Button url="/dev/packaging" icon="📦">Learn app packaging</Button>
<Button url="/dev/core" icon="⚙️">Develop on the core</Button>
</div>

</div>
9 changes: 8 additions & 1 deletion src/components/Button.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import Link from "@docusaurus/Link";

export default function Button({
children,
icon,
url,
backgroundColor,
border,
Expand All @@ -12,6 +13,7 @@ export default function Button({
margin,
}: {
children: ReactNode;
icon: string;
url: string;
backgroundColor: string;
border: string;
Expand All @@ -36,7 +38,12 @@ export default function Button({
fontWeight: "bold",
}}
>
{children}
{% if icon is defined %}
<span aria-hidden="true">
{icon}
</span>
{% endif %}
{children}
</div>
</Link>
);
Expand Down