add assistive technology accessible label for search input in settings modal
This commit is contained in:
		
							parent
							
								
									af0f2a678e
								
							
						
					
					
						commit
						7fd5304e76
					
				| 
						 | 
				
			
			@ -571,10 +571,12 @@
 | 
			
		|||
							strokeWidth={($settings.highContrastMode ?? false) ? '3' : '1.5'}
 | 
			
		||||
						/>
 | 
			
		||||
					</div>
 | 
			
		||||
					<label class="sr-only" for="search-input-settings-modal">{$i18n.t('Search')}</label>
 | 
			
		||||
					<input
 | 
			
		||||
						class={`w-full py-1.5 text-sm bg-transparent dark:text-gray-300 outline-hidden
 | 
			
		||||
								${($settings.highContrastMode ?? false) ? 'placeholder-gray-800' : ''}`}
 | 
			
		||||
						bind:value={search}
 | 
			
		||||
						id="search-input-settings-modal"
 | 
			
		||||
						on:input={searchDebounceHandler}
 | 
			
		||||
						placeholder={$i18n.t('Search')}
 | 
			
		||||
					/>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue