scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat/BOOK-117 svg accessibility

Browse Source 
* feat(BOOK-117): Added aria-label to Scandic Friends levels
* feat(BOOK-117): Added aria-label to hotel logos
* feat(BOOK-117): Added alt text to app download images
* feat(BOOK-117): Added same logo component to footer as the one in the header
* feat(BOOK-117): Added aria attributes to icons similar to how we handled MaterialIcon aria attributes

Approved-by: Bianca Widstam
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-11-13 06:34:18 +00:00
parent c4b564998c
commit ce469bc4b4
117 changed files with 541 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/design-system/lib/components/Icons/Nucleo/Experiences/bowling-pins.tsx
View File

@@ -1,20 +1,11 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
import { getNucleoIconProps } from '../utils'
function BowlingPins(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
const { fill, strokewidth, ...iconProps } = getNucleoIconProps(props)
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...iconProps}>
<g
fill={fill}
strokeLinecap="round"

15
packages/design-system/lib/components/Icons/Nucleo/Experiences/palm-tree-2.tsx
View File

@@ -1,20 +1,11 @@
import { colorVariants } from '../colorVariants'
import type { NucleoIconProps } from '../../icon'
import { getNucleoIconProps } from '../utils'
function PalmTree2(props: NucleoIconProps) {
const fill = props.color ? colorVariants[props.color] : 'currentColor'
const strokewidth = props.strokewidth || 2
const width = props.size || '1em'
const height = props.size || '1em'
const { fill, strokewidth, ...iconProps } = getNucleoIconProps(props)
return (
<svg
height={height}
width={width}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...iconProps}>
<g
fill={fill}
strokeLinecap="round"