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

3
packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Road.tsx
View File

@@ -1,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function RoadIcon({
className,
@@ -9,6 +10,7 @@ export default function RoadIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +20,7 @@ export default function RoadIcon({
viewBox="0 0 24 24"
fill="none"
{...props}
{...ariaProps}
>
<path
d="M5 20C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44772 4 5 4C5.55228 4 6 4.44772 6 5V19C6 19.5523 5.55228 20 5 20ZM12 20C11.4477 20 11 19.5523 11 19V17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17V19C13 19.5523 12.5523 20 12 20ZM19 20C18.4477 20 18 19.5523 18 19V5C18 4.44772 18.4477 4 19 4C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20ZM12 14C11.4477 14 11 13.5523 11 13V11C11 10.4477 11.4477 10 12 10C12.5523 10 13 10.4477 13 11V13C13 13.5523 12.5523 14 12 14ZM12 8C11.4477 8 11 7.55228 11 7V5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5V7C13 7.55228 12.5523 8 12 8Z"