Equity, Diversity, and Inclusion

SURFS

First time visit: View without clicking anything

Page Not Found

Center for Information Technology Services

Leaders in Education: Academy of Presidential Scholars - LEAPS

About UMB

UMBrella

Office of the Provost

Community Engagement - Office of Community Engagement

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

University of Maryland Baltimore

Title / URL	Issues
Equity, Diversity, and Inclusionwww.umaryland.edu/diversity/	46
SURFSwww.umaryland.edu/surfs/	46
First time visit: View without clicking anythingwww.umaryland.edu/	46
Page Not Foundwww.umaryland.edu/invented-url-for-404-page	46
Center for Information Technology Serviceswww.umaryland.edu/cits/	46
Leaders in Education: Academy of Presidential Scholars - LEAPSwww.umaryland.edu/leaps/	46
About UMBwww.umaryland.edu/about-umb/	46
UMBrellawww.umaryland.edu/umbrella/	46
Office of the Provostwww.umaryland.edu/provost/	46
Community Engagement - Office of Community Engagementwww.umaryland.edu/oce/	46

Ensure links can be used by screen readers

University of Maryland Baltimore

Where this issue has occurred