Welcome to Lloyd’s

Contact us - Lloyd's

Media Centre - Lloyd's

News and insights

Our home

Conducting business - Lloyd's

Lloyd's around the world - Lloyd's

History - Lloyd's

Our strategy - Lloyd's

News - Lloyd's

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

Lloyds Of London

Title / URL	Issues
Welcome to Lloyd’swww.lloyds.com/about-lloyds	3
Contact us - Lloyd'swww.lloyds.com/contact-us	3
Media Centre - Lloyd'swww.lloyds.com/about-lloyds/media-centre	3
News and insightswww.lloyds.com/news-and-insights	3
Our homewww.lloyds.com/about-lloyds/our-home	3
Conducting business - Lloyd'swww.lloyds.com/conducting-business	3
Lloyd's around the world - Lloyd'swww.lloyds.com/lloyds-around-the-world	3
History - Lloyd'swww.lloyds.com/about-lloyds/history/	3
Our strategy - Lloyd'swww.lloyds.com/about-lloyds/strategy	3
News - Lloyd'swww.lloyds.com/news-and-insights/news	3

Ensure links can be used by screen readers

Lloyds Of London

Where this issue has occurred