be-a11y/index.html at main · BeAPI/be-a11y · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Be a11y</title>
    </head>
    <body>
        <main class="wrapper">
            <aside class="sidebar">
                <p>Be a11y</p>
                <nav>
                    <ul>
                        <li><a href="examples/accessible-accordion/index.html">Accordion</a></li>
                        <li><a href="examples/accessible-dialog/">Dialog</a></li>
                        <li><a href="examples/accessible-dropdown/">Dropdown</a></li>
                        <li><a href="examples/accessible-link/index.html">Link</a></li>
                        <li><a href="examples/accessible-modal/index.html">Modal</a></li>
                        <li><a href="examples/accessible-slider/index.html">Slider</a></li>
                        <li><a href="examples/accessible-tabs/index.html">Tabs</a></li>
                        <li><a href="examples/accessible-toggle/index.html">Toggle</a></li>
                    </ul>
                </nav>
            </aside>
            <div class="content">
                <h1>Be a11y</h1>

                <p>This project is a comprehensive collection of accessible and reusable components designed to enhance the user experience of your web applications. The components included in this repository are built with accessibility in mind, ensuring that they are usable by a wide range of users, including those with disabilities.</p>

                <p>The collection currently includes a variety of components such as tabs, accordions, and modal dialogs. These components are designed to be flexible and customizable, allowing you to easily integrate them into your existing projects or create new ones.</p>

                <p>Whether you're building a simple website or a complex web application, this repository provides a valuable resource for improving the accessibility and usability of your project. By using these components, you can ensure that your application is inclusive and easy to use for all users.</p>
            </div>
        </main>

        <script type="module">
            import './src/css/index.css'
        </script>
    </body>
</html>