fix: remove title from the anchor has content rule

Author: TMaszko

__tests__/src/rules/anchor-has-content-test.js

@@ -37,14 +37,14 @@ ruleTester.run('anchor-has-content', rule, {
       code: '<Link>foo</Link>',
       settings: { 'jsx-a11y': { components: { Link: 'a' } } },
     },
-    { code: '<a title={title} />' },
     { code: '<a aria-label={ariaLabel} />' },
     { code: '<a title={title} aria-label={ariaLabel} />' },
   )).map(parserOptionsMapper),
   invalid: parsers.all([].concat(
     { code: '<a />', errors: [expectedError] },
     { code: '<a><Bar aria-hidden /></a>', errors: [expectedError] },
     { code: '<a>{undefined}</a>', errors: [expectedError] },
+    { code: '<a title={title} />', errors: [expectedError] },
     {
       code: '<Link />',
       errors: [expectedError],

docs/rules/anchor-has-content.md

@@ -6,7 +6,7 @@
 
 Enforce that anchors have content and that the content is accessible to screen readers. Accessible means that it is not hidden using the `aria-hidden` prop. Refer to the references to learn about why this is important.
 
-Alternatively, you may use the `title` prop or the `aria-label` prop.
+Alternatively, you may use the `aria-label` prop.
 
 ## Rule options
 
@@ -47,7 +47,6 @@ return (
 <a>Anchor Content!</a>
 <a><TextWrapper /></a>
 <a dangerouslySetInnerHTML={{ __html: 'foo' }} />
-<a title='foo' />
 <a aria-label='foo' />
 ```
 

src/rules/anchor-has-content.js

@@ -7,7 +7,7 @@
 // Rule Definition
 // ----------------------------------------------------------------------------
 
-import { hasAnyProp } from 'jsx-ast-utils';
+import { hasProp } from 'jsx-ast-utils';
 
 import getElementType from '../util/getElementType';
 import { arraySchema, generateObjSchema } from '../util/schemas';
@@ -42,7 +42,7 @@ export default {
         if (hasAccessibleChild(node.parent, elementType)) {
           return;
         }
-        if (hasAnyProp(node.attributes, ['title', 'aria-label'])) {
+        if (hasProp(node.attributes, 'aria-label')) {
           return;
         }