365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance accessibility and structure across multiple components

Browse Source 
- Updated the ContactForm component to include labels and aria-describedby attributes for better accessibility.
- Improved the Button component by conditionally adding aria-labels based on text input.
- Enhanced the Form component with aria-describedby attributes for validation feedback.
- Refactored the Layout component to include semantic HTML5 elements for better structure and accessibility.
- Updated the 404 page metadata for improved SEO and user experience.
This commit is contained in:
Richard Bergsma
2025-06-24 21:05:49 +02:00
parent 0b16ad5a28
commit 3847f415d6
5 changed files with 41 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/layouts/Layout.astro
View File

@@ -67,9 +67,19 @@ const { language, textDirection } = I18N;
<body class="antialiased text-default bg-page tracking-tight">
<GlobalBackground />
<slot name="structured-data" />
<slot />
<header role="banner">
<slot name="header" />
</header>
<nav role="navigation" aria-label="Main navigation">
<slot name="navigation" />
</nav>
<main role="main">
<slot name="structured-data" />
<slot />
</main>
<footer role="contentinfo">
<slot name="footer" />
</footer>
<BasicScripts />
<LanguagePersistence />
<CookieBanner />