Merge pull request #436 from ShoGinn/accessibility_updates

Accessibility updates
This commit is contained in:
André B
2024-05-02 21:36:04 -04:00
committed by GitHub
5 changed files with 5 additions and 5 deletions

View File

@@ -10,7 +10,7 @@ const {
} = Astro.props; } = Astro.props;
--- ---
<button class={className} aria-label={label} data-aw-toggle-menu> <button type="button" class={className} aria-label={label} data-aw-toggle-menu>
<span class="sr-only">{label}</span> <span class="sr-only">{label}</span>
<slot> <slot>
<span <span

View File

@@ -35,7 +35,7 @@ const {
tagline={tagline} tagline={tagline}
classes={{ classes={{
container: 'mb-0 md:mb-0', container: 'mb-0 md:mb-0',
title: 'text-4xl md:text-4xl font-bold leading-tighter tracking-tighter mb-4 font-heading', title: 'text-4xl md:text-4xl font-bold tracking-tighter mb-4 font-heading',
subtitle: 'text-xl text-muted dark:text-slate-400', subtitle: 'text-xl text-muted dark:text-slate-400',
}} }}
/> />

View File

@@ -37,7 +37,7 @@ const {
tagline={tagline} tagline={tagline}
classes={{ classes={{
container: 'max-w-xl sm:mx-auto lg:max-w-2xl', container: 'max-w-xl sm:mx-auto lg:max-w-2xl',
title: 'text-4xl md:text-5xl font-bold leading-tighter tracking-tighter mb-4 font-heading', title: 'text-4xl md:text-5xl font-bold tracking-tighter mb-4 font-heading',
subtitle: 'max-w-3xl mx-auto sm:text-center text-xl text-muted dark:text-slate-400', subtitle: 'max-w-3xl mx-auto sm:text-center text-xl text-muted dark:text-slate-400',
}} }}
/> />

View File

@@ -92,7 +92,7 @@ const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
<li class={links?.length ? 'dropdown' : ''}> <li class={links?.length ? 'dropdown' : ''}>
{links?.length ? ( {links?.length ? (
<> <>
<button class="hover:text-link dark:hover:text-white px-4 py-3 flex items-center"> <button type="button" class="hover:text-link dark:hover:text-white px-4 py-3 flex items-center">
{text}{' '} {text}{' '}
<Icon name="tabler:chevron-down" class="w-3.5 h-3.5 ml-0.5 rtl:ml-0 rtl:mr-0.5 hidden md:inline" /> <Icon name="tabler:chevron-down" class="w-3.5 h-3.5 ml-0.5 rtl:ml-0 rtl:mr-0.5 hidden md:inline" />
</button> </button>

View File

@@ -48,7 +48,7 @@ const {
<span class="text-base leading-6 lowercase text-gray-600 dark:text-slate-400">{period}</span> <span class="text-base leading-6 lowercase text-gray-600 dark:text-slate-400">{period}</span>
</div> </div>
{items && ( {items && (
<ul role="list" class="my-8 md:my-10 space-y-2 text-left"> <ul class="my-8 md:my-10 space-y-2 text-left">
{items.map( {items.map(
({ description, icon }) => ({ description, icon }) =>
description && ( description && (