diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-06-07 17:44:17 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-06-07 17:44:17 +0200 |
| commit | a640a5dee88f82398111142d6a4ca089bf0924cb (patch) | |
| tree | 3e786789f8dfdb42d9e524171d2dfa5812c1fff0 /src/components/atoms/icons/computer-screen.tsx | |
| parent | 22eeede34778d8e903a1999bfc6bc715c361d9ce (diff) | |
| parent | b1103a9554c5593c065466d1e289db2680cf2993 (diff) | |
chore: improve accessibility (#20)
Improve images, code blocks, cards and progress bar accessibility.
Diffstat (limited to 'src/components/atoms/icons/computer-screen.tsx')
| -rw-r--r-- | src/components/atoms/icons/computer-screen.tsx | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/src/components/atoms/icons/computer-screen.tsx b/src/components/atoms/icons/computer-screen.tsx index 8786139..9293316 100644 --- a/src/components/atoms/icons/computer-screen.tsx +++ b/src/components/atoms/icons/computer-screen.tsx @@ -3,6 +3,10 @@ import styles from './computer-screen.module.scss'; export type ComputerScreenProps = { /** + * Should the svg be hidden from assistive technologies? + */ + 'aria-hidden'?: boolean; + /** * Set additional classnames to the icon. */ className?: string; @@ -13,12 +17,16 @@ export type ComputerScreenProps = { * * Render a computer screen svg icon. */ -const ComputerScreen: FC<ComputerScreenProps> = ({ className = '' }) => { +const ComputerScreen: FC<ComputerScreenProps> = ({ + className = '', + ...props +}) => { return ( <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" className={`${styles.icon} ${className}`} + {...props} > <path d="M 1.0206528,11.991149 H 98.979347 V 78.466748 H 1.0206528 Z" |