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:
@@ -1,6 +1,7 @@
|
||||
import { iconVariants } from '../../variants'
|
||||
|
||||
import type { IconProps } from '../../icon'
|
||||
import { getIconAriaProps } from '../../utils'
|
||||
|
||||
export default function MdiBunkBedIcon({
|
||||
className,
|
||||
@@ -9,6 +10,8 @@ export default function MdiBunkBedIcon({
|
||||
...props
|
||||
}: IconProps) {
|
||||
const classNames = iconVariants({ className, color })
|
||||
const ariaProps = getIconAriaProps(props)
|
||||
|
||||
return (
|
||||
<svg
|
||||
className={classNames}
|
||||
@@ -18,6 +21,7 @@ export default function MdiBunkBedIcon({
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
{...ariaProps}
|
||||
>
|
||||
<path
|
||||
d="M2 3.90909C2 3.40701 2.40701 3 2.90909 3C3.41117 3 3.81818 3.40701 3.81818 3.90909V9.33333H10.1818V4.90476C10.1818 4.35248 10.6295 3.90476 11.1818 3.90476H18.3636C20.3636 3.90476 22 5.53333 22 7.52381V21.0909C22 21.593 21.593 22 21.0909 22C20.5888 22 20.1818 21.593 20.1818 21.0909V20.1905H3.81818V21.0909C3.81818 21.593 3.41117 22 2.90909 22C2.40701 22 2 21.593 2 21.0909V3.90909ZM12 5.71429V9.33333H20.1818V7.52381C20.1818 6.52857 19.3636 5.71429 18.3636 5.71429H12ZM3.81818 11.1429V18.381H10.1818V13.9524C10.1818 13.4001 10.6295 12.9524 11.1818 12.9524H18.3636C19 12.9524 19.6364 13.1333 20.1818 13.4952V11.1429H3.81818ZM12 14.7619V18.381H20.1818V16.5714C20.1818 15.5762 19.3636 14.7619 18.3636 14.7619H12Z"
|
||||
|
||||
Reference in New Issue
Block a user