Careers and Outcomes - Principia College

Study Abroad - Principia College

First Year Experience - Principia College

Search - Principia College

Home - Principia College

College Store & Student Center - Principia College

Social Life - Principia College

Student Health & Safety - Principia College

First time visit: View without clicking anything

FERPA - Principia College

Links must be defined in a specific way to be accessed by screen readers, which are used by 
blind and the partially-sighted.

To work with accessibility technologies, links must contain both machine-readable text, and 
a `href` attribute. If a link is not actually
pointing to a page or part of a page, it should be replaced with another semantic element, such
as a `button`, or the `<a>` tag should have a role of `button`. 

For example:

```html
<a href="/about">About us</a>
```

If the link contains _nothing but an image_, that image should specify alternative text, e.g.

```html
<a href="/apple">
    <img src="apple.png" alt="Apple">
</a>
```

Before HTML5, an anchor was often used to create a target to link to, e.g.

```html
<a name="example"></a>
```

This is not supported in HTML5, and the use of anchors for targets is discouraged. Use an `id`
attribute on a non-anchor tag instead, e.g.

```html
<div id="example"> ... </div>
```

Empty links (e.g. `<a></a>`) are often incorrectly used for buttons or controls in a
JavaScript application. In these cases, you should usually define the link as having a more appropriate
role, e.g. as a button. To do this, use the `role` attribute (e.g `<a role="button">`), or replace 
the `<a>` tag with a more appropriate tag, such as `<button>`.

For more details, see [Technique H91](https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/H91)
and learn about [ARIA roles](https://www.sitepoint.com/how-to-use-aria-effectively-with-html5/).

bad-anchor

August 2024

July 2024

Principia College

Title / URL	Issues
Careers and Outcomes - Principia Collegewww.principiacollege.edu/academics/outcomes	4
Study Abroad - Principia Collegewww.principiacollege.edu/academics/study-abroad	4
First Year Experience - Principia Collegewww.principiacollege.edu/academics/fye	4
Search - Principia Collegewww.principiacollege.edu/invented-url-for-404-page	4
Home - Principia Collegewww.principiacollege.edu/	4
College Store & Student Center - Principia Collegewww.principiacollege.edu/student-life/store	4
Social Life - Principia Collegewww.principiacollege.edu/student-life/social-life	4
Student Health & Safety - Principia Collegewww.principiacollege.edu/student-life/health-safety	4
First time visit: View without clicking anythingwww.principiacollege.edu/	4
FERPA - Principia Collegewww.principiacollege.edu/academics/registrar/ferpa	4

Ensure links can be used by screen readers

Principia College

Where this issue has occurred