d5e19e45cd
* Fixed semantic problem in navigation-bar.svelte Closes [4574] * Reintroduced styling for navigation-bar.svelte Based on button styling * Horizontal rule set as decoration in navigation-bar.svelte * aria-current added as an assistive technology indication for current page Horizontal rule indicates current page for users that can see the screen and with aria-current screen-reader users get the same information * Temporary fix for accessibility name of the link when SVG replaces text This is a temporary fix as we first need to fix the svelte-material-icons to support role="img" on rendered SVGs. * fix(web): horizontal rule replaced with div hr is not semantically correct, therefore we tried with role="decoration" (that should be role="presentation") but it's actually better to just use a div as it's best practice to not override semantics when we can avoid that... Btw. the semantics for active element for assistive technology is added with previous commit setting aria-current on the link... * chore: format --------- Co-authored-by: Jason Rasmussen <jrasm91@gmail.com> |
||
|---|---|---|
| .. | ||
| __mocks__ | ||
| src | ||
| static | ||
| .dockerignore | ||
| .eslintignore | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| .npmrc | ||
| .prettierignore | ||
| .prettierrc | ||
| babel.config.cjs | ||
| Dockerfile | ||
| entrypoint.sh | ||
| how-to-scroll-like-google.md | ||
| jest.config.mjs | ||
| LICENSE | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.cjs | ||
| README.md | ||
| svelte.config.js | ||
| tailwind.config.cjs | ||
| tsconfig.json | ||
| vite.config.js | ||
create-svelte
Everything you need to build a Svelte project, powered by create-svelte.
Creating a project
If you're seeing this, you've probably already done this step. Congrats!
# create a new project in the current directory
npm init svelte
# create a new project in my-app
npm init svelte my-app
Developing
Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
Building
To create a production version of your app:
npm run build
You can preview the production build with npm run preview.
To deploy your app, you may need to install an adapter for your target environment.