---
title: Accessibility Compliance
description: Built-in accessibility features and best practices
---
[Skip to content](https://scaffold.terrier.llc/docs/accessibility-compliance#main-content)
Open main navigation
Close main navigation
- [Contact Support](https://getscaffold.app/docs/getting-help-with-scaffold)
[Contact Support](https://getscaffold.app/docs/getting-help-with-scaffold)
How can we help you?
- There are no suggestions because the search field is empty.
1. [Scaffold Docs](https://scaffold.terrier.llc/docs)
2. [Getting Started](https://scaffold.terrier.llc/docs/getting-started)
# Accessibility Compliance
## Built-in accessibility features and best practices
---
###### VIDEO TRANSCRIPT:
Accessibility compliance.
Let's talk about what it is and why it's important.
The best way for me to go over this is just
to give you an example on a page.
So this is one of the contact page templates
we have, and,
um, I guess what--
basically what,
what is accessibility compliance and why it's important.
So accessibility
compliance is basically making your website in
a way that it makes it easy for
someone who uses a screen reader
or similar software to navigate your
website. So there's people out there that they
maybe have, uh, really poor vision,
or they might be completely blind,
and they rely on a screen reader to navigate your
website. They can't see the website, so
they have a screen reader
read out to them
what's on the website.
And it's exactly what... like what it sounds like. It'll
say, you know, it'll read this heading and say, "Let's
talk," and then it'll read the subheading.
And then when you get to a link,
it'll read the link text.
But not everything that's linked
on a website is always just plain text.
So an example is you can have a, an entire
card
for an event
that has
the picture of the city the event's in,
it could have the heading of the name of the event,
and then the dates that it starts.
But the entire card is a link that when you
click on it,
it goes to that event page.
So in that case, unless you specify
sign up, you know,
text to tell the screen reader to say
when it gets to that link,
you know, sign up for our event in Austin, Texas,
it's not gonna really know what to do, and it, it might end
up just e-- reading each individual card
item and not giving the user a,
a clear,
um, idea of
what to do next.
So a good example on this page would
be the social media here. So here, these
all link to social media pages,
but they're not
just, uh, regular text icons,
so we'd wanna give the screen reader instructions
on what to say.
So here you could see, um,
on, on some of our further videos, you'll see
how to...
how the structure of these
page templates work, but you could see here we have column
one, which is right here,
and column two, which is right here.
So I click in column two,
and then you can see the makeup of what's in there. So there's
a, an image there,
there's a heading,
and then there's text, and there's some list items,
and then we have the social media down here.
So let's click inside the social media,
and then you can see we have the LinkedIn.
And obviously, you can rearrange these however you
want, but this isn't a video about editing.
I just wanna go over accessibility compliance
and why it's important and why it's an extra step
you should take
when you're developing your website. The options
are there for you to add it,
so it's best to add it.
Okay, so let's click inside LinkedIn,
and then let me move this here,
and you can see it's the account.
Uh, we would link to your LinkedIn profile.
Uh, you can have it open in a new window, but then here,
link descriptive text.
So this is the text that you put in
that tells...
that's what the screen reader is gonna read out
when it gets to that link.
So on this one, we have Let's connec-connect on LinkedIn.
On the next one, we might say, "Find me on
X or Twitter,"
or whatever you wanna use,
and so on and so forth. So
that's basically it. This is just an introduction
to the concept of accessibility compliance
and how you can make sure that your website
is as usable to as many
people as possible.
- [Introduction](https://scaffold.terrier.llc/docs/introduction)
- [Getting Started](https://scaffold.terrier.llc/docs/getting-started)
- [Building Pages](https://scaffold.terrier.llc/docs/building-pages)
- [Modules](https://scaffold.terrier.llc/docs/modules)
- [Blog Setup](https://scaffold.terrier.llc/docs/blog-setup)
- [Release Notes](https://scaffold.terrier.llc/docs/release-notes)
[](https://scaffold.terrier.llc/)
[mailto:email@email.com](mailto:email@email.com)
Copyright © [Terrier Digital LLC](https://terrier.llc/)