# ember/template-no-invalid-link-title

💼 This rule is enabled in the 📋 `template-lint-migration` [config](https://github.com/ember-cli/eslint-plugin-ember#-configurations).

<!-- end auto-generated rule header -->

Disallow invalid `title` attributes on link elements. The title should not be empty or the same as the link text.

## Rule Details

This rule ensures that link titles provide additional context and are not redundant with the link text.

## Examples

Examples of **incorrect** code for this rule:

```gjs
<template>
  <a href="/page" title="">Page</a>
</template>

<template>
  <a href="/page" title="Page">Page</a>
</template>
```

Examples of **correct** code for this rule:

```gjs
<template>
  <a href="/page" title="More information about page">Page</a>
</template>

<template>
  <a href="/page">Page</a>
</template>
```

## Migration

- If the `title` attribute value is the same as or part of the link text, it's better to leave it out.

## References

- [Supplementing link text with the title attribute](https://www.w3.org/TR/WCAG20-TECHS/H33.html)
- [Understanding Link Purpose](https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-refs.html)