diff --git a/demos/client-example/src/App.tsx b/demos/client-example/src/App.tsx
index 20b0cd88bb..9bc6bc4074 100644
--- a/demos/client-example/src/App.tsx
+++ b/demos/client-example/src/App.tsx
@@ -179,6 +179,7 @@ function App(props: AppProps) {
                                             dappName={config.dappName}
                                             value={account}
                                             onChange={setAccount}
+                                            aria-label="Select account"
                                         />
                                     </FormControl>
                                 ) : (
@@ -189,9 +190,10 @@ function App(props: AppProps) {
                                         id="email"
                                         label="Email"
                                         type="text"
-                                        autoComplete="Email"
+                                        autoComplete="email"
                                         autoCapitalize="none"
                                         onChange={(e) => setEmail(e.target.value)}
+                                        aria-label="Email"
                                     />
                                 </FormControl>
 
@@ -201,8 +203,9 @@ function App(props: AppProps) {
                                             id="name"
                                             label="Name"
                                             type="text"
-                                            autoComplete="Name"
+                                            autoComplete="name"
                                             onChange={(e) => setName(e.target.value)}
+                                            aria-label="Name"
                                         />
                                     </FormControl>
                                 )}
@@ -212,8 +215,9 @@ function App(props: AppProps) {
                                         id="password"
                                         label="Password"
                                         type="password"
-                                        autoComplete="Password"
+                                        autoComplete="password"
                                         onChange={(e) => setPassword(e.target.value)}
+                                        aria-label="Password"
                                     />
                                 </FormControl>
 
@@ -222,9 +226,14 @@ function App(props: AppProps) {
                                         <ProcaptchaFrictionless
                                             config={config}
                                             callbacks={{ onError, onHuman, onExpired }}
+                                            aria-label="Frictionless captcha"
                                         />
                                     ) : (
-                                        <Procaptcha config={config} callbacks={{ onError, onHuman, onExpired }} />
+                                        <Procaptcha
+                                            config={config}
+                                            callbacks={{ onError, onHuman, onExpired }}
+                                            aria-label="Captcha"
+                                        />
                                     )}
                                 </FormControl>
                                 <FormControl>
@@ -233,6 +242,7 @@ function App(props: AppProps) {
                                             <Button
                                                 variant="contained"
                                                 onClick={onActionHandler}
+                                                aria-label={isLogin ? 'Login' : 'Sign up'}
                                                 disabled={!procaptchaToken}
                                             >
                                                 {isLogin ? 'Login' : 'Sign up'}
@@ -242,7 +252,12 @@ function App(props: AppProps) {
                                                     <Typography>- or -</Typography>
                                                 </Box>
                                             </Box>
-                                            <Button onClick={onChangeHandler}>{isLogin ? 'Signup' : 'Login'}</Button>
+                                            <Button
+                                                onClick={onChangeHandler}
+                                                aria-label={isLogin ? 'Sign up' : 'Login'}
+                                            >
+                                                {isLogin ? 'Sign up' : 'Login'}
+                                            </Button>
                                         </Stack>
                                     </Box>
                                 </FormControl>
diff --git a/packages/procaptcha-pow/src/components/Captcha.tsx b/packages/procaptcha-pow/src/components/Captcha.tsx
index ad02c4e3ae..d70481ca46 100644
--- a/packages/procaptcha-pow/src/components/Captcha.tsx
+++ b/packages/procaptcha-pow/src/components/Captcha.tsx
@@ -89,13 +89,17 @@ const Procaptcha = (props: ProcaptchaProps) => {
                                             >
                                                 <div style={{ flex: 1 }}>
                                                     {state.loading ? (
-                                                        <LoadingSpinner themeColor={themeColor} />
+                                                        <LoadingSpinner
+                                                            themeColor={themeColor}
+                                                            aria-label="Loading spinner"
+                                                        />
                                                     ) : (
                                                         <Checkbox
                                                             checked={state.isHuman}
                                                             onChange={manager.start}
                                                             themeColor={themeColor}
                                                             labelText={'I am human'}
+                                                            aria-label="human checkbox"
                                                         ></Checkbox>
                                                     )}
                                                 </div>
@@ -107,7 +111,7 @@ const Procaptcha = (props: ProcaptchaProps) => {
                                 <div style={{ display: 'inline-flex', flexDirection: 'column' }}>
                                     <a href={WIDGET_URL} target="_blank" aria-label={WIDGET_URL_TEXT}>
                                         <div style={{ flex: 1 }}>
-                                            <Logo themeColor={themeColor}></Logo>
+                                            <Logo themeColor={themeColor} aria-label="Prosopo logo"></Logo>
                                         </div>
                                     </a>
                                 </div>
diff --git a/packages/procaptcha-react/src/components/Button.tsx b/packages/procaptcha-react/src/components/Button.tsx
index b5bf23b3a0..bdd4e99c4f 100644
--- a/packages/procaptcha-react/src/components/Button.tsx
+++ b/packages/procaptcha-react/src/components/Button.tsx
@@ -83,6 +83,7 @@ const Button: React.FC<ButtonProps> = ({ themeColor, buttonType, text, onClick }
                 e.preventDefault()
                 onClick()
             }}
+            aria-label={text}
         >
             {text}
         </button>
diff --git a/packages/procaptcha-react/src/components/CaptchaComponent.tsx b/packages/procaptcha-react/src/components/CaptchaComponent.tsx
index ef17030730..4a15a49696 100644
--- a/packages/procaptcha-react/src/components/CaptchaComponent.tsx
+++ b/packages/procaptcha-react/src/components/CaptchaComponent.tsx
@@ -138,13 +138,15 @@ const CaptchaComponent = ({
                             buttonType="cancel"
                             onClick={onCancel}
                             text={t('WIDGET.CANCEL')}
-                        ></Button>
+                            aria-label={t('WIDGET.CANCEL')}
+                        />
                         <Button
                             themeColor={themeColor}
                             buttonType="next"
                             text={index < challenge.captchas.length - 1 ? t('WIDGET.NEXT') : t('WIDGET.SUBMIT')}
                             onClick={index < challenge.captchas.length - 1 ? onNext : onSubmit}
-                        ></Button>
+                            aria-label={index < challenge.captchas.length - 1 ? t('WIDGET.NEXT') : t('WIDGET.SUBMIT')}
+                        />
                     </div>
                 </div>
             </div>
diff --git a/packages/procaptcha-react/src/components/CaptchaWidget.tsx b/packages/procaptcha-react/src/components/CaptchaWidget.tsx
index 9de68a8aa5..7df2cfad5b 100644
--- a/packages/procaptcha-react/src/components/CaptchaWidget.tsx
+++ b/packages/procaptcha-react/src/components/CaptchaWidget.tsx
@@ -138,6 +138,7 @@ export const CaptchaWidget = ({ challenge, solution, onClick, themeColor }: Capt
                                         aria-hidden="true"
                                         viewBox="0 0 24 24"
                                         data-testid="CheckIcon"
+                                        aria-label="Check icon"
                                     >
                                         <path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
                                     </svg>
diff --git a/packages/procaptcha-react/src/components/ProcaptchaWidget.tsx b/packages/procaptcha-react/src/components/ProcaptchaWidget.tsx
index 311a98183f..45baf63c97 100644
--- a/packages/procaptcha-react/src/components/ProcaptchaWidget.tsx
+++ b/packages/procaptcha-react/src/components/ProcaptchaWidget.tsx
@@ -108,6 +108,7 @@ const ProcaptchaWidget = (props: ProcaptchaProps) => {
                                                     onChange={manager.start}
                                                     checked={state.isHuman}
                                                     labelText="I am human"
+                                                    aria-label="human checkbox"
                                                 />
                                             </div>
                                             <div
@@ -116,7 +117,10 @@ const ProcaptchaWidget = (props: ProcaptchaProps) => {
                                                 }}
                                             >
                                                 <div style={{ display: 'inline-flex' }}>
-                                                    <LoadingSpinner themeColor={themeColor} />
+                                                    <LoadingSpinner
+                                                        themeColor={themeColor}
+                                                        aria-label="Loading spinner"
+                                                    />
                                                 </div>
                                             </div>
                                         </div>
@@ -125,7 +129,7 @@ const ProcaptchaWidget = (props: ProcaptchaProps) => {
                                 <div style={{ display: 'inline-flex', flexDirection: 'column' }}>
                                     <a href={WIDGET_URL} target="_blank" aria-label={WIDGET_URL_TEXT}>
                                         <div style={{ flex: 1 }}>
-                                            <Logo themeColor={themeColor}></Logo>
+                                            <Logo themeColor={themeColor} aria-label="Prosopo logo"></Logo>
                                         </div>
                                     </a>
                                 </div>
diff --git a/packages/web-components/src/CaptchaPlaceholder.tsx b/packages/web-components/src/CaptchaPlaceholder.tsx
index 8c05dd68ff..5c260fd73a 100644
--- a/packages/web-components/src/CaptchaPlaceholder.tsx
+++ b/packages/web-components/src/CaptchaPlaceholder.tsx
@@ -75,7 +75,10 @@ export const ProcaptchaPlaceholder = (props: PlaceholderProps) => {
                                                 }}
                                             >
                                                 <div style={{ display: 'inline-flex' }}>
-                                                    <LoadingSpinner themeColor={themeColor} />
+                                                    <LoadingSpinner
+                                                        themeColor={themeColor}
+                                                        aria-label="Loading spinner"
+                                                    />
                                                 </div>
                                             </div>
                                         </div>
@@ -84,7 +87,7 @@ export const ProcaptchaPlaceholder = (props: PlaceholderProps) => {
                                 <div style={{ display: 'inline-flex', flexDirection: 'column' }}>
                                     <a href={WIDGET_URL} target="_blank" aria-label={WIDGET_URL_TEXT}>
                                         <div style={{ flex: 1 }}>
-                                            <Logo themeColor={themeColor}></Logo>
+                                            <Logo themeColor={themeColor} aria-label="Prosopo logo"></Logo>
                                         </div>
                                     </a>
                                 </div>
diff --git a/packages/web-components/src/Checkbox.tsx b/packages/web-components/src/Checkbox.tsx
index e1c7e86836..ee500a4e62 100644
--- a/packages/web-components/src/Checkbox.tsx
+++ b/packages/web-components/src/Checkbox.tsx
@@ -80,6 +80,7 @@ export const Checkbox: React.FC<CheckboxProps> = ({ themeColor, onChange, checke
                 type={'checkbox'}
                 aria-live={'assertive'}
                 aria-haspopup={'true'}
+                aria-label={labelText}
                 onChange={onChange}
                 checked={checked}
                 style={checkboxStyle}
diff --git a/packages/web-components/src/LogoWithText.tsx b/packages/web-components/src/LogoWithText.tsx
index 488f32f0b3..8656e4d183 100644
--- a/packages/web-components/src/LogoWithText.tsx
+++ b/packages/web-components/src/LogoWithText.tsx
@@ -28,6 +28,7 @@ export const LogoWithText: React.FC<LogoWithoutTextProps> = ({ themeColor }: Log
             height="35px"
             width="140px"
             style={{ fill }}
+            aria-label="Prosopo Logo With Text"
         >
             <title>Prosopo Logo With Text</title>
             <path
diff --git a/packages/web-components/src/LogoWithoutText.tsx b/packages/web-components/src/LogoWithoutText.tsx
index 727921b804..60a2c7bbbe 100644
--- a/packages/web-components/src/LogoWithoutText.tsx
+++ b/packages/web-components/src/LogoWithoutText.tsx
@@ -27,6 +27,7 @@ export const LogoWithoutText: React.FC<LogoWithoutTextProps> = ({ themeColor }:
             viewBox="0 0 260 348"
             height="35px"
             style={{ fill }}
+            aria-label="Prosopo Logo Without Text"
         >
             <title>Prosopo Logo Without Text</title>
             <path d="M95.7053 40.2707C127.005 40.2707 157.022 52.6841 179.154 74.78C201.286 96.8759 213.719 126.844 213.719 158.093H254.056C254.056 70.7808 183.16 -4.57764e-05 95.7053 -4.57764e-05V40.2707Z" />