Getting started
Developing

Front-end developers at Svenska Spel deliver high-quality, production-ready code that powers our digital ecosystem. To maintain continuous operations and ensure excellence across all our applications, we leverage a comprehensive suite of tools, patterns, and development standards.

Our unified Design Language and system ensures consistency and professionalism across all digital platforms, delivering an optimal user experience in every product. By utilizing pre-defined design elements and components, development teams reduce implementation time and increase productivity—enabling more focus on solving complex problems and creating innovative solutions.

Repositories

Nova is our centralized development platform—a monorepo architecture that consolidates all applications and packages required for building Svenska Spel's web properties.

The Nova-SDK provides comprehensive documentation covering all aspects of development within our ecosystem:

Core Concepts: Fundamental principles and architectural patterns
Application Development: Guidelines for building and structuring your applications
Shared Packages: Best practices for developing reusable packages
Testing Strategies: Comprehensive testing approaches and methodologies
CMS Integration: Content management system documentation and workflows
Troubleshooting: Common issues and their solutions

Visit Nova-SDK to explore these topics and access additional resources essential for development.

Nova-SDK

Github

Storybook

Accessibility

Svenska Spel is legally required to comply with WCAG 2.1 Level AA standards. This ensures that all digital products are accessible to users with disabilities, regardless of their abilities or assistive technologies.

Accessibility Requirements

All development work must adhere to the following accessibility standards to ensure inclusive user experiences:

Alternative Text for Images: Provide descriptive alt text for all images to support users with visual impairments who rely on screen readers to interpret page content.
Responsive Text Sizing: Implement scalable text that allows users with low vision to adjust font sizes without breaking layouts or losing functionality.
Keyboard Navigation: Ensure full keyboard accessibility for users who cannot use a mouse, including those utilizing assistive technologies such as sip-and-puff devices or voice-controlled navigation systems.
Color Contrast Compliance: Maintain sufficient contrast ratios between text and background colors to ensure readability for users with visual disabilities or color blindness.
Semantic HTML Structure: Use proper HTML5 semantic elements to provide meaningful document structure and improve accessibility for all assistive technologies.
WAI-ARIA Implementation: Apply WAI-ARIA attributes correctly when building custom components to ensure proper communication with screen readers and other assistive technologies.

For comprehensive guidelines and best practices, refer to the W3C Web Accessibility Initiative development guidelines .

Contribute

Do you have feedback or would you like to contribute?

The design system is constantly changing, do you want to contribute or are you thinking of improvements? Feel free to share your thoughts and ideas with us at Design tech.

Teams Design System