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:
@@ -2,7 +2,11 @@ import { levelVariants } from "../../variants"
|
||||
|
||||
import type { LevelProps } from "../../levels"
|
||||
|
||||
export default function ScandicFriends({ className, color }: LevelProps) {
|
||||
export default function ScandicFriends({
|
||||
className,
|
||||
"aria-label": ariaLabel,
|
||||
color,
|
||||
}: LevelProps) {
|
||||
const classNames = levelVariants({
|
||||
className,
|
||||
color,
|
||||
@@ -11,6 +15,8 @@ export default function ScandicFriends({ className, color }: LevelProps) {
|
||||
<svg
|
||||
className={classNames}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
// eslint-disable-next-line formatjs/no-literal-string-in-jsx
|
||||
aria-label={ariaLabel ?? "SCANDIC FRIENDS"}
|
||||
width="197"
|
||||
height="75"
|
||||
viewBox="0 0 197 75"
|
||||
|
||||
Reference in New Issue
Block a user