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,6 +1,7 @@
import { iconVariants } from '../../variants'
import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'
export default function ViewIcon({
className,
@@ -9,6 +10,8 @@ export default function ViewIcon({
...props
}: IconProps) {
const classNames = iconVariants({ className, color })
const ariaProps = getIconAriaProps(props)
return (
<svg
className={classNames}
@@ -18,6 +21,7 @@ export default function ViewIcon({
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
{...ariaProps}
>
<path
d="M7.13748 17.0121H16.8826C17.0775 17.0121 17.2208 16.9267 17.3125 16.7559C17.4041 16.585 17.3875 16.4204 17.2625 16.2621L14.575 12.6871C14.4807 12.5621 14.3551 12.4996 14.198 12.4996C14.041 12.4996 13.9166 12.5621 13.825 12.6871L11.25 16.1121L9.42498 13.6996C9.33074 13.5746 9.2051 13.5121 9.04805 13.5121C8.891 13.5121 8.76664 13.5746 8.67498 13.6996L6.76588 16.2603C6.63861 16.4198 6.62185 16.585 6.7156 16.7559C6.80935 16.9267 6.94998 17.0121 7.13748 17.0121Z"