Academics - Middlesex School

Alumni - Middlesex School

Calendar - Middlesex School

About - Middlesex School

Middlesex School | Independent 9-12 School in MA

Ways to Give - Middlesex School

Visual Arts - Middlesex School

Board of Trustees - Middlesex School

Directions - Middlesex School

Theatre - Middlesex School

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

April 2025

March 2025

Middlesex School

Title / URL	Issues
Academics - Middlesex Schoolwww.mxschool.edu/academics	4
Alumni - Middlesex Schoolwww.mxschool.edu/alumni	4
Calendar - Middlesex Schoolwww.mxschool.edu/calendar	4
About - Middlesex Schoolwww.mxschool.edu/about	4
Middlesex School \| Independent 9-12 School in MAwww.mxschool.edu/	4
Ways to Give - Middlesex Schoolwww.mxschool.edu/alumni/giving	4
Visual Arts - Middlesex Schoolwww.mxschool.edu/arts/visual-arts	4
Board of Trustees - Middlesex Schoolwww.mxschool.edu/about/trustees	4
Directions - Middlesex Schoolwww.mxschool.edu/about/directions	4
Theatre - Middlesex Schoolwww.mxschool.edu/arts/theatre	4

Ensure links can be used by screen readers

Middlesex School

Where this issue has occurred