Skip to content

Add helpful instructions for mutua11y forms' time zone question. #553

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
alexisreytech wants to merge 8 commits into
base: main
Choose a base branch
from
Open

Add helpful instructions for mutua11y forms' time zone question. #553

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
f1b6677
Add helpful instructions for selecting timezone for both mutua11y for…
alexisreytech May 6, 2026
fb59a1c
Adjust sizing of region/timezone column sizes for better display.
alexisreytech May 6, 2026
8547b8e
Update id name for timezone instructions.
alexisreytech May 6, 2026
dde9956
Use ExternalLink component for new timezone links.
alexisreytech May 7, 2026
e45bc59
Merge branch 'main' into alexis/mutua11y-time-zones
alexisreytech May 7, 2026
43f0ab6
Change "timezone" to "Time zone" and update external link href.
alexisreytech May 7, 2026
d260b35
Update "time zone" spacing in one more place.
alexisreytech May 7, 2026
063a717
Add additional info for UTC acronym for clarity.
alexisreytech May 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 17 additions & 7 deletions astro/src/pages/mutua11y/mentor-registration.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ const crumbs: Breadcrumbs = [

import Branding from "@components/Branding.astro";
import Column from "@components/Column.astro";
import ExternalLink from "@components/ExternalLink.astro";
import GoogleForm from "@components/forms/GoogleForm.astro";
import ImageHeading from "@components/ImageHeading.astro";
import Layout from "src/layouts/Layout.astro";
Expand Down Expand Up @@ -133,10 +134,10 @@ import ThemedSection from "@components/ThemedSection.astro";
<Column noDefault md="12" class="mb-3">
<h3 class="display-5">Your location and language information</h3>
<p class="form-text">
We will use this information to try and best match your geographic region, timezone and spoken languages whenever possible.
We will use this information to try and best match your geographic region, time zone and spoken languages whenever possible.
</p>
</Column>
<Column noDefault md="6" class="mb-3">
<Column noDefault lg="6" class="mb-3">
<fieldset>
<legend class="mb-1 fs-6 required-field">
What region do you primarily live and work in? <span class="asterisk" aria-hidden="true"></span>
Expand All @@ -154,20 +155,29 @@ import ThemedSection from "@components/ThemedSection.astro";
</select>
</fieldset>
</Column>
<Column noDefault md="6" class="mb-3">
<Column noDefault lg="6" class="mb-3">
<fieldset>
<legend class="mb-1 fs-6 required-field">
What timezone do you live in? <span class="asterisk" aria-hidden="true"></span>
What time zone do you live in?
<span class="asterisk" aria-hidden="true"></span>
<span class="form-text">(UTC stands for Universal Coordinated Time)</span>
</legend>
<select
class="form-select mb-2"
name="Timezone"
aria-label="Timezone selection"
name="TimeZone"
aria-label="Time zone selection"
aria-describedby="timeZoneHelpLink"
required
>
<option value="" selected disabled aria-disabled="false">Select the timezone you live in...</option>
<option value="" selected disabled aria-disabled="false">Select the time zone you live in...</option>
{ timeZones.map((tz) => <option value={tz} set:text={tz} />) }
</select>
<div id="timeZoneHelpLink" class="form-text small">
Not sure what your time zone is?
<ExternalLink href="https://time.is/your_time_zone">
Find your time zone and UTC offset
</ExternalLink>.
</div>
</fieldset>
</Column>
<div class="col-12 mb-3">
Expand Down
27 changes: 19 additions & 8 deletions astro/src/pages/mutua11y/protege-registration.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ const crumbs: Breadcrumbs = [

import Branding from "@components/Branding.astro";
import Column from "@components/Column.astro";
import ExternalLink from "@components/ExternalLink.astro";
import GoogleForm from "@components/forms/GoogleForm.astro";
import ImageHeading from "@components/ImageHeading.astro";
import Layout from "src/layouts/Layout.astro";
Expand Down Expand Up @@ -131,13 +132,14 @@ import ThemedSection from "@components/ThemedSection.astro";
<Column noDefault md="12" class="mb-3">
<h3 class="display-5">Your location and language information</h3>
<p class="form-text">
We will use this information to try and best match your geographic region, timezone and spoken languages whenever possible.
We will use this information to try and best match your geographic region, time zone and spoken languages whenever possible.
</p>
</Column>
<Column noDefault md="6" class="mb-3">
<Column noDefault lg="6" class="mb-3">
<fieldset>
<legend class="mb-1 fs-6 required-field">
What region do you primarily live and work in? <span class="asterisk" aria-hidden="true"></span>
What region do you primarily live and work in?
<span class="asterisk" aria-hidden="true"></span>
</legend>
<select
class="form-select mb-2"
Expand All @@ -152,20 +154,29 @@ import ThemedSection from "@components/ThemedSection.astro";
</select>
</fieldset>
</Column>
<Column noDefault md="6" class="mb-3">
<Column noDefault lg="6" class="mb-3">
<fieldset>
<legend class="mb-1 fs-6 required-field">
What timezone do you live in? <span class="asterisk" aria-hidden="true"></span>
What time zone do you live in?
<span class="asterisk" aria-hidden="true"></span>
<span class="form-text">(UTC stands for Universal Coordinated Time)</span>
</legend>
<select
class="form-select mb-2"
name="Timezone"
aria-label="Timezone selection"
name="TimeZone"
aria-label="Time zone selection"
aria-describedby="timeZoneHelpLink"
required
>
<option value="" selected disabled aria-disabled="false">Select the timezone you live in...</option>
<option value="" selected disabled aria-disabled="false">Select the time zone you live in...</option>
{ timeZones.map((tz) => <option value={tz} set:text={tz} />) }
</select>
<div id="timeZoneHelpLink" class="form-text small">
Not sure what your time zone is?
<ExternalLink href="https://time.is/your_time_zone">
Find your time zone and UTC offset
</ExternalLink>.
</div>
</fieldset>
</Column>
<div class="col-12 mb-3">
Expand Down
Loading