diff --git a/astro/src/lib/mutua11y.ts b/astro/src/lib/mutua11y.ts
index 1fc81822..9cffa862 100644
--- a/astro/src/lib/mutua11y.ts
+++ b/astro/src/lib/mutua11y.ts
@@ -106,4 +106,13 @@ export const topics = [
"Usability",
"Virtual and augmented reality",
"Other",
+];
+
+export const partnerOrgs = [
+ "Level Access",
+ "Deque",
+ "OzeWAI",
+ "TPGi",
+ "Knowbility",
+ "I work somewhere else",
];
\ No newline at end of file
diff --git a/astro/src/pages/mutua11y/mentor-registration.astro b/astro/src/pages/mutua11y/mentor-registration.astro
index ed7e7e24..173562a2 100644
--- a/astro/src/pages/mutua11y/mentor-registration.astro
+++ b/astro/src/pages/mutua11y/mentor-registration.astro
@@ -8,6 +8,7 @@ import {
accessibilityAreas,
training,
topics,
+ partnerOrgs,
} from "@lib/mutua11y";
const title = "Mentor Registration";
@@ -71,6 +72,8 @@ import ThemedSection from "@components/ThemedSection.astro";
Please provide your full legal name.
+
+
Cited Name
@@ -105,6 +108,8 @@ import ThemedSection from "@components/ThemedSection.astro";
This will be the primary method that we will contact you.
Please use an email address that you check on a regular basis.
+
+
LinkedIn Profile
@@ -132,7 +137,7 @@ import ThemedSection from "@components/ThemedSection.astro";
- What region of the world do you primarily live and work in?
+ What region do you primarily live and work in?
Is English your preferred language?
-
+
Yes
No
@@ -236,7 +241,8 @@ import ThemedSection from "@components/ThemedSection.astro";
In a couple of sentences, describe your accessibility background and experience. Please include descriptions of projects you've worked on and how long you've been working in the field.
-
+
+
Briefly describe your goals for participation.
@@ -252,31 +258,14 @@ import ThemedSection from "@components/ThemedSection.astro";
In a couple of sentences, explain why you are registering to be a mentor and what a successful mentorship looks like.
-
-
-
- How many years of experience do you have in accessibility?
-
-
-
-
- Select the number of years that best fits your experience...
-
- {experienceLevels.map((tz) => {tz} )}
-
-
+
-
-
+
What areas do you have expertise in?
+
(Select all that apply)
-
+
{
accessibilityAreas.map((area) => (
@@ -298,6 +287,56 @@ import ThemedSection from "@components/ThemedSection.astro";
+
+
+
+
+
+ Which of our partner organizations do you work for?
+
+ (Select all that apply)
+
+
+ {
+ partnerOrgs.map((partnerOrg) => (
+
+
+
+
+ ))
+ }
+
+
+
+
+ How many years of experience do you have in accessibility?
+
+
+
+
+ Select the number of years that best fits your experience...
+
+ {experienceLevels.map((tz) => {tz} )}
+
+
Code of Conduct
diff --git a/astro/src/pages/mutua11y/protege-registration.astro b/astro/src/pages/mutua11y/protege-registration.astro
index 489a25f1..cfaed123 100644
--- a/astro/src/pages/mutua11y/protege-registration.astro
+++ b/astro/src/pages/mutua11y/protege-registration.astro
@@ -70,6 +70,8 @@ import ThemedSection from "@components/ThemedSection.astro";
Please provide your full legal name.
+
+
Cited Name
@@ -104,6 +106,8 @@ import ThemedSection from "@components/ThemedSection.astro";
This will be the primary method that we will contact you.
Please use an email address that you check on a regular basis.
+
+
LinkedIn Profile
@@ -131,7 +135,7 @@ import ThemedSection from "@components/ThemedSection.astro";
- What region of the world do you primarily live and work in?
+ What region do you primarily live and work in?
Is English your preferred language?
-
+
Yes
No
@@ -252,7 +256,7 @@ import ThemedSection from "@components/ThemedSection.astro";
In a couple of sentences, explain why you are registering to be a mentor and what a successful mentorship looks like.
-
+
What areas are you interested in?
@@ -280,8 +284,9 @@ import ThemedSection from "@components/ThemedSection.astro";
-
-
+
+
+
How have you learned about accessibility to date?
@@ -310,8 +315,9 @@ import ThemedSection from "@components/ThemedSection.astro";
-
-
+
+
+
What accessibility topics would you hope to discuss with your mentor?
diff --git a/astro/src/styles/bootstrap.scss b/astro/src/styles/bootstrap.scss
index 659a3574..1106e0a7 100644
--- a/astro/src/styles/bootstrap.scss
+++ b/astro/src/styles/bootstrap.scss
@@ -147,6 +147,7 @@ $form-check-min-height: 30px;
$form-check-input-checked-bg-color: $primary;
$form-check-input-checked-border-color: $primary;
+$form-select-border-width: $input-border-width;
//********
// Shadows - Tweaked from https://codyhouse.co/nuggets/beautiful-css-shadows
diff --git a/astro/src/styles/link-focus-hover.scss b/astro/src/styles/link-focus-hover.scss
index 14c6874d..390b60c5 100644
--- a/astro/src/styles/link-focus-hover.scss
+++ b/astro/src/styles/link-focus-hover.scss
@@ -13,23 +13,14 @@
.form-field:focus {
border-color: $info-border-contrast;
border-style: solid;
- border-radius: 0.375rem;
- outline-offset: 2px;
-}
-
-.form-check-input:focus {
- outline: 2px solid $primary;
outline-offset: 2px;
- box-shadow: none;
}
-.form-control:focus-visible {
- outline: 2px solid $primary;
- box-shadow: none;
+.form-field:focus, .form-control:focus-visible, .form-select:focus-visible {
border-radius: 0.375rem;
}
-.form-check-input:focus-visible {
+.form-check-input:focus, .form-check-input:focus-visible, .form-control:focus-visible, .form-select:focus-visible {
outline: 2px solid $primary;
outline-offset: 2px;
box-shadow: none;
@@ -41,7 +32,7 @@
}
@include color-mode(dark) {
- *:focus-visible, .form-field:focus, .form-check-input:focus, .form-check-input:focus-visible, .navbar-toggler:focus, .btn:focus-visible, .nav-link:focus-visible, .form-control:focus-visible {
+ *:focus-visible, .form-field:focus, .form-check-input:focus, .form-check-input:focus-visible, .navbar-toggler:focus, .btn:focus-visible, .nav-link:focus-visible, .form-control:focus-visible, .form-select:focus-visible {
outline-color: #FFFFFF;
}
@@ -49,7 +40,7 @@
border-color: $info-border-contrast-dark;
}
- .form-control,.form-control:focus, .form-check-input, .form-check-input:focus {
+ .form-control,.form-control:focus, .form-check-input, .form-check-input:focus, .form-select, form-select:focus {
border-color: $info-border-contrast-dark;
}