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.

+ +
@@ -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.

+
+
@@ -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? + @@ -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.

- +
+
@@ -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? - - - -
+
-
- + 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? + + + +

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.

+
+
@@ -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.

+
+
@@ -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? + @@ -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; }