Previous technique
Next technique

Identify required inputs

WCAG 2.2
A
#inputs#labels
<div class="form-group">
	<label for="name">
		Name
		<span class="required" aria-hidden="true">*</span>
		<span class="sr-only">required</span>
	</label>
	<input type="text" id="name" name="name" autocomplete="name" />
</div>
.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	margin: -1px !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}
Source of this technique  Opens in a new window

Learn more about the related success criteria: