Fix aria label input component (#916)

* If ariaLabel hide label for screen-readers * Bump version
statisticsnorway · Nov 30, 2023 · 428b8ce · 428b8ce
1 parent 7a94d38
commit 428b8ce
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@statisticsnorway/ssb-component-library",
-  "version": "2.0.95",
+  "version": "2.0.96",
   "description": "Component library for SSB (Statistics Norway)",
   "main": "lib/bundle.js",
   "scripts": {

diff --git a/src/components/Input/index.jsx b/src/components/Input/index.jsx
@@ -23,7 +23,7 @@ const Input = forwardRef(({
 
 	return (
 		<div className={`ssb-input${negative ? ' negative' : ''}${error ? ' error' : ''}${size === 'lg' ? ' input-lg' : ''}${className ? ` ${className}` : ''}`}>
-			{label && <label htmlFor={inputId}>{label}</label>}
+			{label && <label aria-hidden={ariaLabel ? true : undefined} htmlFor={inputId}>{label}</label>}
 			<div ref={ref} className="input-wrapper" role={searchField ? 'search' : role} aria-label={ariaLabelWrapper}>
 				<input
 					id={inputId}