Skip to content

Update content for Evaluations page. #507

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

Merged
brian-montgomery merged 5 commits into from
Mar 23, 2026
Merged

Update content for Evaluations page. #507

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
f00bc92
Update content for Evaluations page.
alexisreytech Mar 6, 2026
e22b9ed
Move evalutaion costs to bottom of each box. Change box display to fl…
alexisreytech Mar 13, 2026
0ccab60
Merge branch 'main' into alexis/evaluations-page-content
alexisreytech Mar 18, 2026
811d1b1
Change evaluations costs to use bullet list format.
alexisreytech Mar 18, 2026
79249a2
Quick CSS adjustments
brian-montgomery Mar 23, 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
176 changes: 100 additions & 76 deletions astro/src/pages/evaluations/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ import ShadowBoxSection from "@components/ShadowBoxSection.astro";
</div>
<div class="py-3">
<p class="text-bg-hero">
<Branding>Accessible Community</Branding> provides digital accessibility
<Branding>Accessible Community</Branding> provides affordable accessibility
evaluations for websites and social media.
</p>
<div class="d-flex flex-column flex-xl-row gap-2">
Expand All @@ -65,25 +65,25 @@ import ShadowBoxSection from "@components/ShadowBoxSection.astro";
>
<div class="col col-xl-8 col-xxl-9">
<p>
<Branding class="text-primary">Accessible Community</Branding> provides small-to-medium organizations with accessibility evaluations and assistance for websites and social media. Evaluations are free for small businesses and community organizations, as well as disability-support organizations. For medium-sized businesses and organizations, we charge a small flat fee for our services.
Websites and social media are often the first way people find your organization. We can help you reach more readers, more members, more customers by making your digital content accessible.
</p>
<p>
We provide several types of accessibility evaluations to meet the needs of your organization. This ranges from evaluating your website or assessing your organization's social media presence. We also provide the ability to appraise your digital messaging yourself, if you would like.
<Branding class="text-primary">Accessible Community</Branding> evaluates websites and social media for small and medium size businesses and organizations. Evaluations are free for small businesses and community organizations, as well as disability-support organizations. We charge a small flat fee for our services to larger organizations and businesses.
</p>
</div>
<div class="col col-lg-10 col-xl-3 mx-3">
<p
class="display-5 text-center text-primary py-3 border-primary-subtle border-2 border-top border-bottom"
>
Our digital evaluations are <strong>free</strong> for <strong>small businesses</strong> and <strong>community organizations</strong>.
Evaluations are <strong>free</strong> for <strong>small businesses</strong> and <strong>community organizations</strong>.
</p>
</div>
</div>
<p>
After the evaluation, we provide reports based on international standards and best practices to help you know how you can reach as many people as possible with your business or mission. We encourage you to make your digital content accessible to be equitable and remove barriers for your audience.
We provide a detailed report based on international standards and best practices to help you reach as many people as possible with your business or mission. We also help you get there with additional assistance after the evaluation.
</p>
<p>
If you are interested, please <a href="#request" class="link-offset-1">fill out the request form</a> below.
Reach out to discuss options.
</p>
<hr class="border border-primary-subtle opacity-100">
<p class="small">
Expand All @@ -99,98 +99,118 @@ import ShadowBoxSection from "@components/ShadowBoxSection.astro";
theme="primary"
text={true}
border={1}
class="col-10 col-lg-5 shadow rounded"
class="d-flex flex-column justify-content-between col-10 col-lg-5 shadow rounded"
>
<h4 class="text-white">Standard Website Evaluation</h4>
<div>
<h4 class="text-white">Standard Website Evaluation</h4>
<p>
What's included:
</p>
<ul class="bullets">
<li
>An accessibility review of up to 5 web pages, including the home
page and global navigation</li
>
<li
>A detailed report with links to additional learning about the
issues and how to fix them</li
>
<li
>Two hours of consulting to review findings and assist in fixing
issues</li
>
<li>
Access to three additional hours of support and training to prepare
for next steps
<ul class="small">
<li>Additional hours of support are $100/hour</li>
</ul>
</li>
</ul>
</div>
<p>
Cost: <strong class="text-brand">$1,500</strong>. What's included:
Cost:
</p>
<ul class="bullets">
<li
>An accessibility review of up to 5 web pages, including the home
page and global navigation</li
>
<li
>A detailed report with links to additional learning about the
issues and how to fix them</li
>
<li
>Two hours of consulting to review findings and assist in fixing
issues</li
>
<li>
Access to three additional hours of support and training to prepare
for next steps
<ul class="small">
<li>Additional hours of support are $100/hour</li>
</ul>
</li>
<li><strong class="text-brand">Free</strong> for small businesses and community organizations</li>
<li><strong class="text-brand">$1,500</strong> for larger community-centered organizations (such as local governments or community colleges)</li>
</ul>
</ThemedBox>
<ThemedBox
theme="primary"
style="subtle"
text
text={true}
border={1}
class="col-10 col-lg-5 shadow rounded"
class="d-flex flex-column justify-content-between col-10 col-lg-5 shadow rounded"
>
<h4 class="fw-bold">Social Media Evaluation</h4>
<div>
<h4 class="fw-bold">Social Media Evaluation</h4>
<p>
What's included:
</p>
<ul class="bullets">
<li
>A accessibility review of up to 3 social media platforms, including
the organization pages, content and a sampling of 10-20 posts</li
>
<li
>A detailed report with links to additional learning about the
issues and how to fix them</li
>
<li
>One hour of consulting to review findings and assist in fixing
issues</li
>
<li>
Access to one additional hour of support and training
<ul class="small">
<li>Additional hours of support are $100/hour</li>
</ul>
</li>
</ul>
</div>
<p>
Cost: <strong class="text-brand">$750</strong>. What's included:
Cost:
</p>
<ul class="bullets">
<li
>A accessibility review of up to 3 social media platforms, including
the organization pages, content and a sampling of 10-20 posts</li
>
<li
>A detailed report with links to additional learning about the
issues and how to fix them</li
>
<li
>One hour of consulting to review findings and assist in fixing
issues</li
>
<li>
Access to one additional hour of support and training
<ul class="small">
<li>Additional hours of support are $100/hour</li>
</ul>
</li>
<li><strong class="text-brand">Free</strong> for small businesses and community organizations</li>
<li><strong class="text-brand">$750</strong> for larger community-centered organizations (such as local governments or community colleges)</li>
</ul>
</ThemedBox>
<ThemedBox
theme="secondary"
text={true}
border={1}
class="col-10 col-xl-8 shadow rounded"
class="d-flex d-none flex-column justify-content-between col-10 col-xl-8 shadow rounded"
>
<h4 class="text-white">Self-Evaluation</h4>
<div>
<h4 class="text-white">Self-Evaluation</h4>
<p>
We also provide <ExternalLink
href="https://www.ta11y.org"
class="link-light link-offset-1"
inline
gaps
><Icon
name="ta11y-logo"
role="img"
aria-hidden="true"
class="bi"
/><Branding text="ta11y.org" /></ExternalLink
>, a tool that will help you evaluate your digital content and learn
more about accessibility. This evaluation tool will guide you
step-by-step through an accessibility evaluation of your website,
social media and other online content. It is designed specifically for
those with little-to-no accessibility experience.
</p>
<p>
<a href="/services/#ta11y" class="link-light link-offset-1">
Read more about <Branding text="ta11y.org" /></a
>
to see if this free solution is for you.
</p>
</div>
<p>Cost: <strong class="text-brand">$0</strong>.</p>
<p>
We also provide <ExternalLink
href="https://www.ta11y.org"
class="link-light link-offset-1"
inline
gaps
><Icon
name="ta11y-logo"
role="img"
aria-hidden="true"
class="bi"
/><Branding text="ta11y.org" /></ExternalLink
>, a tool that will help you evaluate your digital content and learn
more about accessibility. This evaluation tool will guide you
step-by-step through an accessibility evaluation of your website,
social media and other online content. It is designed specifically for
those with little-to-no accessibility experience.
</p>
<p>
<a href="/services/#ta11y" class="link-light link-offset-1">
Read more about <Branding text="ta11y.org" /></a
>
to see if this free solution is for you.
</p>
</ThemedBox>
</div>
</ShadowBoxSection>
Expand Down Expand Up @@ -281,8 +301,12 @@ import ShadowBoxSection from "@components/ShadowBoxSection.astro";
</Layout>

<style>
p:has(+ .bullets) {
margin-bottom: 0.333em;
}
.bullets {
padding-inline-start: 1.5em;
padding-block-end: 0.5em;
}
.small {
font-size: 90%;
Expand Down
Loading