Feat/BOOK-117 svg accessibility

* 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

View File

@@ -1,9 +1,12 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function CoolingIcon({ className, color, ...props }: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -13,6 +16,7 @@ export default function CoolingIcon({ className, color, ...props }: IconProps) {
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<path
d="M4.125 21.75C3.60937 21.75 3.16796 21.5664 2.80077 21.1992C2.43359 20.832 2.25 20.3906 2.25 19.875V4.125C2.25 3.60937 2.43359 3.16796 2.80077 2.80078C3.16796 2.43359 3.60937 2.25 4.125 2.25H19.875C20.3906 2.25 20.832 2.43359 21.1992 2.80078C21.5664 3.16796 21.75 3.60937 21.75 4.125V19.875C21.75 20.3906 21.5664 20.832 21.1992 21.1992C20.832 21.5664 20.3906 21.75 19.875 21.75H4.125ZM4.125 19.875H19.875V4.125H4.125V19.875Z"